@charset "utf-8";

/* CSS Document */



html, body 	{	

	background-color: #eeeeee;

	margin: 0;

	padding: 0;

	text-align: center;

	font-family: Verdana, Arial, sans-serif;

	color: black;

	height: 100%;

	}	



		/*begin html type spec*/	



h1	{ 	

	font-size: 26px; 

	font-weight: normal;

	line-height: 24px;  

	color: #76C14F;

	margin: 0px 0px 0px -2px; 

	padding: 10px 0px 5px 0px;

	} 	/*h1 used for main/top page heads*/	





h2 	{ 	

	font-size: 18px; 

	font-weight: bold;

	line-height: 20px;  

	color: #76C14F;  /*changed color from black*/

	margin: 0px 0px 0px 1px; 

	padding: 8px 0px 3px 0px;} 	/*  Added some padding to H2 on the top and bottom so it will look more like a heading. original code was padding: 0;--JCD */	



h3	{ 	

	font-size: 11px; 

	font-weight: bold;

	line-height: 13px;  

	text-transform: uppercase; 

	color: #27537B;

	margin: 0px; 

	padding: 12px 0px 2px 2px;} 	/*Added some padding to H3 on the top and bottom so it will look more like a heading. original code was padding: 0;--JCD */

	

h4	{ 	

	font-size: 11px; 

	font-weight: normal;

	line-height: 13px;  

	text-transform: uppercase; 

	color: black;

	margin: 0px; 

	padding: 5px 0px 2px 3px;} 	

	



h5	{ 							

	font-size: 11px; 

	font-weight: normal;

	line-height: 13px;  

	text-transform: uppercase; 

	color: #FFEA85;

	margin: 0px; 

	padding: 3px 0px 0px 4px;

	} 	





p 	{ 	

	font-size: 12px; 

	line-height: 15px; 

  	margin: 0; 

	padding: 6px 2px 6px 4px;} 	

					



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 	{ 	

	font-size: 12px; 

	line-height: 15px; 			   

	list-style-type: square;

  	margin: 0em 0em 0em 1em; 

	padding:  .5em 0em .5em .5em;

}



	

ul a:visited	{

	text-decoration: none;

	color: #055FB9;}			

	

ul a:hover	{

	text-decoration: none;

	color: #1D3E5C;

	}	

ul a:active	{

	text-decoration: none;

	color: #1D3E5C;}	



ul.nobullet { 	

	list-style-type: none;

	padding:1px;

	font-size: 12px; 

	} 						/* use with UL when no bullet desired*/	





ol 	{ 	

	font-size: 12px; 

	line-height: 15px;

  	margin: 0em 0em 0em 1em; 

	padding:  .5em 0em .2em 1em;



	}		

		

ol a:visited	{

	text-decoration: none;

	color: #055FB9;}			

	

ol a:hover	{

	text-decoration: none;

	color: #1D3E5C;

	}	

ol a:active	{

	text-decoration: none;

	color: #1D3E5C;}	

	

ol.subalpha{font-size: 12px; 

	line-height: 15px;

  	margin-top: 0; 

	padding-top:0;

	}

	

ul li 	{ 	

	margin: 4px 0em 2px 0em;

	padding: 1px;

	}

	

ul.nobullet li{ 	

	list-style-type: none;

	padding:0px;

	} 	

 

ol li 	{ 	

	margin: 4px 0em 2px 1.5em;

	padding: 1px;

	}

	

	

ol.subalpha li{

	list-style-type:lower-alpha;

	margin: 1px 0em 2px 3.3em;

	padding: 1px;

	} 				





.subtitle{	

	font-size: 14px; 

	font-weight: bold;

	line-height: 16px;  

	color: #27537B;  /*changed color from black*/

	margin: 0px 0px 0px 1px; 

	padding: 1px 0px 8px 0px;} 	/*  Added some padding to H2 on the top and bottom so it will look more like a heading. original code was padding: 0;--JCD */	









.kicker	{ 	

	padding-bottom: 4px;

	}  /*kicker used above h1*/	



 

.largequote{ 	

	font-size: 24px; 

	font-weight: normal;

	line-height: 34px;  

	color: black;

	margin: 0px 0px 0px -1px; 

	padding: 0;

	}  

	

.medquote{ 	

	font-size: 19px; 

	font-weight: normal;

	line-height: 29px;  

	color: black;

	margin: 0px 0px 0px -1px; 

	padding: 0;

	}



 .longquote{ 	

	font-size: 16px; 

	font-weight: normal;

	line-height: 26px;  

	color: black;

	margin: 0px 0px 0px -1px; 

	padding: 0;

	}

	

.xlongquote{ 	

	font-size: 14px; 

	font-weight: normal;

	line-height: 24px;  

	color: black;

	margin: 0px 0px 0px -1px; 

	padding: 0;

	}



	

.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*/	

	

	



	







.indent {	padding-left: 3em;  }		



.indentp1 {	text-indent: 2em;  }	



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

	

.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*/	



	

	

	/*main container is shell that holds all the rest of elements */

div.maincontainer { 

	position: relative;

	margin: 0em auto;

	width: 1025px;

	text-align: left;

	height: 100%} 	



	/*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;

}



#help {

	position:absolute;

	left:770px;

	top:46px;

	width:32px;

	height:32px;

	background-image: url(/images/help.gif);

}



#rtbanner {

	position:absolute;

	left:810px;

	top:0px;

	width:215px;

	height:130px;

	background-color: #244233; 

}



#searchbar {

	position:absolute;

	margin:0;

	left:809px;

	top:50px;

}

	

input.search { 

 	color: #FFEA85; 

	font-family: "Verdana", "Arial", "san-serif";

	font-size: 10px;

	text-decoration: underline;

	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 { 

	position: relative;

	margin: 0;

	text-align: left;

	width: 1025px;

	background: #FDB94C;

	overflow: hidden; /* DC - 10/8/09 - Corrects extra empty space on the right of design */

} 



	/* note these next 6 are extra unseen divs required to allow vertical fluid layout see http://www.codeproject.com/KB/HTML/relatively_simple.aspx for more info */



div.center-box {

position: relative;

text-align: left;

width: 100%;

left: 130px;

background: white;

}

div.reset-box {

position: relative;

width: 100%;

left: 100%;

margin-left: -130px;

}

div.right-box {

position: relative;

width: 100%;

margin-left: -215px;

background: white;

}



* html div.right-box {

margin-left: -214px;

}	



div.content-box {

position: relative;

width: 100%;

margin-left: -100%;

left: 215px;

min-height:675px;

padding-bottom:21px;

}

.clearfix:after {

content: "."; 

display: block;

height: 0px;

clear: both; 

visibility: hidden;

}

.heightfix:before {

content: '.';

display: block;

visibility: hidden;

height: 0;

}

	

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

	

	/*begin leftbar--note main nav list sits on top of it--bgcolor is FDB94C coded above in midsection */	

div.leftbar {

	position: relative;

	float:left;

	width:130px;

	}

	

div.nav1 {

	position:absolute;

	left:0px;

	top:28px;

}



div.nav2 {

	position:absolute;

	padding-top:18px;

	left:0px;

	top:290px;

}



div.email {

	position:absolute;

	left:0px;

	top:375px;

	width: 130px;

	height: 30px;

	text-align: center;

}







input.email { 

	font-family: "Verdana", "Arial", "san-serif";

	font-size: 10px;

	line-height: 17px;

	text-decoration: none;

	width:130px;

	height: 20px;

	color: #244233; 

	background-color: #FFEA85;

	border: none;

	margin: 0;

	padding: 0;

	text-align: center;

	vertical-align: 0% ;

	}

div.email p{

	font-family: "Verdana", "Arial", "san-serif";

	font-size: 12px;

	color: #809A4B;

}



.ebutton {

	width:73px;

	padding: 6px 0px;

	}	

	

/*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;}





div.nav2 ul	{

	list-style-type: none;

    margin: 0;

    padding: 0;

	width: 130px;

}

div.nav2 ul li 	{

	font-weight: bold;

    margin: 0;

    padding: 0;}

div.nav2 ul li 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;  }

	

div.nav2 ul a:link {color: #FFEA85;

    background-color: #F04D3D;}	

div.nav2 ul a:visited {color: #FFEA85;

    background-color: #F04D3D;}	

div.nav2 ul a:hover {color: #F04D3D;

    background-color: #FFDE1F;}

div.nav2 ul a:active {color: #F04D3D;

    background-color: #FFDE1F;}

	

	

	

	

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

	

	/* maincontent window is middle of 3 vert columns inside midsection shell*/



div.maincontent {

	position: relative;

	float: left;

	margin-left: 130px;

	padding: 56px;

	width: 568px;

	height: 100%;

	overflow:hidden; }	

	

div.maincontent-home {

	position: relative;

	float: left;

	margin-left: 130px;

	padding: 26px;

	width: 568px;

	text-align: left;

	height: 100%; }		

	

* html div.maincontent {

height:1%;

margin:0; }	

	

 

div.subnav {

	position:absolute;

	left:30px;

	top:0;

	background-color: #FDB94C; }		/* positions subnav on page*/		/* positions subnav on page*/



div.xwide	{ 

	position:absolute;

 	top:0;

	background-color: #FDB94C;	

		left:30px;

		margin-right:10px; }	



div.subnav	p{ 	

	font-size: 10px; 

	line-height: 10px;

    font-weight: bold;

	text-transform: uppercase;

  	padding: 8px 8px 10px 12px; 

	color: #27537B; 

	background-color: #FFFFFF;}	

	

div.xwide	p{ 	

	font-size: 10px; 
	font-weight: bold;

	line-height: 10px;

	text-transform: uppercase;

  	padding: 8px 8px 10px 12px; 

	color: #27537B; 

	background-color: #FFFFFF;}			/* styles subnav */



div.subnav a:link, div.subnav a:visited	{

	padding: 0em .5em; 

	color: #27537B;

	text-decoration: none; }			/* special subnav link styles*/

	

div.subnav a:hover, div.subnav a:active	{

	padding: 0em .5em; 

	color: #809A4B;

	text-decoration: none; }		

			

			

div.xwide a:link, div.xwide a:visited	{

	padding: 0em .5em; 

	color: #27537B;

	text-decoration: none; }			/* special subnav link styles*/

	

div.xwide a:hover, div.xwide a: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:35px;

	bottom:30px;

	width:127px;

	height:187px;

	opacity: 0.5;

	filter:alpha(opacity=50);

 } 	/* this graphic is coded into the center maincontent column but appears over the left column---   As stated above this Graphic is low coded into the left column--JCD*/



div.column1	{

	width: 265px;

	margin-bottom:6px;

	padding-bottom:5px;

}	





div.column1	li{

	padding-bottom:3px;

}	

	

div.column2text	{

 position:absolute;

	width: 265px;

	margin-left: 295px;

	top: 132px;

	margin-bottom:6px;

	padding-bottom:5px;

}	

	

 div.column2list{

  position:absolute;

	width: 265px;

	margin-left: 295px; 

		top: 132px;

		margin-bottom:6px;

		padding-bottom:5px;

}	

	

	div.column2list	li{

	padding-bottom:3px;

}	

	

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

	

	/*rightbar is 3rd of 3 middle vert cols incl supernav, calculator etc*/		

	

div.rightbar {

	/*display: none; /*DC - 3/11/10*/

	position: relative;

	min-height: 100%; 

	float: right;

	padding:56px 20px 56px 13px;

	width: 182px;

	background-color: white; }



#getstart {

	position: absolute;

	z-index:3;

	left:9px;

	top:6px;

	width:153px;

	height:33px;

	background-image: url(/images/getstart.jpg); }



#supernav {

	position: absolute;

	z-index:3;

	left:0px;

	top:0;

	width:215px;

	height:265px;

	background-color: #76C14F; }



#supernav2 {

	position: absolute;

	z-index:3;

	left:13px;

	top:40px;

	width:190px;

	height:87px;

	background-color: #B1D343; }



#supernav2a {

	position: absolute;

	z-index:3;

	left:21px;

	top:49px;

	width:173px;

	padding-bottom: 4px;

	background-color: #809A4B;

	cursor:default; }



#supernav2b {

	position:absolute;

	z-index:3;

	left:21px;

	top:74px;

	width:174px;

	background-color: #809A4B; }

 

	

#supernav2c {

	position:absolute;

	z-index:3;

	left:21px;

	top:99px;

	width:174px;

	background-color: #809A4B; }





#supernav3 {

	position:absolute;

	z-index:3;

	left:13px;

	top:136px;

	width:190px;

	height:112px;

	background-color: #B1D343; }



#supernav3a {

	position:absolute;

	z-index:3;

	left:21px;

	top:145px;

	width:173px;

	background-color: #809A4B; 

	padding-bottom: 4px; }



#supernav3b {

	position:absolute;

	z-index:3;

	left:21px;

	top:170px;

	width:174px;

	background-color: #809A4B; }



#supernav3c {

	position:absolute;

	z-index:3;

	left:21px;

	top:195px;

	width:174px;

	background-color: #809A4B; }



#supernav3d {

	position:absolute;

	z-index:3;

	left:21px;

	top:220px;

	width:174px;

	background-color: #809A4B; }

	

	

	

	/* this is for the course catalouge with one entry on the right*/

#supernava {

	position: absolute;

	z-index:3;

	left:0px;

	top:0;

	width:215px;

	height:210px;

	background-color: #76C14F; }

	

#supernav4 {

	position:absolute;

	z-index:3;

	left:13px;

	top:136px;

	width:190px;

	height:63px;

	background-color: #B1D343; 

	cursor:default;}



#supernav4a {

	position:absolute;

	z-index:3;

	left:21px;

	top:145px;

	width:173px;

	background-color: #809A4B; 

	padding-bottom: 4px; 

	cursor:default;}



#supernav4b {

	position:absolute;

	z-index:3;

	left:21px;

	top:170px;

	width:174px;

	background-color: #809A4B; }



#supernav4c {

	position:absolute;

	z-index:3;

	left:21px;

	top:195px;

	width:174px;

	background-color: #809A4B; }



#supernav4d {

	position:absolute;

	z-index:3;

	left:21px;

	top:220px;

	width:174px;

	background-color: #809A4B; }

/* end of the 1 course entry on the right code. Delete and go back when more courses are entered*/

















select.supernav { 

 	background-color: #809A4B; 

	font-family: "Verdana", "Arial", "san-serif";

 	color: #FFEA85; 

	font-size: 10px;

	width:174px; }	



/*begin div classes: calculator*/	



div.calc2 {

	position:absolute;

	z-index:3;

	left:823px;

	top:500px;

	width:190px;

	height:112px;

	background-color: #B1D343; }



div.calc2a {

	position:absolute;

	z-index:3;

	left:831px;

	top:510px; }



div.calc2b {

	position:absolute;

	z-index:3;

	left:831px;

	top:535px; }



div.calc2c {

	position:absolute;

	z-index:3;

	left:831px;

	top:560px; }



div.calc2d {

	position:absolute;

	z-index:3;

	left:831px;

	top:582px;

	width:170px;

	padding: 5px 8px 0px 5px;

	text-align: right; }



	/*end midsection classes--start footer which is self contained */	

	

#footer {

	position: relative;

	height:130px;

	clear: left;

	padding: 12px 12px 12px 18px ;

	background-color: #659DD4;

	cursor:default; }

	

	#service_update {

	 border: 4px #F04D3D solid;

	 margin:4px;

	padding-top:10px;

	padding-bottom:10px;

	padding-left:4px;

	padding-right:2px;

	}

 

	

	#service_update h2{

	color:#F04D3D;

	margin:0;

	padding:0;

	}

	#service_update p{

font-size: 12px; 

	line-height: 18px; 

  	margin: 0; 

	padding: 6px 2px 6px 4px;

	}
	
	#service_update sup {margin:0;
padding:0;
height:0;
vertical-align:top;
position:relative;
top:-1px;
}

#hilite{
	color:#F04D3D;
font-size: 12px; 
	margin:0;
	font-weight:bolder;

	padding:0;}


#imagelogos{

height:50px;

}

#required {color:#FF0000;}



#sharebutton{

position: absolute;

top:215px;

right:45px;

padding-bottom: 10px;}



#rotateright{

position:absolute;

padding-top:5px;

margin-top:190px;

width:190px;

}



.kbbox{

float:right;

width:151px;

border:1px solid;

border-color:#1b497b;

}



.kbbox h3{

font-size: 10px; 

	font-weight: bold;

	line-height: 13px;  

	text-transform: uppercase; 

	color: #27537B;

	padding-top:0px;

	text-align:center;

}



#requestinfo{

position:absolute;

top:66px;

right:68px;

}



.hdnumber {

color:#FF0000;

}