/*
RoeTech CSS
last update: 03.31.10
*/

/*
colors:
   green: 4/113/88  #047158
   red: 157/18/18  #9d1212
   greys: dark to light: 373737 / 646464 / c0c0c0 
   103 green:  50/82/28  #32521c
   104 blue:  21/106/137  #156a89
   106 red: 138/16/18  #8a1012
   106PS tan:  122/103/66  #7a6742
   302 dark blue:  41/74/81  #294a51
*/

/* custom online fonts */
@font-face {
font-family: "NewsGothic";
src: url(/fonts/NewsGothicStd.otf) format("opentype");
}
@font-face {
font-family: "KeplerLightCondensed";
src: url(/fonts/KeplerStd-LightCnSubh.otf) format("opentype");
}
@font-face {
font-family: "KeplerCondensedItalic";
src: url(/fonts/KeplerStd-CnItSubh.otf) format("opentype");
}
	

body {
	margin: 0;
	padding: 0;
	background-color: #c4c5c5;
	background: url(/img/body-bg.gif) left top repeat-x;
	text-align: center;	
}
img { border: 0; }
p, td {
	margin: 0;	padding: 0;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
}
p a         { text-decoration: none; }
p a:link    { color: #9d1212; text-decoration: none; }
p a:visited { color: #9d1212; text-decoration: none; }
p a:hover   { color: #9d1212; text-decoration: underline; }
p a:active  { color: #9d1212; text-decoration: underline; }

h1, h2, h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
h1 {
	letter-spacing: normal;
	font-weight: bold;
	font-size: 24px;
	color: #047158;
}
h2 {
	letter-spacing: normal;
	font-weight: bold;
	font-size: 14px;
	color: #047158;
}
h3, h4 {
	letter-spacing: normal;
	font-weight: bold;
}

blockquote {
	padding-left: 20px;
	padding-right: 20px;
}
#clearIt {
	margin: 0; padding: 0;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}
/* START: layout */
#pgwrap {
	margin: 0 auto;
	width: 1020px;
	text-align: center;
}
#wrap {
	margin: 0;
	width: 1000px;
	padding: 0 10px 10px 10px;
	background-color: #fff;
}
#headerBlock {
	margin: 0; padding: 0;
	position: relative;
	width: 1000px;
	height: 90px;
	background: url(/img/header-bg.gif) left top no-repeat;
	clear: both;
}
/* START header  */
#headerLogo {
	margin: 0; padding: 0;
	position: absolute;
	top:10px;
	left: 0px;
	width: 400px;
	height: 85px;
	background-color: #fff;
	float:left;
}
#headerNav {
	margin:  0; padding: 0;
	position: absolute;
	top: 10px;
	left: 600px;
	float:right;
	text-align: left;
}
/* END header */

#headerImgHome {
	margin: 0; padding: 0;
	position: relative;
	width: 1000px;
	height: 300px;
}
#headerImgSub {
	margin: 0; padding: 0;
	position: relative;
	width: 1000px;
	height: 225px;
}
#main {
	margin: 0; padding: 0;
	width: 1000px;
	text-align:left;
	background-color: #fff;
	clear: both;
}
#contentHome {
	margin: 0; padding: 20px;
	background-color: #fff;
}
#contentSub {
	margin: 0; padding: 20px 20px 0 0;
	float: right;
	width: 730px;
	background-color: #fff;
}
#leftNav {
	margin: 0; padding: 20px 0 0 20px;
	float: left;
	width: 200px;
	background-color: #fff;
	background: url(/img/leftNav-bg.gif) left top no-repeat;
}
#footer {
	margin: 20px; padding: 10px 0 0 0;
	width: auto;
	border-top: 1px dotted #90c6ba;
	background-color: #fff;
	text-align: left;
}
#footerBlock {
	margin: 5px 0 0 0; padding: 0;
	width: 1000px;
	height: 30px;
	background: url(/img/footer-bg.gif) left top no-repeat;
	clear: both;
}
/* END: layout */

/* START: styles */
hr {color: #fff; background-color: #fff; border: 1px dotted #047158; border-style: none none dotted; }

p.lightgrey { /* title of page */
	margin: 0;	padding: 0;
	color: #c0c0c0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}
p.lightgrey a         { font-weight: normal; text-decoration: none; }
p.lightgrey a:link    { color: #c0c0c0; }
p.lightgrey a:visited { color: #c0c0c0; }
p.lightgrey a:hover   { color: #373737; }
p.lightgrey a:active  { color: #373737; }

ul.content {
	list-style-image: url(/img/bt_bullet.gif);
	margin-left:15px;
	margin-bottom:10px;
}
ul.content2 {
	list-style-image: url(/img/bt_bullet2.gif);
	margin-left:15px;
	margin-bottom:10px;
}
ol.content {
	list-style-type: decimal;
	margin-left:20px;
	margin-bottom:10px;
}
ul.content,ul.content2,ol.content li {
	color: #373737;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	text-decoration: none;
}
li a         { text-decoration: none; }
li a:link    { color: #9d1212; text-decoration: none; }
li a:visited { color: #9d1212; text-decoration: none; }
li a:hover   { color: #9d1212; text-decoration: underline; }
li a:active  { color: #9d1212; text-decoration: underline; }

/* START sub pg left nav */
#main h2.leftNav {
	margin: 0;	padding-bottom:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	color: #333;
}

#leftNav p.prod103          { font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #333; font-size:14px; line-height: 25px; }
#leftNav p.prod103 a         { font-weight: normal; text-decoration: none; }
#leftNav p.prod103 a:link    { color: #32521c; }
#leftNav p.prod103 a:visited { color: #32521c; }
#leftNav p.prod103 a:hover   { color: #111e08; }
#leftNav p.prod103 a:active  { color: #111e08;  }

#leftNav p.prod104          { font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #333; font-size:14px; line-height: 25px; }
#leftNav p.prod104 a         { font-weight: normal; text-decoration: none; }
#leftNav p.prod104 a:link    { color: #156a89; }
#leftNav p.prod104 a:visited { color: #156a89; }
#leftNav p.prod104 a:hover   { color: #0b3c4e; }
#leftNav p.prod104 a:active  { color: #0b3c4e;  }

#leftNav p.prod106          { font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #333; font-size:14px; line-height: 25px; }
#leftNav p.prod106 a         { font-weight: normal; text-decoration: none; }
#leftNav p.prod106 a:link    { color: #8a1012; }
#leftNav p.prod106 a:visited { color: #8a1012; }
#leftNav p.prod106 a:hover   { color: #430708; }
#leftNav p.prod106 a:active  { color: #430708;  }

#leftNav p.prod106ps          { font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #333; font-size:14px; line-height: 25px; }
#leftNav p.prod106ps a         { font-weight: normal; text-decoration: none; }
#leftNav p.prod106ps a:link    { color: #7a6742; }
#leftNav p.prod106ps a:visited { color: #7a6742; }
#leftNav p.prod106ps a:hover   { color: #453923; }
#leftNav p.prod106ps a:active  { color: #453923;  }

#leftNav p.prod302          { font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #333; font-size:14px; line-height: 25px; }
#leftNav p.prod302 a         { font-weight: normal; text-decoration: none; }
#leftNav p.prod302 a:link    { color: #294a51; }
#leftNav p.prod302 a:visited { color: #294a51; }
#leftNav p.prod302 a:hover   { color: #12272c; }
#leftNav p.prod302 a:active  { color: #12272c;  }
/* END sub pg left nav */

#main h1.pagetitle { /* title of page - NewsGothic is a custom online font*/
	margin: 0 0 12px 0;	padding: 0;
	font-family: "NewsGothic", Helvetica, Arial, Verdana, sans-serif;
	font-size: 25px;
	line-height: 25px;
	font-weight: normal;
	color: #047158;
}
#main h2 { /* sub title of page */
	margin: 0;	padding: 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	color: #047158;
}

#main img.style1 {
	margin: 0;	padding: 5px;
	border: 1px solid #c8c8c8;
}

p.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #444;
	font-weight: normal;
	padding: 0; margin: 0;
}
p.copyright a         { font-weight: normal; text-decoration: none; }
p.copyright a:link    { color: #c3581b; }
p.copyright a:visited { color: #c3581b; }
p.copyright a:hover   { color: #01562d; text-decoration: underline; }
p.copyright a:active  { color: #01562d; text-decoration: underline; }
/* END: styles */

/* START seo for title images */
#pgtitle {
	visibility:hidden;
}
/* END seo for title images */

/* START table definition */
.tableContact {
	margin: 0;
}
.tableContact td {
	vertical-align:top;
	padding: 0 0 0 4px;
}
.tableSurvey {
	margin: 0;
	background-color:#fff;
}
.tableSurvey td {
	vertical-align:top;
	padding: 0 0 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
/* END table definition */

/*-- START: form stuff --*/
.formOne {
	width: 300px;
	margin: 0 0 2px 0;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #c5c5c5;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.formTextArea {
	width: 300px;
	height: 70px;
	margin: 0 2px 2px 0;
	padding: 0px;
	background-color: #fff;
	border: 1px solid #c5c5c5;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.formTwo {
	width: 200px;
	margin: 0 0 2px 0;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #c5c5c5;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.formSurveyOne {
	width: 100px;
	margin: 0 0 2px 0;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #c5c5c5;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.formSurveyTwo {
	width: 90px;
	margin: 0 0 2px 0;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #c5c5c5;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.formThree {
	width: 140px;
	margin: 0 0 2px 0;
	/* padding: 2px; */
	background-color: #fff;
	border: 1px solid #c5c5c5;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.dd {
	width: 150px;
	margin: 0 0 5px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #444;
	font-color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.btSubmit {
	/* width: 100px; */
	height: 18px;
	margin: 3px 0px;
	padding: 0px 10px 3px 10px;
	background-color: #047158;
	border: 1px solid #047158;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 10px; 
	font-weight: normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.required {
	color: #000;
	font-weight:bold;
}
.font9 {
	font-size: 9px;
	line-height: 12px;
} 

sup {
	top: 2px;
	font-size: smaller;
	vertical-align: top;
}
.tbf {
	background-color:#FFCC00;
}
/*-- END: form stuff --*/