/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {	padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:0px; font-size:1px; line-height:1px; }
a img{ border:none; }

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body {
	margin: 0;
	text-align: left;
	background: #cfcfcf url(../images_us/util/BG.gif) repeat-y top center;
	font-family: helveticta, sans-serif;
	color: #666;
	font-size: 65.5%;
}


/* This class sets the width and position for all rows */
.inside{
	width:700px;	
	margin:0 auto;
}

/* This class with .rCol sets the width and position for all boxes on the home page */
.lCol{
	width:550px;
	float:left;
	}

.rCol{
	width:190px;
	float:right;
	}

/* This class with .rColInsidePages sets the width and position for all boxes on the inside pages */
.lColInsidePages{
	width:190px;
	float:left;
	}

.rColInsidePages{
	width:550px;
	float:right;
	}

.cCol{
	width:700px;
	
	}

.divider{
	width:100%;
	}
.center{
	text-align:center;
	}

a:link, a:visited {color:#0C1F70;text-decoration: none; }
a:hover, a:visited:hover { text-decoration: underline; }


/* These class allow images to float left or right (see interior pages) */
img.floatLeft { 
    float: left; 
    margin: 10px 10px 10px 0;
}
img.floatRight { 
    float: right; 
    margin: 10px 0 10px 10px
}

/*-----------------------------------------------------------------------------------------------
  Common Layout Elements
-----------------------------------------------------------------------------------------------*/

/* creates the header image for the wide boxes (.mainContent, .secondaryContent)*/

.mainSectionHeader{
	background:#1F2C3C url(../images_us/util/mainSectionHeader.gif) no-repeat top left;
	height:32px;
	width:550px;
}

/*creates with .rColInner the interior cols as seen on the home page (for the two lists) also used on the news box*/
.lColInner{
	width:300px;
	float:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.lColInnerB{
	width:500px;
	float:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}


.rColInner{
	width:200px;
	float:right;
	padding:0 0px 0 0;
}

/*-----------------------------------------------------------------------------------------------
  Specific Layout Elements
-----------------------------------------------------------------------------------------------*/

/*establishes total width of site and keeps it centered on the page -- do not change */
#wrap{
	width:750px;
	padding:11px 0 0 0;
	margin: 0 auto;
	text-align: left;
}

/*.searchLang contains the search bar and the flags*/
.searchLang{ 
	float:right;
	text-align: right;
	margin:0 0 10px 0;
	display: inline;
}

.searchLang .flags{ 
	margin:10px 0 0  5px;
	display: inline;
	padding:0 0 ;
}

/*.menu contains, you guessed it, the menu*/
#menu{
	background:url(../images_us/util/menuBG.gif) no-repeat top left;
	width:750px;
	height:62px;
	margin:0 0 10px 0;
}

#menu .logo {
	float:left;
	margin: 0 0 0 10px;
}

/*basicly unstyled, a placeholder for the flash animation*/
#flashElement{
	margin:0 0 -5px 0;
}
	
/*.mainContent is the wide white box which is used for the content on interior pages, and the welcome / who we help on the home page.  Also creates the white box the content resides within. */
.mainContent{
	background: #fff url(../images_us/util/mainSectionFooterLong.gif) no-repeat bottom left;
	width:550px;
	float:left;
	margin:0 0 11px 0;
}
/*.mainContentText helps .mainContent -- Leave this be.  It sets up the margins around the content */
	.mainContentText{
	width:520px;
	float:left;
	padding:10px;
	}

/*.secondaryContent is the wide grey box which is used for the news box on the home page, can be used on interior pages for less important things Also creates the grey box the content resides within. */
.secondaryContent{
	background: #fff url(../images_us/util/mainSectionFooterLong.gif) no-repeat bottom left;
	width:550px;
	float:left;
	margin:0 0 11px 0;
}
/*.secondaryContentText helps .secondaryContent -- Leave this be.  It sets up the margins around the content */
	.secondaryContentText{
		width:530px;
		float:left;
		padding:10px 10px;
	}


/*.sidebarContent is the white box which is used for all sidebars */
.sidebarContent{
	background: url(../images_us/util/sidebarLong.gif) no-repeat bottom left;
	width:190px;
	float:right;
	margin:0 0 10px 0;
	/*list-style-image: url(../images_us/util/bullet.gif);*/
}

	/*.sidebarContent img.floatLeft is a modified version of the img.floatLeft class with thinner margins that can only be used inside sidebars.  Used for example, on the other news box, on the download box.*/
	.sidebarContent img.floatLeft { 
    	float: left; 
    	margin: 0px 10px 0px 0;
	}

	/*.sidebarHeader creates the header image for each instance of the sidebar box */	
	.sidebarHeader{
		background:#1F2C3C url(../images_us/util/sidebarHeader.gif) no-repeat top left;
		height:32px;
		width:190px;	
	}
	
	/*.sidebarText helps .sidebarContent -- Leave this be.  It sets up the margins around the content */
	.sidebarText{
		width:170px;
		float:left;
		padding:10px 10px;
	}
	
	ul.PDFList {
		list-style-image: none;
		list-style-type: none;
	}

	ul.PDFList li {
		float:left;
		margin-bottom:10px;
		margin-right:10px;
		width:160px;
		line-height:13px;
	}

	ul.PDFList li a {
		padding-left: 40px;
		background-image: url(../images_us/util/PDFIcon.jpg);
		background-repeat: no-repeat;
		display: block;
	}

	ul.PDFList li ul {
		padding:0 10px;
		margin:0;
		list-style-image: none;
		width:100px;
	}


	/* footer stuff*/
	
.footer {
	width:750px;
	text-align: center;
	padding:10px 0 20px;
	color:#ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.footer a:link, .footer a:visited {color:#ccc;text-decoration: none; }
.footer a:hover,.footer a:visited:hover { text-decoration: underline; }

/*-----------------------------------------------------------------------------------------------
 Main Menu Nonsense
-----------------------------------------------------------------------------------------------*/

ul.menu {
	margin-top: 0em;
	padding: 0 0 0px 0px;
	float:right;
	height:62px;
	}

ul.menu li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
ul.menu li a {
	float: left;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	line-height: 60px;
	font-weight: bold;
	margin: 0 10px 4px 0px;
	padding: 2px 0 0 10px;
	text-decoration: none;
	color: #CCCCCC;
	border-left: 2px solid #666;
	}

ul.menu li a:visited {
	float: left;
	font-size: 12px;
	line-height: 60px;
	font-weight: normal;
	margin: 0 10px 4px 0px;
	padding: 2px 0 0 10px;
	text-decoration: none;
	color: #CCCCCC;
	border-left: 2px solid #666;
	}

ul.menu li a:hover {
	border-left: 2px solid #666;
	color: #7493C1;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_item a:visited{
	border-left: 2px solid #666;
	color: #7493C1;
	text-decoration: none;
	}

.admintab {
	position: absolute;
	right: 0px;
	_padding: 5px 15px 6px; /* IE hack */
	}

a img,:link img,:visited img { border:none }


/*-----------------------------------------------------------------------------------------------
Typographic elements
-----------------------------------------------------------------------------------------------*/

/*ul.mainContentList and all related classes create the unordered lists used almost everywhere.  Where to start, right col of news, sidebar....*/
ul.body {
	margin-top: 0px;
	padding: 0px 0 0px 0px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0;
	}

ul.body li {
margin-left: 5%;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
	color: #000000;
	padding: 3px 0 0px 0px;
	width:400px;
	}

ul.mainContentList {
	margin-top: 0em;
	padding: 0 0 0px 0px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-image: none;
	list-style-type: none;
	}

ul.mainContentList li {
	margin-left: 0px;
	width:100%;
	}


ul.mainContentList li a {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	padding-left: 20px;
	background-image: url(../images_us/util/bullet.gif);
	background-repeat: no-repeat;
	display: block;
	}
ul.mainContentList li a:hover {
	color: #7493C1;
	background-image: url(../images_us/util/bulletDown.gif);
	}


ul.mainContentList li ul {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	padding:0 10px;
	margin:0;
	list-style-image: none;
	width:100px;
	}



ul.mainContentList li.current_page_item,
ul.mainContentList li.current_page_item a,
ul.mainContentList li.current_page_item a:hover {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #0C1F70;
	list-style-image: none;
	list-style-position:inherit;
	}


secondaryContent a:link, primarycontent a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11pt;
	font-weight:bold;
	line-height:13pt;
	}

secondaryContent a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0C1F70;
	font-size:11pt;
	font-weight:bold;
	line-height:13pt;
	}

whereToStart a:link, whereToStart a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12pt;
	font-weight:normal;
	line-height:14pt;
	}

/*creates the white text on the headers for the different content boxes */
h1{
	font-family:Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	text-align: left;
	font-size:15px;
	font-weight:bold;
	padding:7px 0 8px 0;
	margin: 0 0 0 10px;
	}

/*creates the secondary headers on the home page (My challenge is...&c.*/
h2{
	font-family:Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0.5em 0;
	margin: 0
	}

/*secondary headers on interior pages (blue)*/
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0C1F70;
	font-size:15px;
	font-weight:400;
	font-weight:bold;
	margin:0 0 1em 0 ;
	}
/*3rd headers on interior pages (black, bold small)*/
h4{
	font-size: 11px;
	text-align: left;
	line-height: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	margin:0;
	}

.sidebarContent p{
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	margin:0 0 3px 0;
	color:#000;
}

/*regular content text, paragraph you know, the big blocks of text...*/
p{
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 1em 0;
	color:#000;
	margin:0 0 1em 0;
}
body{
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 1em 0;
	color:#000;
	margin:0 0 1em 0;
}
	
/*-----------------------------------------------------------------------------------------------
News Stories
-----------------------------------------------------------------------------------------------*/

/*stuff to make the news section work...proboblay best to leave it be*/
.news{
width:530px;
}

.news .newsHeadline{
margin:10px 0 0 0;
}

.news .newsHeadline .image{
	height:70px;
	width:70px;
	padding:0;
	border: 2px solid #red;
	float:left;
}

.news .newsHeadline .text{
	width:180px;
	float:right;
}

.news .newsHeadline .text a {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	}

.news .newsHeadline .text a:hover {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #0C1F70;
	}