/* CSS Document */

body {
	background-color:#abb5d4;
	color:#003366;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	behavior:url(/css/csshover2.htc);
	}
	
* {				 /* Remove all margins and padding */
	margin: 0;
	padding: 0; 
	}
	
a	{
	color:#003366;
	text-decoration:none;
	}
	
a:hover, a:active {
	background-color: #BCB696;
	color: #FFF;
	text-decoration:underline;
	}		

h1, h2, h3, h4 {
	margin-top:.5em;
	margin-bottom:0;
	}

h2 {
	margin-bottom:.5em;
	}
	
h2 + p {
	margin-top:.5em;
	}
			
li {
	list-style-type:none;
	}

.alert {
	color:yellow;
	font-size:inherit;
	font-weight:bold;
	}
	
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	}

.indent {
	text-indent:1em;
	}
	
.left {
	float:left;
	text-align:left;
	}
		
.notes {
	color:#003366;
	font-size: 14px;
	padding-bottom:.8em;
	}
	
.numeric {
	padding-left:5px;
	text-align:right;
	vertical-align:top;
	width:80px;
	}
	
.right {
	float:right;
	text-align:right;
	}
			
.specialtext {
	font-weight:bold;
	}

table {
	border-collapse:collapse;
	margin-top:.5em;
	width:480px;
	}
	
td {
	padding:4px 0px;
	vertical-align:top;
	}

td li {
	padding-left:1em;
	}
	
td span{
	font-size:12px;
	font-weight:normal;
	}

ul {
	margin-bottom:.8em;
	}
	
/* force "layout" for menu items */
ul, li, li a, a {
	box-sizing:content-box;
	vertical-align:bottom;
	}
	
ol {
	margin-bottom:1em;
	margin-left:2em;
	margin-top:0;
	}
	
ol li {
	list-style:outside;
	list-style-type:square
	}
			
/* Specific divs */
#mainwrap {
	position:absolute;
	left:50%;
	margin-left: -380px;
	width: 760px;
	text-align:left;
	}

#header {
	background:#BCB696 url(css_images/banner_stripes.gif) top left repeat-x;
	color:#ffffff; /* Text color*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*height:133px;*/
	height:123px;
	text-align:center;
	}

#header .left {
	float: left;
	width:125px;
	}
		
#header .right {
	float: right;
	width:120px;
	}

/* the horizontal menu starts here */
#menubar {
	background:#CCC url(css_images/menubar.jpg) top left repeat-x;
	height:40px;
	}
			
#listmenu {
	background:#CCC; /* colors the div */
	float:left;		 /*makes the div enclose the list */
	font-size:1em;	 /* SET FONT-SIZE HERE */
	height:20px;
	margin-top:2px;
	padding:2px 0;
	width:100%; 	/* makes the div full width */
	}
	
#listmenu ul {margin:0 0 0 6px;/* indents ul from edge of container */
	}
	
#listmenu li {
	float:left;/* causes the list to align horizontally instead of stack */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#CCC; /*sets the background of the menu items */
	position:relative;
	}
	
#listmenu a {
	color:#036;	/* sets the text color */
	padding:0 10px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	}
			
#listmenu li:hover, #listmenu a:hover {
	background-color:#036; /*sets the background of the menu items */
	color:#FFF;
	}
			
/* the horizontal menu ends here */

	
div#contentarea1 {
	background:#BCB696 url(css_images/faux_column.gif) repeat-y top left;
	position:relative;
	}

div#contentarea2 {
	background:#BCB696 url(css_images/faux_column.gif) repeat-y top right;
	position:relative;
	}

div#column1 {
	background-color:#BCB696;
	font-size:12px;
/*	overflow:hidden;*/
	position:absolute;
	top:0px; left:0px; /*positions col within contentarea container */	
	width:125px;
	}

#column2 {
	background-color:#BCB696;
	border-left:1px #036 solid;
	border-right:1px #036 solid;
	margin:0 125px 0 125px; /* left and right margins to make room for sidebars */
	padding:5px 10px;
	width: 488px;
	}			

#column2 p {
	padding-bottom: .8em;
	}

div#column3 {
	background-color:#BCB696;
	font-size:12px;
	overflow:hidden;
	position:absolute;
	top:0px; right:0px; /*positions col within contentarea container */
	width:125px;
	}
	
#column3 p {
	padding:0 5px 0 5px;
	}
#footer {
	background-color:#BCB696;
	border-bottom:#003366 solid 2px;
	border-top:#003366 solid 1px;
	clear:both;
	color:#003366;
	font-size: .9em;
	padding:4px 0; /* pushes the links away from top and bottom of the div */ 
	text-align:center;
	width:100%;
	}
	
/* Footer styles */
 div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 
 div#footer li {
 	display:inline; /* the key CSS - makes the lists display horizontally */
	border-left:1px solid; /* creates the vertical line to the left of each list items */
	color:#036; /* sets the color of the vertical lines  - links colored below */
	padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
	}
	
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 
 div#footer ul li a {
	color:#036; /* the color of the links */
	display:inline;
 	text-decoration:none; /* removes the underlining off the links */
	}
	
 div#footer ul li a:hover {
 	background-color:#BCB696;
	color:#FFF;
	text-decoration:underline;
	} 

 /* The Fine Print */
 div#footer ul.fineprint li {color:#036; border-left:none; font-size: 10px;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#036;} /* had to explicitly color these or they inherit from div#footer li */
 div#footer ul.fineprint li a:hover {text-decoration:underline; color:#FFF;} /* turns bottom row white when hovered */

/* navigation menu starts here */
#navmap {
	font-family: Arial, Helvetica, sans-serif;
	width: 125px;
	}
	
#navmap ul, #navmap li, #navmap a {
	border:0;
	display:block;
	margin:0;
	padding:0;
	vertical-align:bottom;
	width:100%;
	}
	
#navmap ul {
	list-style:none;
	}
				
#navmap li {
	border-bottom:1px solid #003366;
	list-style-type:none;
	position:relative;
	z-index:9;
	}
	
* html #navmap li { /* IE Win */
	margin:0;
	padding:0;
	width:115px;
	}
	
/* Submenu position */		
#navmap li ul {
	margin:0;
	position:absolute;
	left:125px; /* IE */
	top:-1px;
	width:175px;
	}

/* Defines the borders of the sub-menu items */	
#navmap li ul li{ 
	border-left:1px solid #003366;
	border-bottom:1px solid #003366;
	border-right:1px solid #003366;
	width:100%; /* sub menu width for IE */
	}

#navmap li ul li.topline { /*put a top border on the first item in the list*/
	border-top:1px solid #003366;
	}
			
#navmap a {
	color:#FFF;
	font-weight:bold;
	padding:3px 0px 3px 10px;
	text-decoration:none;
	width:100%; /* IE */
	}

#navmap li>a {
	width:auto;	/* others */
	}
	
/* Sets the color of links under the mouse */
#navmap a:hover, #navmap a:active {
	background-color:#003366;
	color:#FFF;
	}
	
/* Moves the submenu to the front */
#navmap li:hover {
	z-index:10;
	}
	
/* Hide the submenu */
#navmap ul li ul {
	display:none;
	}

/* Display the submenu when hovered over */
#navmap ul li:hover ul { 	
	background-color:#abb5d4;
	display:block;
	width:100%;
	}
	
/* navigation menu ends here */

.clearfix {display: inline-block;}   /* a fix for IE Mac */