/* CSS Document */

img, img a {
	margin: 0;
	padding: 0;
	border: 0;
	}

body {
    /*background-color: #000000; */
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #002A7E;
}

#top {
	position: relative;
	width: 764px;
	margin: 0 auto;
	padding: 0;
	}
    #top h1
    {
        font-size: 75%;
		font-weight: bold;
		color: #CECECE;
		margin: 8px 0 0 0;
		padding: 0;
		text-align: center;
    }
    
#container {
	position: relative;
	width: 764px;
	margin: 0 auto;
	padding: 0;
	}

#header {
	position: absolute;
	top: 0;
	left: 0;
	background:  url("images/bkd_header.gif") no-repeat top left;
	width: 746px;
	height: 48px;
	margin: 0;
	padding: 17px 0 0 18px;
	}	

#menu {
	position: relative;
	float: left;
	top: 64px;
	left: 0;
	width: 164px;
	background: url("images/bkd_menu.gif") no-repeat top left;
	margin: 0 0 64px 0;
	padding: 23px 0 0 0;
	}
	#menu h5	{
	    font: normal 75% Arial, Helvetica, sans-serif;
		/*margin: 15px 6px 15px 20px;*/
		margin: 15px 6px 0 20px;
		padding: 0;
		}
	#menu h5 a {
		text-decoration: underline;
		color: #00267D
		}
	#menu h5 a:hover, #menu h5 a:active {
		text-decoration: none;
		color: #BB0D32;
		}
	#mainMenu {
		margin: 0 6px 0 25px;
		padding: 0;
		}
	#mainMenu li {
		font: bold 75% Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		list-style-position: outside;
		list-style-image: url("images/nav_arrow.gif");
		color: #00267D;
		margin: 0 0 12px 0;
		padding: 0;
		}
	#mainMenu li a {
		text-decoration: none;
		color: #00267D;
		}
	#mainMenu li a:hover, #mainMenu li a:active, #mainMenu #subMenu li a:hover, #mainMenu #subMenu li a:active {
		text-decoration: underline;
		color: #BB0D32;
		}
	#mainMenu li.current, #mainMenu li.current a {
		list-style-image: url("images/nav_arrowCurrent.gif");
		color: #BB0D32;
		}
	#mainMenu #subMenu {
		margin: 4px 0 0 10px;
		padding: 0;
		}
	#mainMenu #subMenu li, #mainMenu #subMenu li a {
		list-style-image: url("images/nav_arrow.gif");
		text-decoration: none;
		color: #00267D;
		}
	#mainMenu #subMenu li.current, #mainMenu #subMenu li.current a {
		list-style-image: url("images/nav_arrowCurrent.gif");
		color: #BB0D32;
		}
	
	#menu img {
		margin: 0;
		padding: 0;
		}
	/*#menuText 
	{
	    font-size: 70%;
		list-style-position: outside;
		margin: 0 6px 0 25px;
		padding: 0;
	}
	*/
		
#footer {
	clear: both;
	background:  url("images/bkd_footer.gif") no-repeat top left;
	width: 744px;
	margin: 0;
	padding: 10px;
	background-color: #002A7E;
	text-align: center;
	}
	#footer img {
		margin: 3px auto;
		padding: 0;
		}
	#footer h1 {
	    font-size: 80%;
		font-weight: normal;
		color: #CECECE;
		margin: 8px 0 0 0;
		padding: 0;
		}
	#footer h6 {
		font-size: 80%;
		font-weight: normal;
		color: #CECECE;
		margin: 8px 0 0 0;
		padding: 0;
		}
		#footer h6 a {
		text-decoration: underline;
		color: #ffffff;
		}
	    #footer h6 a:hover, #menu h6 a:active {
		text-decoration: none;
		color: #ffffff;
		}		
.sup {
	color: #993300;
	font-size: 90%;
	}
#content .footnote {
	color: #666666;
	font: italic 85% Verdana, Arial, Helvetica, sans-serif;
	}
#content .footnote2 {
	color: #666666;
	font: italic 75% Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	}

#promoBanner {
	width: 500px;
	margin: 5px auto;
	padding: 0;
	}
	
#promoBanner2 {
	width: 450px;
	margin: 5px 5px 5px 10px;
	padding: 0;
	}
	
/*********************IMAGE and IMAGE CAPTIONS****************************/
.imgCapRight {
	float: right;
	clear: right;
	margin: 5px 10px 10px 15px;
	padding: 0;
	}
.imgCapLeft {
	float: left;
	clear: left;
	margin: 5px 15px 10px 10px;
	padding: 0;
	}

	.imgCapRight h6 , .imgCapLeft h6 {
		font: bold 90% Arial, Helvetica, sans-serif;
		color: #00267D;
		margin: 5px 3px 15px 5px;
		padding: 0;
		}

.imgRight {
	float: right;
	clear: right;
	margin: 5px 10px 5px 15px;
	padding: 0;
	}
.imgLeft {
	float: left;
	clear: left;
	margin: 5px 15px 5px 10px;
	padding: 0;
	}