@charset "utf-8";


html, body 	{	
	background-color: #eeeeee;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, san-serif;
	color: black;
	height: 100%;}		   

	
	/*begin html type spec*/	
p 		{ 	font-size: 12px; 
			line-height: 15px; 
  			margin: 0; 
			padding-top:5px;
			padding-bottom:5px;}	
					
			
h1	{ 	
	font-size: 28px; 
	font-weight: normal;
	line-height: 24px;  
	color: #76C14F;
	margin: 0px 0px 0px -2px; 
	padding: 0px 0px 4px 0px;} 	/*h1 used for main/top page heads*/	
	
h1.home	{ 	
	font-size: 21px; 
	font-weight: normal;
	color: #530870;
	padding-bottom: 4px;
	padding-top:5px;
	line-height:21px;} 	/*h1 used for main/top page heads*/	
	
.kicker	{ 	
	padding-bottom: 4px}  /*kicker used above h1*/	

.second {	padding-top: 5px;  }	/* use for add'l paragraphs--adds one line return before the graph*/	

h2 	{ 	
	font-size: 24px; 
	font-weight: normal;
	line-height: 30px;  
	color: black;
	margin: 0px 0px 0px -1px; 
	padding: 0} 	/*h2 used for heads and large quote spec*/	
	
.signoff { 	font-size: 9px; 
			font-weight: bold;
			font-style: italic;
			text-align: right;
			line-height: 11px; 
  			padding-top: 4px; 
			color: black}		/*signoff used after large quote--could also be used after text*/	
	
h3	{ 	
	font-size: 11px; 
	font-weight: bold;
	line-height: 13px;  
	text-transform: uppercase; 
	color: #27537B;
	margin: 0px; 
	padding: 4px 0px 0px 0px} 	
	
h4	{ 	
	font-size: 11px; 
	font-weight: normal;
	line-height: 12px;  
	text-transform: uppercase; 
	color: black;
	margin: 0px; 
	padding: 5px 0px 0px 0px} 	
	

h5	{ 							
	font-size: 11px; 
	font-weight: normal;
	line-height: 13px;  
	text-transform: uppercase; 
	color: #FFEA85;
	margin: 0px; 
	padding: 3px 0px 0px 6px} 	
	
ul 	{ 	
	font-size: 12px; 
	line-height: 15px; 			   
	list-style-type: square;
  	margin: 0em 0em 0em 1em; 
	padding:  0em 0em 0em .5em}		
		
li 	{ 	
	margin: 4px 0em 2px 0em}
	
	
ul.nobullet { 	
	list-style-type: none;
	padding:  0; 
	margin: 0} 						/* use with UL when no bullet desired*/	

.indent {	padding-left: 3em;  }		

.indentp1 {	text-indent: 2em;  }	

	
	
.deck {	padding-bottom: 30px;  }	/* use for headline/decks where extra space under needed--adds 2 line returns after the element*/		

.boldcap	{ 	
	font-weight: bold;
	text-transform: uppercase; 
	color: #27537B;
} 	
			
.caption { 	font-size: 9px; 		
			font-weight: bold;
			line-height: 11px; 
  			padding: 2px 20px 10px 0px; 
			color: black;}			/* primary caption style--use under photos*/
				
.caption2 { font-size: 9px; 
			font-weight: normal;
			font-style: italic;
			line-height: 11px; 
  			padding: 2px 4px 10px 0px; 
			color: black;}				
			
.imageleft	{	margin-right: 1em;  }	/* use these 2 styles when setting photos in text, left or right */

.imageright	{	margin-left: 1em;  }	

.footer { 	font-size: 11px; 
			line-height: 14px; 
			font-weight: normal;
  			padding: 2px 0px 8px 0px; 
			color: #FFCE3C;}		
			
		
						
	/*standard link classes--note p classes broken out to prevent browser glitch*/	
 
a:link	{
	text-decoration: none;
	color: #055FB9}	
		
a:visited	{
	text-decoration: none;
	color: #055FB9}			
	
a:hover	{
	text-decoration: none;
	color: #1D3E5C
	}	
a:active	{
	text-decoration: none;
	color: #1D3E5C}		
	
p a:link	{
	text-decoration: none;
	color: #055FB9}	
		
p a:visited	{
	text-decoration: none;
	color: #055FB9}			
	
p a:hover	{
	text-decoration: none;
	color: #1D3E5C
	}	
p a:active	{
	text-decoration: none;
	color: #1D3E5C}		
	
ul a:link	{
	text-decoration: none;
	color: #055FB9}	
		
ul a:visited	{
	text-decoration: none;
	color: #055FB9}			
	
ul a:hover	{
	text-decoration: none;
	color: #1D3E5C
	}	
ul a:active	{
	text-decoration: none;
	color: #1D3E5C}		
	
	/*main container is shell that holds all the rest of elements */
div.maincontainer { 
	position: relative;
	margin: 0em auto;
	width: 1025px;
	text-align: left;
} 	

	/*top banner elememts--topbar plus following elements comprise top banner--can be independent of rest of page */
#topbar {
	font-size: 0px; 
	line-height: 0px;
	height: 130px;
	background-color: #659DD4}
	
#logo {
	position:absolute;
	left:130px;
	top:35px;
	width:392px;
	height:63px;
	background-image: url(/images/logo.gif);
}

#help-home {
	position:absolute;
	left:730px;
	top:46px;
	width:32px;
	height:32px;
	background-image: url(/images/help.gif);
}

#rtbanner-home {
	position:absolute;
	left:765px;
	top:0px;
	width:260px;
	height:130px;
	background-color: #253B5D; 
}

#rtbanner-circle {
	position:absolute;
	left:920px;
	top:15px;
	width:96px;
	height:96px;
	background-image: url(/images/homepage/circle.gif); 
	filter:alpha(opacity=50);
	opacity: 0.5;
}

#rtbanner-triangle {
	position:absolute;
	left:943px;
	top:29px;
	width:61px;
	height:67px;
	background-image: url(/images/homepage/triangle.gif); 
}

#searchbar-home {
	position:absolute;
	margin:0;
	left:764px;
	top:50px;
}
	
input.search { 
 	color: #FFEA85; 
	font-family: "Verdana", "Arial", "san-serif";
	font-size: 10px;
	text-decoration: none;
	width:126px;
	height:20px;
	background-color: #659DD4; 
	border: none;
	padding:  4px 0px 0px 4px;
	vertical-align: 40%;
	}
* html 	input.search { 
	vertical-align: baseline;
	}
* +html input.search { 
	vertical-align: baseline;
	}

.gobutton {
	width:15px;
	padding: 0 5px;
	}
		
/* end top banner elements */



	/*-------------------*/

	/* midsection is another container holding 3 vertical columns incl leftbar, rightbar and maincontent - note changing order in html spec will change layout */

div.midsection-home { 
	position: relative;
	height: 495px;
	margin: 0;
	text-align: left;
	width: 1025px;
	background: white;
	padding-bottom:5px;
} 

	
	/*-------------------*/
	
	/*begin leftbar--note main nav list sits on top of it */	
div.leftbar-home {
	position: relative;
	float:left;
	width:130px;
	height: 500px;
	background: #FDB94C;
	}
	
div.nav1-home {
	position: absolute;
	left:0px;
	top:28px;
}

div.nav2-home {
	position: absolute;
	left:0px;
	top:290px;
}

	
/*begin nav list spec--nav1 is main green nav, and nav2 is red login*/	
ul.nav1 	{
	list-style-type: none;
    margin: 0;
    padding: 0;
	width: 130px;
}
ul.nav1 li 	{
	font-weight: bold;
    margin: 0;
    padding: 0}
ul.nav1 a {
	font-weight: normal;
    display: block;
	text-decoration: none;
    color: #FFEA85;
    background-color: #809A4B;
    margin: 0;
    padding: 4px 0 7px 8px;
	border-color: #FDB94C;
    border-style: solid;
    border-width: 1px 0 1px 0;
    font-size: 11px; 
	font-weight: normal;
	line-height: 15px;  
	width: 122px}
ul.nav1 a:link {color: #FFEA85;
    background-color: #809A4B}	
ul.nav1 a:visited {color: #FFEA85;
    background-color: #809A4B}	
ul.nav1 a:hover {color: #F04D3D;
    background-color: #FFDE1F}
ul.nav1 a:active {color: #F04D3D;
    background-color: #FFDE1F}


ul.nav2 	{
	list-style-type: none;
    margin: 0;
    padding: 0;
	width: 130px;
}
ul.nav2 li 	{
	font-weight: bold;
    margin: 0;
    padding: 0}
ul.nav2 a 	{
	font-weight: normal;
    display: block;
	text-decoration: none;
    color: #FFEA85;
    background-color: #F04D3D;
    margin: 0;
    padding: 4px 0 7px 8px;
    width: 122px;
	border-color: #FDB94C;
    border-style: solid;
    border-width: 1px 0 1px 0;
    font-size: 11px; 
	font-weight: normal;
	line-height: 12px;  }
ul.nav2 a:link {color: #FFEA85;
    background-color: #F04D3D}	
ul.nav2 a:visited {color: #FFEA85;
    background-color: #F04D3D}	
ul.nav2 a:hover {color: #F04D3D;
    background-color: #FFDE1F}
ul.nav2 a:active {color: #F04D3D;
    background-color: #FFDE1F}
	
	
	
	
	/*-------------------*/	
	
	/* maincontent window is middle of 2 vert columns inside midsection shell*/	
	
div.maincontent-home {
 	position: relative;
	float: left;
	width: 880px;
	text-align: left;
	height: 445px;

	padding-bottom:5px;
	padding-left: 15px;
}	
	
* html div.maincontent-home {
height:1%;
margin:0 }	

#content{
	position: absolute;
	float: right;
	width: 380px;
	text-align: left;
	padding-top:20px;
	padding-left: 5px;
	height: 425px;
	overflow:hidden;
	}

 
div.subnav {
	position:absolute;
	left:46px;
	top:0;
	background-color: #FDB94C }		/* positions subnav on page*/

p.subnav	{ 	
	font-size: 10px; 
	line-height: 10px; 
	text-transform: uppercase;
  	padding: 8px 8px 10px 12px; 
	color: white }			/* styles subnav */
	
a.subnav:link, a.subnav:visited	{
	padding: 0em .5em; 
	color: #FFFFFF;
	text-decoration: none }			/* special subnav link styles*/
	
a.subnav:hover, a.subnav:active	{
	padding: 0em .5em; 
	color: #809A4B;
	text-decoration: none }		
			
.subnavpage	{					
	padding: 0em .5em; 
	color: #809A4B;
	text-decoration: none }			/* use to accent section page you are on*/
	
	
#two47 {
	position:absolute;
	left:-100px;
	bottom:30px;
	width:127px;
	height:187px;
	opacity: 0.5;
	background-image: url(/images/two47b.gif) } 	/* this graphic is coded into the center maincontent column but appears over the left column*/

#slncs {
 position:absolute;
 z-index:7;
 left:-110px;
 top:380px;
 width:128px;
 height:118px;
  filter:alpha(opacity=85);
 opacity: 0.8;
 }  	/* this div is coded into the center maincontent column but appears over the lower left column*/

div.column1	{
	width: 265px }	
	
div.column2	{
	width: 265px;
	margin-left: 295px }	
	
	
	
	/*-------------------*/
	
	/*rightbar is 3rd of 3 middle vert cols incl supernav */		
	
div.rightbar-home {
	position: absolute;
	top: 0; 
	left: 680px;
	z-index:3;
	padding:56px 20px 56px 13px;
	width: 182px;
	/*height:500px;*/
}


#supernav-home {			/*main green box*/		
	position: absolute;
	z-index:3;
	left:-45px;
	top:0;
	width:230px;
	height:415px;
	padding: 15px;
	background-color: #098E24; 
	filter:alpha(opacity=70);
	opacity: 0.8;}
	
#getstart {
	position: relative;
	z-index:3;
	left:0px;
	top:16px;
	width:174px;
	height:28px;
	background-image: url(/images/homepage/getstart2.gif) 
}

#supernav2 {
	position: relative;
	z-index:3;
	left:12px;
	top:25px;
	width:190px;
	height:87px;
	background-color: #A3C03D }

#supernav2a {
	position: absolute;
	z-index:3;
	left:8px;
	top:8px;
	width:173px;
	padding-bottom: 4px;
	background-color: #6F8541;
	cursor:default; }

#supernav2b {
	position:absolute;
	z-index:3;
	left:8px;
	top:35px;
	width:174px;
	background-color: #6F8541 }

#supernav2c {
	position:absolute;
	z-index:3;
	left:8px;
	top:60px;
	width:174px;
	background-color: #6F8541 }


#supernav3 {
	position: relative;
	z-index:3;
	left:12px;
	top:45px;
	width:190px;
	/*height:112px;*/
	height:61px;
	background-color: #A3C03D }

#supernav3a {
	position:absolute;
	z-index:3;
	left:8px;
	top:8px;
	width:173px;
	background-color: #6F8541; 
	padding-bottom: 4px;
	cursor:default; }

#supernav3b {	
	position:absolute;
	z-index:3;
	left:8px;
	top:34px;
	width:174px;
	background-color: #6F8541 }

#supernav3c {
	position:absolute;
	z-index:3;
	left:8px;
	top:59px;
	width:174px;
	background-color: #6F8541 }

#supernav3d {
	position:absolute;
	z-index:3;
	left:8px;
	top:84px;
	width:174px;
	background-color: #6F8541 }
	
	
#supernav4 {
	position: relative;
	z-index:3;
	left:12px;
	top:65px;
	width:190px;
	height:87px;
	background-color: #A3C03D;
	cursor:default; }

#supernav4a {
	position: absolute;
	z-index:3;
	left:8px;
	top:8px;
	width:174px;
	padding-bottom: 4px;
	background-color: #6F8541;
	cursor:default; }

#supernav4b {
	position:absolute;
	z-index:3;
	left:8px;
	top:35px;
	width:174px;
	background-color: #6F8541 }

#supernav4c {
	position:absolute;
	z-index:3;
	left:8px;
	top:60px;
	width:174px;
	text-align:right;
	background-color: transparent }
	

select.supernav { 
 	background-color: #809A4B; 
	font-family: "Verdana", "Arial", "san-serif";
 	color: #FFEA85; 
	font-size: 10px;
	width:174px }	

input.email-home { 
	font-family: "Verdana", "Arial", "san-serif";
	font-size: 10px;
	line-height: 17px;
	text-decoration: underline;
	width:162px;
	height: 20px;
	color: #FFEA85; 
	background-color: #6F8541;
	border: none;
	margin: 0;
	padding: 0 6px;
	text-align: left;
	vertical-align: 0% ;
	}


	/*end midsection classes--start footer which is self contained */	
div#bottombar-home {
	position: absolute;
	left:-130px;
	width:1025px;
	top:445px;
	height: 55px;
	background: #18384D;
	filter:alpha(opacity=90);
	opacity: 0.9;
	}	
	
#tagline {
	position:absolute;
	
	left:295px;
	bottom:-27px;
	width:576px;
	height:61px;
	  } 	
	
#image{
position:absolute;
	background-image: url(/images/homepage/tagline.gif); 
	background-repeat:no-repeat;
	left:250px;
	top:430px;
	width:576px;
	height:61px;
 	z-index: 6;
	filter:alpha(opacity=70);
	opacity: 0.7;
}	
div#footer {
	position: relative;
	height:100px;
	clear: left;
	padding: 12px 12px 12px 18px ;
	background-color: #659DD4;
	cursor:default;  }