/***********************************************/
/* HTML and Selector tag styles */
/***********************************************/

html {
	height: 100%;
} /* This 100% tag makes the height of the page stretch to 100% so that when you define the container background color/image it will fill the height of the browser window independent of how much content fills t he page - you also have to put it in the BODY tag */

body {
	background-image: url(images/greenback.jpg);
	background-color: #C3D8DA;
	color: #013535;
	height: 100%;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
} /* This 100% tag makes the height of the page stretch to 100% so that when you define the container background color/image it will fill the height of the browser window independent of how much content fills the page - you also have to put it in the HTML tag */

* html #container {
  height: 100%;
}  /* This unusual style is talking directly to Explorer, having the asterix before makes it a style that will be called up by Explorer. We need this style in here so that the container will stretch to fill the whole page, it is another part of the puzzle that works with the addition of the height 100% tags above and on the container id. */

.footer a,.footer a:link {
	color: #769B9F;
	text-align: center;
	font-size: 10px;
}

.footer a,.footer a:visited {
	color: #769B9F;
	text-align: center;
	font-size: 10px;
}

.footer a,.footer a:hover {
	color: #862074;
	text-align: center;
	font-size: 10px;
}

a:link {
	color: #862074;
}

a:visited {
	color: #862074;
}

a:hover {
	color: #DF8C2C;
}

input.button {
    border: 0px;
	padding-right: 12px;
}

select {
	font-size: 11px;
	color: #333333;
	border: thin solid #999999;
}

/* THIS LIST class is making the drop down menus in list format fail to work. 
You must take this out if the have graphic list (Suckerfish) navigation.

li {
	list-style-position: outside;
	margin-top: 3px;
} 
*/


p {
	margin-top: 0px;
	margin-bottom: 10px;

}

blockquote {
	line-height: 20px;
}

/***********************************************/
/* Classes */
/***********************************************/

.headline {
	color: #DF8C2C;
	font-weight:bold;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:14px;
}

.subHead1 {
	color: #DF8C2C;
	font-weight:bold;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;

}

.subHead2 {
	color: #862074;
	font-weight:bold;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;

}

.subHead3 {
	color: #DF8C2C;
	font-weight:bold;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;
}

.colorText1 {
	color: #DF8C2C;
}

.colorText2 {
	color: #DF8C2C;
	font-weight :bold;
}

.colorText3 {
	color: #862074;
}

.footer {
	color: #769B9F;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.breadcrumb {
	padding-left: 20px;
	color: #637C7F;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.disclaimer {
	color: #797087;
	text-align: center;
	font-size: 11px;
}

.backtop {
	color: #CC6600;
	font-size: 10px;
	text-align: right;
	line-height: 14px;
}

.separator {
	color: #DF8C2C;
	text-align: center;
	font-size: 10px;
}

.bullet2 {
	list-style-image: url(images/bullet_check.gif);
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}



/***********************************************/
/* Forms and tables                                */
/***********************************************/

.cellcolor1 {
	background-color: #FFFFFF;
}

.cellcolor2 {
	background-color: #F4F4F4;
}

.fields1 {
	border:solid 1px #2C7B84; 
	font-size: 10px; 
	color:666666; 
	padding:2px
}

.fields2 {
	border:solid 1px #2C7B84; 
	font-size: 11px; 
	color:666666; 
	padding:2px
}

.formHeader {
	color: #862074;
	font-weight: bold;
}

.formSubHeader {
	color: #A36B62;
	font-size: 12px;
	font-weight: bold;
}

.error {
	font-size: 10px;
	color: #DF8C2C;
}

.purpleborder {
	border: thin solid #8e2e7d
}

.grayborder {
	border: thin solid #999999
}

.graybg {
	background: #f0f0f2;
	padding:10px;
	border-top: thin solid #cccccc;
	border-right: thin solid #cccccc;
	border-bottom: thin solid #cccccc;
}


/***********************************************/
/* Right Nav                                 */
/***********************************************/

.offerid {
	border:solid 1px #2C7B84; 
	font-size:9px; 
	color:666666; 
	padding:2px
}

.quote {
	color: #336666;
	font-size: 10px;
	text-align: center;
	line-height: 11px;
}

.quotename{
	color: #990066;
	font-size: 10px;
	text-align: center;
	line-height: 11px;
	padding-top: 3px;
}

.offerTable {
	background-color: #FFFFFF;
	border:1px dotted #CCCCCC; 
}


/***********************************************/
/* Nav Divs                                 */
/***********************************************/

#nav {
	padding: 0;
	margin: 0;
	height: 27px;
	font-size: 1px; /* This font value setting removes the white space beneath the navigation */
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	width: auto;
}

#nav li {
	float: left;
	width: auto;
}

#nav li ul {
	position: absolute;
	width: 145px; /* Width of the largest secondary level graphic */
	left: -999em; /* Instead of display: none we use left: -999em to propel the dropdown list out of view and then left: auto (rather than left: 0) to bring it back */
}

#nav li:hover ul {
	left: auto; /* and then left: auto (rather than left: 0) to bring it back */
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto; /* and then left: auto (rather than left: 0) to bring it back */
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container {
	width: 747px;
	height: auto;
	margin: auto;
	min-height: 100%;
	background-image: url(images/greenback.jpg);
}

#main {
	width: 747px;
	background-image: url(images/main_back.jpg);
}

#navigation {
	width: 747px;
	height: 102px;
	font-size:0;
}


#content {
	width: 707px;
	margin: auto;
	line-height: 15px;
}
	
#column1{
	width:564px;
	float:left;
}

#column1content{
	width:519px;
	margin: auto;
}

#column2{
	width:143px;
	float:left;
}

#include1 {
	width: 723px;
	height: 160px;
}

#pageEnd {
	width: 747px;
	margin: auto;
}

#photo {
	display: inline;
	float: right;

}

/***********************************************/
/* Print                                 */
/***********************************************/


.noprint {}
.printelement { display: none; }