/* CSS Document */

/*  ===================================================  
 	===================================================  
	
	Description: Template site STRUCTURE style sheet
	Author:  
	Release date:	 
	Designer approved: 
	Date approved: 
	Revision History:	Revised By		Revised On:
						cccc			cc/cc/cc
						 	===================================================  	===================================================  */

body {
	margin: 0px;
	background: #e87d00 url(../images/bg_page.gif) repeat-x;
	}
	
.bg_2colRight {
	background: #FFF url(../images/bg_colRight.gif) repeat-y;
	}
	
.bg_1col {
	background: #b3cffb url(../images/bg_contentColumn.gif) repeat-x;
	}
	
#branding {
	margin-bottom: 15px;
	margin-top: 16px;
	width: 950px;
	}
	
#brandingContent {
	width: 950px;
	height: 100px;
	background: #333;
	border-bottom: 1px solid #FFF;
	}
	
.breakingNews {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	width: 220px;
	}
	
#colRight {
	float: left;
	width: 172px;
	}
	
	#colRight ul {
		border-top: 1px solid #4c83c4;
		list-style: none;
		padding: 0px;
		margin: 0px;
		}
	
	#colRight ul li {
		margin: 0px;
		padding: 0px;
		}
		
	#colRight ul li a {
		background: #4174ba;
		border-bottom: 1px solid #4c83c4;
		color: #c6e0fb;
		display: block;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 3px 10px 3px 5px;
		text-decoration: none;
		width: 157px;
		}
		
	#colRight a:hover {
		background: #0b4293;
		}
		
	#colRight ul li li{
		border-top: 1px solid #4c83c4;
		background: #c7dcfb;
		list-style: none;
		padding: 0px;
		margin: 0px;
		}
	
	#colRight li ul li {
		margin: 0px;
		padding: 0px;
		}
		
	#colRight li ul li a {
		background: #c7dcfb;
		border-bottom: 1px solid #4c83c4;
		color: #0b4293;
		display: block;
		font: 10.5px Verdana, Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 3px 10px 3px 8px;
		text-decoration: none;
		width: 154px;
		}
		
	#colRight ul li a:hover {
		background: #0b4293;
		color:#FFF;
		}
		
	#colRight h2 {
		background: #032961;
		border-top: 15px solid #edf2fb;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #FFF;
		display: block;
		margin: 0px;
		padding: 2px 5px 2px 5px;
		width: 162px;
		}
		
	#colRight h3 {
		color: #032961;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin: 0px;
		padding: 2px 5px 2px 5px;
		}
		
	#colRight p {
		color: #032961;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 0px 5px 5px 5px;
		}

.columns_2 {
	width: 698px;
	}
	
#content {
	margin: 15px;
	float: left;
	display: inline; /* fixes IE float + margin doubles margin bug */
	}
	
#contentColumn {
	background: url(../images/bg_contentColumn.gif) repeat-x;
	float: left;
	width: 728px;
	}
	
#contentContainer {
	margin-left: 24px;
	width: 900px;
	}
		
#copyrightDate {
	float: left;
	display: inline;
	}
	
#footer {
	color: #FFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	height: 40px;
	line-height: 130%;
	margin-left: 24px;
	width: 900px;
	}
	
	#footer a {
		color: #FFF;
		text-decoration: none;
		}
	
	#footer a:hover {
		text-decoration: underline;
		}
		
#footer1 {
	float: left; 
	margin: 5px 0px 0px 0px;
	}
	
#footer2 {
	float: right; 
	text-align: right; 
	margin: 5px 0px 0px 0px;
	}

#globalContainer {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	}
	
#navRowOne {
	}
	
	#navRowOne li {
		z-index: 5; /* places top dropdown over second row list */
		}
	
#navRowTwo {
	}
	
	#navRowTwo li {
		z-index: 4; /* places top dropdown over second row list */
		}
	
#navRowThree {
	}
	
	#navRowThree li {
		z-index: 3; /* places top dropdown over second row list */
		}
	
.searchButton {
	margin: 2px 0px 0px 10px;
	font: 10px Arial, Helvetica, sans-serif;	
	}
	
.shim {
	clear: both;
	}
	
#siteSearch {
	background: #002864;
	height: 22px;
	margin-left: 24px;
	width: 900px;
	}
	
	#siteSearch img {
		float: left;
		}
	
#siteSearchForm  {
	float: right;
	height: 20px;
	margin-right: 10px;
	}
	
	#siteSearchForm div {
		float: left;
		}
		
	#siteSearchForm form {
		float: left;
		}
		
	#siteSearchForm input {
		background: #687fa0;
		border: 1px solid #000;
		color: #FFF;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		margin: 2px 0px 0px 4px;
		padding: 2px;
		}
		
	#siteSearchForm select, #siteSearchForm option {
		background: #687fa0;
		
		color: #FFF;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		padding: 0px;
		}
		
	#siteSearchForm select {
		float: left;
		margin: 3px 0px;
		}
	
	#siteSearchForm p {
		color: #93bae7;
		display: block;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		float: left;
		margin: 5px 8px 0px 5px;
		padding: 0px;
		}
	
.siteSearchForm {
	text-align: right; 
	}
	
.siteSearchForm input {
	font: 10px Arial, Helvetica, sans-serif;
	} 
				
.subNav {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	}
	
.textBox {
	background: #FFF;
	border: 1px solid #a0b5d6;
	padding: 15px;
	}
	
.topNav {
	background: #777;
	height: 22px;
	margin-left: 24px;
	width: 900px;
	padding: 0px;
	}	
	
	.topNav ul {
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		list-style: none;
		padding: 0px;
		margin: 0px 0px 0px 15px;
		}
		
	.topNav li {
		display: block;
		float: left;
		position: relative;
		z-index: 0;
		}
			
		.topNav ul li a {
			border-right: 1px solid #FFF;
			color: #032961;
			text-decoration: none;
			height: 13px;
			padding: 4px 7px 5px 7px;
			display: block;
			float: left;
			}
			
			.topNav ul li a:hover {
				color: #E5E5E5;	
				background: #091c4f;
				}
			
		.topNav ul ul {
			border-top: 1px solid #FFF;
			border-left: 1px solid #FFF;
			border-right: 1px solid #FFF;
			left: 0;
			list-style: none;
			margin: 0px;
			padding: 0px;
			position: absolute;
			top: 100%;
			width: 225px;
			z-index: 100;
			}
	
		.topNav ul ul li {
			clear: both;
			display: block; /* width doesnt work without it */
			z-index: 100;
			}
			
		.topNav ul ul a {
			background: #4174ba;
			border-bottom: 1px solid #FFF;
			color: #FFF;
			display: block;
			width: 217px;	
			z-index: 100;
			}
	
				.topNav ul ul a:hover {
					background: #091c4f;
					}
				
				.topNav li:hover ul, .topNav li.over ul {
					display: block;
					}
		
		.topNav li:hover ul, .topNav li.over ul {
			display: block;
			}
			
		.topNav img {
			float: left;
			}
			
#topNav1 {
	background: #fece9c;
	}
			
#topNav2 {
	background: #fca554;
	}
			
#topNav3 {
	background: #eff2fb;
	margin-left: 24px;
	width: 900px;
	height: 26px;
	}
	
	#topNav3 ul {
		background: #FFF url(../images/bg_topNav_row4.gif) repeat-x;
		float: right;
		height: 26px;
		}
		
	#topNav3 a {
		padding: 5px 7px 7px 7px;
		}