

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-attachment: fixed;
	background-color: #0e446e;
}

legend {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #0e446e;
	font-weight:bold;
	font-size:13px;
}

fieldset {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #0e446e;
	font-size:10px;
	border-color: #0e446e;
	border-width: 1px;
	border-style: solid;
	padding: 0;       
	margin: 0;
  }

div#CloudSection {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-attachment: fixed;
	background-color: #FFFFFF;
	background-image: url(../media/images/bg_clouds.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {

	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}



h1, h2, h3, h4, h5 {
	font-family: Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}




h1 {
	font-size: 26px;
	color:#0e446e;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear:both;
}
h2 {
	font-size: 20px;
	color:#f4a435;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear:both;
}
h3 {
	font-size: 18px;
	color:#CC0033;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear:both;
}



div#contentContainer{
margin:0;
padding-top:10px;
}
div#content{

}


div#headerContainer{
	width:100%;
	height:300px;
	background-color:#628706;
	background-image: url(../media/layout/bg_top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	text-align:center;
}



div#header{
width:800px;
margin-left: auto;
margin-right: auto;
}


div#headerGroup{
width:751px;
margin-left: auto;
margin-right: auto;
}

div#HeadTop{

}

div#HeadLeft{
float:left;
}

div#HeadRight{
float:right;
}



div#headerStripe{
	width:100%;
	height:21px;
	background-color:#fabc16;
	background-image: url(../media/layout/bg_stripe.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	text-align:center;
	clear:both;
}

div#bottomContainer{
	width:100%;
	background-color:#f6d58b;
	text-align:center;
	background-image: url(../media/layout/bg_content.jpg);
	background-position: left top;
	margin-left: auto;
margin-right: auto;
}










div#menuContainer{
	clear:both;
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	padding-top:5px;
}

div#menu{
	width:760px;
    height:32px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../media/layout/menu_end_left.png);
	background-repeat: no-repeat;
	background-position: left top;

}
div#menu2{
	width:760px;
    height:32px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../media/layout/menu_end_right.png);
	background-repeat: no-repeat;
	background-position: right top;

}

/*- Menu Tabs--------------------------- */

#GHIMenuContainer {
	margin-left:21px;
	margin-right:18px;	
    height:32px;
	background-image: url(../media/layout/menu_bg_off.png);
	background-repeat: repeat-x;
	background-position: left top;
}

ul#GHIMenu {
        margin: 0;
        padding: 0;
	    height:32px;		
        list-style-type: none;
        white-space: nowrap;
}

ul#GHIMenu li {
	float: left;
	height:32px;
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0;
}

#GHIMenu a, #GHIMenu a:link {
        margin: 0;
		height:32px;		
        padding: 5px 9px 7px 9px;
        color: #FFFFFF;
        border-right: 1px solid #43474b;
        text-decoration: none;
}

ul#GHIMenu li#active {
	height:32px;
	color: #FFFFFF;
	background-image: url(../media/layout/menu_bg_on.png);
	background-repeat: repeat-x;
	background-position: center top;
}

#GHIMenu a:hover {
	height:32px;		
    color: #FFFFFF;
	background-image: url(../media/layout/menu_bg_on.png);
	background-repeat: repeat-x;
	background-position: left top;
}



#GHILoginContainer {
	margin-left:21px;
	margin-right:18px;	
    height:32px;
}

#GHILoginContainer IMG{
	margin:0px;
	padding:0px;	
}

ul#GHILogin {
	padding: 0;
	height:32px;
	list-style-type: none;
	white-space: nowrap;
	margin-top: -32px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

ul#GHILogin li {
	float: right;
	height:32px;
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0;
}

#GHILogin a, #GHILogin a:link {
	margin: 0;
	margin-left:5px;
	height:32px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../media/layout/menu_login_off.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 5px;
	padding-right: 23px;
	padding-bottom: 7px;
	padding-left: 9px;
}

ul#GHILogin li#active {
	height:32px;
	color: #FFFFFF;
	background-image: url(../media/layout/menu_bg_on.png);
	background-repeat: repeat-x;
	background-position: center top;
}

#GHILogin a:hover {
	height:32px;		
    color: #FFFFFF;
	background-image: url(../media/layout/menu_login_on.png);
	background-repeat: no-repeat;
	background-position: right top;
}


























div#BannerTop{
	text-align:center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
div#BannerLeft{
	float:left;
	text-align:center;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 20px;
	margin-right:10px;
}
div#BannerRight{
	float:right;
	text-align:center;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	margin-left:20px;
}

div#clearFloat {
clear:both;
}

div#homeContent {
float:right;
display:block;
text-align:left;
padding-bottom:7px;
width:475px;
margin-left:10px;
}

div#newsContent {
display:block;
float:left;
width:250px;
border-right: 1px solid #5a8fad;
text-align:left;
padding-bottom:7px;
}

div#newsStory{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

div#newsStory ul {
	margin:0;
	list-style:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;	
}

div#newsStory li {
	margin: 0;
	display: block;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


div#newsStory img{
	float:left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-right:10px;

}

.newsImage{

	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;

	border: 1px solid #666666;
}



div#searchContainer{
clear:both;
width:100%;
	height:40px;
background-color:#FFFFFF;
text-align:center;
border-bottom:#cc0000 solid 2px;}

div#search{
	float:right;
	width:220px;
	height:32px;
	margin: 0;
	display: block;
	
}
div#search FORM{
	margin:0px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}


div#SearchRightButtons{
padding-top:10px;}


div#SearchRight a{
color:#000000;
text-decoration:none;
font-weight:bold;
	margin:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}

div#SearchRight a:hover{
color:#cc0000;
text-decoration:none;
font-weight:bold;
	margin:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}





div#companyListingContainer{
	width:100%;
	background-color:#a8a8a8;
	text-align:center;
}

div#companyListing{
	clear:both;
width:800px;
margin-left: auto;
margin-right: auto;}







div#contentContainer{
clear:both;
width:100%;
text-align:center;
}

div#content{
width:760px;
margin-left: auto;
margin-right: auto;}

div#contentLeft{
float:left;
height:400px;
margin-right:10px;
}

div#contentRight{
height:auto;
}





div#mainContent {

}

div#ContentArea {
	text-align:left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}





#footer {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	padding-top:35px;
	padding-bottom:15px;
	width:100%;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	font-size:10px;
	background-attachment: scroll;
	background-color: #0e446e;
	background-image: url(../media/images/footer_bg_2.gif);
	background-repeat: repeat-x;
	background-position: center TOP;
}





#SubMenuContainer {

        }



#SubMenu ul {
        list-style: none;
		width:700px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        }

#SubMenu img { 
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        }

#SubMenu {
	margin: 0;
	text-align:left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
        }
		
#SubMenu li {
	margin: 0;
		float: left;
	width: 350px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
        }

#SubMenu li a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
	height:16px;
          voice-family: "\"}\"";
          voice-family: inherit;
        text-decoration: none;
        }



#SubMenu li a:link, #SubMenu li a:visited {
	color: #ed9a25;
	background: transparent url("../media/images/sprites.gif") no-repeat 5px -1000px;
	display: block;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 25px;

        }

#SubMenu li a:hover, #SubMenu li #current, #SubMenu li a:active {
	color: #0e446e;
	background: transparent url("../media/images/sprites.gif") no-repeat 5px -940px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 25px;
        }




div#ArrowMenu ol{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #a6771f;
	padding-left: 50px;
}



div#breadcrumb {
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #172f45;
	margin:0px auto;
	display: block;
	padding-top: 50x;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 10px;
	margin-bottom:25px;
	text-align:left;
	border-bottom:1px dotted #ab8805;  
}

div#breadcrumb a{
	color: #172f45; 
}

div#breadcrumb a:hover{
	color: #4ca1c9; 
}




	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {
	background: transparent url("../media/images/sprites.gif") no-repeat 31px -400px;
	padding-left:0px;
	padding-right:12px;
	margin-left:0px;
	color:#1b4c78;
	font-size:10px;
	display: inline-block;
}
		a.morelink:hover {background: transparent url("../media/images/sprites.gif") 31px -500px;
		color:#ff6603;
		padding-left:0px;
		padding-right:12px;
		margin-left:0px;}
		.morelink span {position:absolute;left:-9999px;
		width:900px}
		
		
div#emailprint {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc0000;
	margin:0;
	display: block;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align:right;
}

/* anchor styling */
#emailprint a.email
{
  color:#333333;
 font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
	padding-left: 40px;background: transparent url("../media/images/sprites.gif") no-repeat 10px -148px;
padding-top:2px; padding-bottom:2px
}
#emailprint  a.email:hover
{
  color: #CD3834;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration: underline;
	padding-left: 40px;background: transparent url("../media/images/sprites.gif") no-repeat 10px -198px;
padding-top:2px; padding-bottom:2px
} 

#emailprint a.print
{
  color:#333333;
 font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
	padding-left: 40px;background: transparent url("../media/images/sprites.gif") no-repeat 10px -50px;
padding-top:2px; padding-bottom:2px
}
#emailprint  a.print:hover
{
  color: #CD3834;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration: underline;
	padding-left: 40px;background: transparent url("../media/images/sprites.gif") no-repeat 10px -100px;
padding-top:2px; padding-bottom:2px
}





.table-head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	background-color: #525252;
	color: #FFFFFF;

}
.table-line-1 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	background-color: #c0c0c0}
.table-line-2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	background-color: #ffffff}
.table-line-3 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	background-color: #D1D0D9}

.recordtotal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	font-style: normal;
	padding-top:3px;
	padding-bottom:15px;
	padding-left:15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	border-top: 1px solid #232557;
	border-right: 0px solid;
	border-bottom: 0px solid;
	border-left: 0px solid;
	
}

.instruction {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 			
	font-weight: normal; 
	color: #004273; 
	font-style: normal}	
	
.warning {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CC0033;
}
.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CC0033;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	background:#E7E7E7;
	border:1px solid #cc0033;
	text-align: left;
	margin: 5px;
}
.required {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CC0033;

}
.required2 {
	background-image: url(../images/required.gif);
	background-position: right;
	background-repeat: no-repeat;
}

/* style for page ordering */
	.pagination {
	background: #f2f2f2;
	font-size: 10px;
	color:#666;
	padding: 4px 20px 4px 7px;
	border: 1px solid #ddd;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
	.pagination p {position:relative;text-align:right;}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
	.pagination p a:hover {background:#c00;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
	.pagination * {
	margin:0;
}


.shadetabs{ clear:left; 
padding: 3px 0;
margin-left: 15px;
margin-right:15px;
margin-top: 1px;
margin-bottom: 0;
font: bold 10px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
	background-color: #CCCCCC;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{
	border-bottom-color: white;
	background-color: #FFFFFF;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}



.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 85%;
margin-bottom: 1em;
margin-left:10px;
margin-right:10px;
padding: 10px;
background-color:#FFFFFF;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}

#AudioList
{
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid gray;
	width: 275px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FFFFFF;
	background-image: url(../media/layout/audio_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#AudioList #TITLE
{
padding-left: 0;
margin-left: 0;
width: 275px;
border-top: 1px solid gray;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#339900;
}
#AudioList #DESC 
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#339900;
}

#AudioList li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px dotted gray;
}
#AudioList li:hover
{
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top: 1px dotted gray;
	color:#339900;
}

#AudioList li span
{
display:block;
margin-left:25px;
margin-bottom:0px;
margin-top:-15px;

}

#AudioList li a { text-decoration: none; }