/* CSS Document */


/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-image:url(../images/interface/bg_main.jpg);
	background-repeat:repeat-x;
	background-position:0px 0px;
	background-color: #3c95af;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#6b6b6b;
	font-size:11px;
	

	
}
* html #container {
	height: 100%;
}

img {
	border:none;
}


form {
	margin:0px;
	padding:0px;
}
.formInput {
width:420px;
padding:1px 0px 1px 6px;
}

input, select, textarea {
	color:#6b6b6b;
	width:195px;
	background-color: #ffffff;
	font-family: Trebuchet MS;
	font-size:11px;
	border: solid 1px #d2d2d2;
	margin-bottom:10px;
}
textarea {
height:80px;
}

ul { margin-top:2px; margin-bottom:20px;
}


A:link {color:#036aa5;text-decoration:underline;}
A:visited {color:#036aa5;text-decoration:underline;}
A:active {color:#036aa5;text-decoration:underline;}
A:down {color:#036aa5;text-decoration:underline;}
A:hover {color:#c10808;text-decoration:none;}


A.sec:link {color:#ffffff;text-decoration:none;}
A.sec:visited {color:#ffffff;text-decoration:none; }
A.sec:active {color:#ffffff;text-decoration:none;}
A.sec:down {color:#ffffff;text-decoration:underline; }
A.sec:hover {color:#fffff;text-decoration:underline; }


A.footerlink:link {color:#c1d2e6;text-decoration:underline;}
A.footerlink:visited {color:#c1d2e6;text-decoration:underline; }
A.footerlink:active {color:#c1d2e6;text-decoration:underline;}
A.footerlink:down {color:#c1d2e6;text-decoration:underline; }
A.footerlink:hover {color:#f9a401;text-decoration:none; }

A.moreSpecialLink:link {color:#036aa5;text-decoration:none;}
A.moreSpecialLink:visited {color:#036aa5;text-decoration:none; }
A.moreSpecialLink:active {color:#036aa5;text-decoration:none;}
A.moreSpecialLink:down {color:#036aa5;text-decoration:none; }
A.moreSpecialLink:hover {color:#c10808;text-decoration:none; }

A.moreLink:link {color:#036aa5;text-decoration:none;}
A.moreLink:visited {color:#036aa5;text-decoration:none; }
A.moreLink:active {color:#036aa5;text-decoration:none;}
A.moreLink:down {color:#036aa5;text-decoration:none; }
A.moreLink:hover {color:#c10808;text-decoration:none; }


A.readmoreLink:link {color:#036aa5;text-decoration:none;}
A.readmoreLink:visited {color:#036aa5;text-decoration:none; }
A.readmoreLink:active {color:#036aa5;text-decoration:none;}
A.readmoreLink:down {color:#036aa5;text-decoration:none; }
A.readmoreLink:hover {color:#c10808;text-decoration:none; }

A.submit:link {color:#ffffff;text-decoration:none;}
A.submit:visited {color:#ffffff;text-decoration:none; }
A.submit:active {color:#ffffff;text-decoration:none;}
A.submit:down {color:#ffffff;text-decoration:none; }
A.submit:hover {color:#ffffff;text-decoration:none; }


A.pagenav:link {color:#e1e1e1;text-decoration:none;}
A.pagenav:visited {color:#e1e1e1;text-decoration:none; }
A.pagenav:active {color:#e1e1e1;text-decoration:none;}
A.pagenav:down {color:#e1e1e1;text-decoration:none; }
A.pagenav:hover {color:#e1e1e1;text-decoration:none; }


div#container {
	position:relative; /* needed for footer positioning*/
	width:100%;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	
	background-image:url(../images/interface/bg_boat.gif);
	background-repeat:no-repeat;
	background-position: center 305px;

}

div#padding {
	width: 976px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image:url(../images/interface/padding.png);
	background-repeat:repeat-x;
	background-position:0px 0px;
	padding:0px;

}

div#masthead {
	width: 938px;
	height:77px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image:url(../images/interface/bg_masthead.jpg);
	background-repeat:no-repeat;
	background-position:244px 0px;
	padding:0px;
}
div#masthead .logo {
	float:left;
	width:255px;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
}
div#masthead .secnav {
	padding-top:5px;
	margin-left:255;
	text-align:right;
	font-family:"Trebuchet MS";
	font-size:12px;
}


div#mainpic {
	width: 938px;
	height:281px;
	padding:0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image:url(../images/temp/masthead2.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}


#navmenu1 {
	position:relative;
	left:20px;
	width:880px;
	/*width:556px;	/* 578-22 */
	height:53px;
	float:left;
	margin:0px;
	padding:0px;
	
}
.tersnav
{
width:209px;
padding:10px 0 30px 0px;
}
.tersnavOn
{
padding-left: 18px;
background-image:url(../images/interface/arrow_yellow.gif);
background-position:0px 2px;
background-repeat:no-repeat;
font-weight:bold;
color:#036aa5;

}
div#content { 
	width: 938px;
	padding:0px 0px 0px 0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ 
	background-image:url(../images/interface/bg_content.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#FFFFFF;
} 

.contentleftHP
{
float:left;
width:513px;
padding:0px 0px 0px 0px;
margin-left:35px;
}


.contentrightHP
{
float:left;
width:328px;
padding:0px 0px 0px 0px;
margin-left:27px;
}



.contentleft
{
float:left;
width:641px;
padding:0px 0px 0px 0px;
margin-left:35px;
}


.contentright
{
float:left;
width:209px;
padding:0px 0px 0px 0px;
margin-left:27px;

}



.breadcrumbHolder
{
width:869px;
height:157px;
padding:30px 0px 20px 0px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ 
}

.breadcrumb
{
float:left;
width:199px;
height:93px;
padding:0px;
margin:0px 11px 0px 0px;
border:solid 5px #b2d2e3;

}
.breadcrumbrhs
{
float:left;
width:199px;
height:93px;
padding:0px;
margin:0px 0px 0px 0px;
border:solid 5px #b2d2e3;

}
.newsholderHP {
padding-bottom:40px;
}
.rhsholderHP {
padding-bottom:40px;
}
.rhsholder {
padding-bottom:40px;
}
.specialhpred {
width:225px;
/*background-color:#c10808;*/
float:left;
margin-right:1px;
padding:6px 2px 6px 10px;
color:#FFFFFF;
font-weight:bold;
 }
 
.specialhpyellow {
width:78px; float:left; padding:6px 2px 6px 10px; color:#FFFFFF; font-weight:bold;
 }
.specialhpcopy {
width:308px; background-color:#f1f1f1; margin-top:1px; padding:10px 10px 10px 10px;
}

.specialred {
width:124px;
height:min-14px;
float:left;
margin-right:1px;
padding:6px 2px 6px 10px;
color:#FFFFFF;
font-weight:bold;
 }
.specialyellow {
width:60px; min-height:14px;  float:left; padding:6px 2px 6px 10px; color:#FFFFFF; font-weight:bold;
 }
 
.specialtitle {
float:left; width:306px; height:34px; margin-right:1px; background-color:#c10808; font-size:20px; color:#ffffff; padding:11px 0px 0px 12px;
}
.specialDoc {
float:left; width:307px;  height:34px; text-align:center; color:#ffffff;  font-size:20px; background-color:#f9a401; padding:11px 0px 0px 12px;
}


.infohpcopy {
width:308px; background-color:#f1f1f1; margin-top:1px; padding:10px 10px 10px 10px;float:left;
}
.infohpdblue {
width:225px;
float:left;
margin-right:1px;
padding:6px 2px 6px 10px;
color:#FFFFFF;
font-weight:bold;
 }
 
.infohplblue {
width:78px; float:left; padding:6px 2px 6px 10px; color:#FFFFFF; font-weight:bold;
 }
.infohpcopy {
width:308px; background-color:#f1f1f1; margin-top:1px; padding:10px 10px 10px 10px;
}




.gridRow
{
width:641px;
padding:0px 0px 3px 0px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ 

}
.showProdGrid {
float:left;
width:322px;
margin-top:10px;
}
.prodCopy {
float:left;
width:295px;
margin:10px 19px 0px 5px;
}


.grid
{
float:left;
width:140px;
padding:8px;
margin:0px 3px 3px 0px;
border:solid 1px #ececec;
}
.gridrhs
{
float:left;
width:140px;
padding:8px;
margin:0px 0px 0px 0px;
border:solid 1px #ececec;
}

.gridProdtxtlhs {
	float:left;
	padding:3px 6px 3px 6px;
	text-align:right;
	width:27px;
	background-color:#f3f3f3;
	margin:1px 1px 0px 0px;
	}
.gridProdtxtrhs {
	float:left;
	padding:3px 6px 3px 6px;
	width:88px;
	background-color:#f3f3f3;
	margin:1px 0px 0px 0px;
	}
	
.quotediv {
float:left; width:213px;
}

.prodtitle {
float:left; width:306px; height:34px; margin-right:1px; background-color:#036aa5; font-size:20px; color:#ffffff; padding:11px 0px 0px 12px;
}
.prodDoc {
float:left; width:307px;  height:29px; text-align:center; color:#ffffff;  background-color:#84b4d3; padding:16px 0px 0px 12px;
}


.contactlhs {
	float:left;
	padding:6px 6px 6px 6px;
	text-align:right;
	width:120px;
	background-color:#f7f7f7;
	margin:2px 2px 0px 0px;
	}
.contactrhs {
	float:left;
	padding:6px 0px 6px 6px;
	width:498px;
	background-color:#f7f7f7;
	margin:2px 0px 0px 0px;
	}
	
	
div#footer {
	width: 938px;
	height:150px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0 0 0 0;
	background-image:url(../images/interface/bg_footer.jpg);
	background-repeat:repeat-x;
	background-position:0px 0px;
}
#footer p {
text-align:center;
	padding:10px 0px 0px 0px;
	color:#a0c4d0;
}

.footerdots
{
	width:869px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:20px 0 0 0;
}



/* ------------------------------------------------------------------------------------------ */


/* --- Generic styling ---
p {
margin:0px;
padding:0px;
line-height:15px;
}
*/

.news {
font-size:11px;
margin:20px 0px 0px 0px;
font-weight:bold;
display:block;
}
.prodHdr {
font-size:16px;
color:#b2d2e3;
margin:0px 0px 15px 0px;
font-weight:bold;
}


.dropdowns {
	font-family: Trebuchet MS;
	font-size:11px;
	color:#656565;
	background:#3f3f3f;
	border:solid 1px #6f7072;
}


.moreSpecialHP
{
width:290px;
height:14px;
text-align:right;
border-bottom:1px solid #f1f1f1;
padding:6px 28px 6px 10px;
color:#036aa5;
background-image:url(../images/interface/arrow_yellow.gif);
background-position:308px 9px;
background-repeat:no-repeat;
}
.moreSpecial
{
width:171px;
height:14px;
text-align:right;
border-bottom:1px solid #f1f1f1;
padding:6px 28px 6px 10px;
color:#036aa5;
background-image:url(../images/interface/arrow_yellow.gif);
background-position:190px 9px;
background-repeat:no-repeat;
}
.moreFull
{
float:left;
width:100px;
height:14px;
text-align:right;
border-bottom:1px solid #f1f1f1;
border-right: solid 2px #f1f1f1;
padding:6px 35px 6px 3px;
color:#036aa5;
background-image:url(../images/interface/arrow_yellow.gif);
background-position:108px 9px;
background-repeat:no-repeat;

}
.moreThis
{
	float:left;
	width:150px;
	height:14px;
	text-align:right;
	border-bottom:1px solid #f1f1f1;
	padding:6px 28px 6px 10px;
	color:#036aa5;
	background-image:url(../images/interface/arrow_yellow.gif);
	background-position:170px 9px;
	background-repeat:no-repeat;
}
.readmoreHP { 
	width:478px;
	float:right;
	text-align:right;
	border-bottom:1px solid #f1f1f1;
	padding:6px 35px 6px 0px;
	color:#036aa5;
	background-image:url(../images/interface/arrow_yellow.gif);
	background-position:484px 9px;
	background-repeat:no-repeat;
} 
.readmore { 
	width:606px;
	float:right;
	text-align:right;
	border-bottom:1px solid #f1f1f1;
	padding:6px 35px 6px 0px;
	color:#036aa5;
	background-image:url(../images/interface/arrow_yellow.gif);
	background-position:620px 9px;
	background-repeat:no-repeat;
}
.back { 
	width:641px;
	font-size:20px;
	border-top:1px solid #f1f1f1;
	margin:30px 0px 0px 0px;
	padding:10px 0px 6px 0px;
	color:#e1e1e1;
} 
.nextProdPage { 
	width:641px;
	text-align:center;
	font-size:20px;
	border-top:1px solid #f1f1f1;
	margin:30px 0px 0px 0px;
	padding:10px 0px 6px 0px;
	color:#e1e1e1;
} 
.nextNewsPage { 
	width:641px;
	text-align:center;
	font-size:20px;
	margin:60px 0px 0px 0px;
	padding:10px 0px 6px 0px;
	color:#e1e1e1;
} 
.thumbnailsHolder {
margin:5px 5px 5px 0px;
float:left;
}
.thumbnails {
border:1px solid #b4d3e3;
padding:3px;
margin:0px 10px 5px 0px;
float:left;
}
.thumbnailsNewsdisplay {
border:1px solid #b4d3e3;
padding:3px;
margin:0px 10px 5px 0px;
}

.thumbnailsrhsHolder {
margin:5px 0px 5px 10px;
float:right;
}
.thumbnailsrhs {
border:1px solid #b4d3e3;
padding:3px;
margin:5px 0px 5px 10px;
}


.submitAssist
{
height:24px;
width:190px;
background-color:#9ac3db;
font-weight:bold;
text-align:right;
padding:4px;
}


/* ------------------------------------------------------------------------------------------ */


/* ----- sitecontent ----- */



.copy {
color:#ffffff;
font-family:'Trebuchet MS';
font-size:12px;
line-height:15px;
padding:0 0 0 21px;
}



/* ------------------------------------------------------------------------------------------ */


.footertext {
	padding: 10px 0px 0px 0px;  /*this padding matches the left alignment of the elements in the divs that appear above it. */
	margin-left:707px;
}

#footer p {
	margin: 3px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c1d2e6;
}

/* ------------------------------------------------------------------------------------------ */






