@import url("reset.css");

.box {	
     margin-top: 15px;
	 padding:15px;	 
	 background-color: #c9dcfa;
}

.line {
      margin-top: 15px;
	  padding: 0px;
	  width: 115px;
	  background-color: #004080;	 
	  font: 3px;
	  height: 3px;
}

body a img {
	border-style: none;
	border-width: 0;
	text-align: left;
	background-color: transparent;
}

body a {
	text-decoration: none;
}

body {
	background-color: white;
	margin: 0 auto;
	font: 11px/16px verdana;
	color: black;
	text-align: left;
}

#head a, #head a:visited, #head a:hover {
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

#head {
	height: 163px;
	margin: 0 auto;
	background-image: url(images/head_wrap.jpg);
	width: 979px;
}

#logo {
	margin: 0;
	padding: 0;
	height: 130px;
	float: left;
	overflow: hidden;
	background-color: white;
	width: 240px;
}

#headright {
	float: right;
	height: 130px;
}

#bar {
	height: 25px;
	background-color: white;
	width: 739px;
}

#bar a, a:visited {
	font-size: 10px;
	color: #356a9e;
	text-align: right;
	text-decoration: none;
	font-weight: bold;
}

#bar a:hover {
	font-size: 10px;
	color: #356a9e;
	text-align: right;
	text-decoration: underline;
	font-weight: bold;
}

#bar p {
	font-size: 10px;
	color: #356a9e;
	text-align: right;
	height: 20px;
	margin: 0;
	padding: 5px 10px 0 0;
}

#flash {
	height: 105px;
	background-image: url(images/flbg.jpg);
	width: 739px;
}

#headbottom {
	background-image: url(images/head_bottom.gif);
	width: 979px;
	height: 33px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	clear: both;
	color: white;
	font-size: 10px;
	font-weight: bold;
}

#headbottom a, a:visited {
	font-size: 10px;
	color: white;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
}

#headbottom a:hover {
	font-size: 10px;
	color: white;
	text-align: right;
	text-decoration: underline;
	font-weight: bold;
}

#page {
	width: 979px;
	margin-left: auto;
	margin-right: auto;
	background: url(images/pageback.gif) repeat-y;
	clear: both;
}

#sidebarright {
	float: right;
	width: 205px;
}

#sidebarright a {
	font-size: 11px;
	color:  #0000a3;
    font: 11px/16px verdana;
    font-weight: bold;
}

#sidebarright ul {
	padding: 15px;
	margin-top: 15px;
	background-color: #c9dcfa;
}

#sidebar h3 {
	width: 239px;
	height: 27px;
	background-image: url(images/sideh3.gif);
	margin: 0;
	text-align: center;
	color: white;
	padding: 6px 0 0;
	font-size: 12px;
}

#sidebar p {
	width: 219px;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 11px;
	color: #4b6c93;
	padding-bottom: 10px;
	margin: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


#sidebar {
	width: 239px;
	float: left;
    background-color: #c9dcfa;    
}
/*
#sidebar a, a:visited{
	color: #4b6c93;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	border-bottom: 1px solid white;
	background-color: #c9dcfa;
}

#sidebar a {
	width: 229px; 
	display: block;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#sidebar a:hover{
	color: white;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	background-color: #6688bc;
	border-bottom: 1px solid white;
}

#sidebar a:hover {
	width: 229px; 
	display: block;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#sidebar ul {
	width: 239px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul li {
	position: relative;
}

#sidebar ul li ul {
	position: absolute;
	top: 0;
	left: 239px;
	display: none;
}

#sidebar ul li:hover ul, ul li.over ul {      
	display: block;
}
*/



#content h1 {
	font-size: 14px;
	color: #db261f;
	margin: 10px 0;
	padding: 0;
	font-weight: bold;
}

#content {
	width: 505px;
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 15px;
    
	float: left;
}

/*
#content a{
	COLOR:#2c6aa5; FONT-SIZE:12px; FONT-FAMILY: Tahoma,Verdana; TEXT-DECORATION: none
}
#content a:hover{
	COLOR:#ff6600; TEXT-DECORATION: none
}
*/

#hbleft {
	float: left;
	text-align: center;
	padding-top: 8px;
	width: 239px;
}

#hbright {
	float: right;
	text-align: center;
	padding-top: 8px;
	height: 20px;
	width: 739px;
}

#footer {
	width: 979px;
	height: 30px;
	background-image: url(images/footerbg.gif);
	clear: both;
}

#footer p {
	width: 979px;
	text-align: center;
	padding-top: 7px;
	font-weight: bold;
	color: #6688bc;
    
}

#res {
COLOR:#2c6aa5; FONT-SIZE:12px; FONT-FAMILY: Tahoma,Verdana; TEXT-DECORATION: none;
width: 70px; 
	display: inline;
	text-align: left;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;

}

#res {
COLOR:#ff6600; TEXT-DECORATION: none;
width: 70px; 
	display: inline;
	text-align: left;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}


ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 239px; 
	border-bottom: 1px solid #ccc;
	}
	
ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 239px; 
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul li a:visited {    
    color: #4b6c93;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	border-bottom: 1px solid white;
	background-color: #c9dcfa;
    text-align: left;
}


ul li a {    
    width: 229px; 
	display: block;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
    color: #4b6c93;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	border-bottom: 1px solid white;
	background-color: #c9dcfa;
	}
	
    
ul li a:hover {
    color: white;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	background-color: #6688bc;
	border-bottom: 1px solid white;
	width: 229px; 
	display: block;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px; 
    
    
    
	}    
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; }