/* CSS Document */

* {
	margin: 0;}


body {
font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
}
*html body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small; /*for IE5/Win*/
	f\ont-size: small; /*for other IE versions*/
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
}

html, body {
	height: 100%;
}


#topborder {
	float: left;
	display:inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%; /* mandatory to be centered */
	background-color:  #000066;
}


.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 948px;
	background-image:url(images/colbg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	margin: 0 auto -77px; /* the bottom margin is the negative value of the footer's height */
}
.footer {
	width: 100%;
	height: 77px;
	}
	

.push {
	height: 77px;
	/* .push must be the same height as .footer */
}

.footerbottom {
float: left;
display: inline;
	width: 100%;
	background-color: #000066;
	height: 52px;
	}
	.footertop {
	float: left;
display: inline;
	width: 100%;
	height: 25px;
	
	}
	
	.menuone{
	padding: 0px 0px 0px 0px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	width: 948px; /* mandatory to be centered */
	font-size: 12px;
	font-weight: normal;
	color:#000066;
	background-image:url(images/colbg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	}
	
	a.menuonelink{
	color:#000066;
	text-decoration: none;
	}
	
	a:hover.menuonelink{
	color:#000066;
	text-decoration: underline;
	}
	
		.menutwo{
		text-align: center;
		line-height: 20px;
		color: #FFFFFF;
		font-size: 12px;
	padding: 5px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	width: 948px; /* mandatory to be centered */
	}
	
	.footlink{
	color: #FFFFFF;
	text-decoration: underline;}

     a:hover.footlink{
         color:#33a643;
    }


/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/




/*PNG Transparebcy fix IE 6*/
 img, div, map {
	behavior: url(iepngfix.htc)
}
/*Clear Hack / Pad*/
.clearit {
	clear: both;
	height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 0px;
}
.nopad {
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/* HEAD CONTAINER */	

#centerouter {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	width: 100%; /* mandatory to be centered */

}
#centerinner {
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	width: 948px; /* mandatory to be centered */
}





/* HEAD ELEMENTS */	

#headouter {
	float: left;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 948px;
	margin: 0;
}
#logo {
		float: left;
/*	display: inline;*/
	width: 447px;
	padding: 0px 0px 0px 0px;
	margin: 0;
}


.cta {
	float: left;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 447px;
	font-size: 15px;
	font-weight: normal;
	color:#000066;
}

.ctalink {
	text-decoration: underline;
	font-weight: normal;
	color:#000066;
}

a:hover.ctalink {
	text-decoration: underline;
	font-weight: normal;
	color:#33a643;
}

#headbg {
		float: left;
	display: inline;
	width: 501px;
	height: 232px;
	background-image: url(images/head_bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0;
}


/* HOMEPAGE SIXBUTTONS */

#sixupouter {
	float: left;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 948px;
	height: 207px;
	background-image: url(images/buttonbgrepeat.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.boxlink{
	float: left;
	display: inline;
width: 158px;
height: 207px;
}


.boxlink a {
display: block;
height: 100%;
width: 100%;
background-image: url(images/buttonbg.jpg);
background-position: top left;
background-repeat: no-repeat;
text-decoration: none;
}

.boxlink a:hover{
display: block;
background-image: url(images/buttonbg2.jpg);
background-position: top left;
background-repeat: no-repeat;
text-decoration: none;
height: 100%;
width: 100%;
}
.boxlinkselected{
float: left;
display: inline;
width: 158px;
height: 207px;
background-image: url(images/buttonbg2.jpg);
background-position: top left;
background-repeat: no-repeat;
}


.boxheads {
		float: left;
	display: inline;
	width: 138px;
	font-size: 15px;
	text-decoration: none;
	color:#000066;
	font-weight: bold;
	padding: 10px 10px 5px 10px;
	margin: 0;
}

.boxcopy {
		float: left;
	display: inline;
	width: 138px;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
	color:#000066;
	padding: 0px 10px 5px 10px;
	margin: 0;
}





/* Buffer and Col BG */	

#buffer {
		float: left;
	display: inline;
	padding: 0px 0px 0px 0px;
	width: 948px;
	margin: 0;
}

#colsouter {
		float: left;
	display: inline;
	padding: 0px 0px 20px 0px;
	width: 948px;
	margin: 0;
	background-image:url(images/colbg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}


#leftcol {
	float: left;
	display: inline;
	padding: 0px 40px 0px 0px;
	width: 609px;
	margin: 0;
}

#leftcol p{
    font-size: 13px;
	text-decoration: none;
	color:#000066;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
	margin: 0;
}

#leftcol ul{
    padding: 10px 0px 10px 20px;
	margin: 0px 0px 0px 0px;
}

#leftcol li{
    padding: 0px 0px 8px 0px;
	margin: 0px 0px 4px 0px;
	font-size: 13px;
	font-weight: normal;
	color:#000066;
}

#leftcol table, td{
    font-size: 13px;
	text-decoration: none;
	color:#000066;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
}

#leftcol a:link, #leftcol a:visited{
  text-decoration: underline;
	font-weight: normal;
	color:#000066;
}

#leftcol a:hover{
  	text-decoration: underline;
	font-weight: normal;
	color:#33a643;
}


.youtube {
/*		float: left;*/
	display: inline;
	padding: 10px 0px 20px 0px;
	width: 580px;
	margin: 0;
}


#rightcol {
		float: right;
	display: inline;
	background-image: url(images/quote.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 60px 20px 0px 15px;
	width: 264px;
	margin: 0;
}

#rightcol p{
    font-size: 13px;
	text-decoration: none;
	color:#000066;
	font-weight: normal;
	padding: 0px 0px 7px 0px;
	line-height: 19px;
	margin: 0;
}


#rightcol a:link, #rightcol a:visited{
  text-decoration: underline;
	font-weight: normal;
	color:#000066;
}

#rightcol a:hover{
  	text-decoration: underline;
	font-weight: normal;
	color:#33a643;
}





/*HEADERS*/	
		 
h1 {
    font-size: 22px;
	text-decoration: none;
	color:#000066;
	font-weight: bold;
	padding: 0px 0px 20px 0px;
	margin: 0;
}
h2 {
    font-size: 18px;
	text-decoration: none;
	color:#000066;
	font-weight: bold;
	padding: 15px 0px 10px 0px;
	margin: 0;}
h3 {
    font-size: 16px;
	text-decoration: none;
	color:#000066;
	font-weight: bold;
	padding: 15px 0px 10px 0px;
	margin: 0;}
h4 {
    font-size: 14px;
	text-decoration: none;
	color:#000066;
	font-weight: bold;
	padding: 12px 0px 10px 0px;
	margin: 0;}
/*TEXT*/	
		 
	 .pageheader {
	float: left;
	width: 609px;
	font-size: 22px;
	text-decoration: none;
	color:#000066;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0;
}

 .copy {
	float: left;
	width: 609px;
	font-size: 13px;
	text-decoration: none;
	color:#000066;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
	margin: 0;
}

 .quote {
	float: left;
	width: 264px;
	font-size: 13px;
	text-decoration: none;
	font-style: italic;
	color:#000066;
	font-weight: normal;
	padding: 60px 0px 7px 0px;
	line-height: 19px;
	margin: 0;
}

 .quotefrom {
	float: left;
	width: 264px;
	font-size: 12px;
	text-decoration: none;
	color:#000066;
	font-weight: normal;
	padding: 0px 0px 30px 0px;
	line-height: 19px;
	margin: 0;
}

 .rightcolhead {
	float: left;
	width: 264px;
	font-size: 16px;
	text-decoration: none;
	color:#000066;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0;
}

 .rightcolcopy {
	float: left;
	width: 264px;
	font-size: 13px;
	text-decoration: none;
	color:#000066;
	font-weight: normal;
	padding: 0px 0px 7px 0px;
	margin: 0;
}

.listed {
	float: left;
	width: 589px;
	padding: 0px 0px 15px 20px;
	margin: 0px 0px 0px 0px;
}
.listed li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 0px;
	font-size: 13px;
	font-weight: normal;
	color:#000066;
}








 .formtitle {
	float: right;
	text-align: center;
	display:inline;
	width: 200px;
	height: 95px;
	font-size: 17px;
	text-decoration: none;
	color:#ffffff;
	font-weight: bold;
	padding: 45px 25px 0px 276px;
	margin: 0;
}

#formholder{
float: right;
	display: inline;
	width: 205px;
	height: 60px;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}
	
	.formrow{
float: left;
	display:inline;
height: 35px;
width: 180px;
	padding: 0px 0px 0px 0px;
	margin: 0;}
	
	.formrowtwo{
float: left;
display:inline;
height: 19px;
	width: 180px;
	padding: 0px 0px 0px 0px;
	margin: 0;}
	
	.formbutton{
float: left;
display:inline;
height: 19px;
	width: 180px;
	padding: 0px 0px 0px 12px;
	margin: 0;}

.textfield{
color: #000066; font-size: 11px; width:160px; border:1px solid #ffffff; height: 16px; font-weight: normal;}

.error {
    color: red;
}

.result {
  color: green;
}