/* for IE only CSS code look at /includes/ie_css.txt */
html, body {
	height: 100%;
}
body {
	background: #dadada url(/stylesheets/images/pageback.gif) fixed top left repeat-x;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
img {
	border: 0;
}
a {
	color: #fff;
}
sup {
	vertical-align: 25%;
}
#container {
	background: #fff url(/stylesheets/images/menubak.jpg) 0px 267px repeat-y;
	position: relative;
	min-height: 100%;
	margin: 0 auto 0 auto;
	color: #fff;
	width: 800px;
	border-left:6px #272727 solid;
	border-right: 6px #272727 solid;
}
#container #onfront {
	width: 100%;
	border-collapse: collapse;
}
#container #onfront td {
	padding: 0;
	border: 0;
}
#cntntfront {
	font-size: 84%;
	background-color: #272727;
	color: #000;
	vertical-align: top;
}
#cntntfront p {
	font-size: 1em;
	margin: 0 10px 0 12px;
}
#cntntfront h1 {
	margin: 0;
	padding: 8px 0 6px 0;
	text-align: center;
	font-size: 22px;
	background: #9ec14c url(/stylesheets/images/h1back.gif) bottom left repeat-x;
}
#cntntfront ul {
	padding: 0;
	margin: 8px 0 0 36px;
}
#cntntfront ul li {
	padding-bottom: 2px;
}
#fronttext {
	background-color: #fff;
	padding-top: 0;
	padding-bottom: 28px;
}
#fronttext ul {
	padding-bottom: 1em;
}
#fronttext #graylabels {
	float: right;
	color: #d2d0d0;
	background-color: #f1f0ed;
	font-weight: bold;
	text-align: right;
	padding-right: 13px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-bottom: 0;
	margin-left: 8px;
}
#fronttext #graylabels ul {
	padding-bottom: 10px;
	padding-left: 0;
	margin-left: 0;
}
#fronttext #graylabels ul li {
	padding-bottom: 29px;
	padding-left: 0;
}
#fronttext #graylabels ul li.graylast {
	padding-bottom: 21px;
	margin-bottom: 0;
}
#frontgallery {
	width: 100%;
	background-color: #000;
	color: #fff;
	margin: 0 auto;
	border-collapse: collapse;
}
#frontgallery caption {
	margin: 0 auto;
	padding: 6px 0;
	color: #82b130;
	background-color: #000;
}
#frontgallery td {
	text-align: center;
	vertical-align: top;
}
#frontgallery td img {
	padding-top: 4px;
}
#announce {
	background-color: #7d7d7d;
	color: #fff;
	font-size: 84%;
	width: 169px;
	text-align: center;
	vertical-align: top;
}
#announce a {
	color: #fff;
}
#announce h2 {
	color: #fff;
	background-color: #505050;
	font-weight: bold;
	font-size: 18px;
	margin-top: 0;
	padding: 6px 0;
}
#announce h2.nexthedr {
	margin-top: -6px;
}
#announce p {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 0;
	padding-bottom: 0;
}
#announce p.special {
	text-align: left;
}
#announce p.special span {
	font-size: 1.2em;
}
#announce hr {
	height: 6px;
	color: #505050;
	background-color: #505050;
	border: 0;
	margin-top: 6px;
	padding-top: 0;
	margin-bottom: 6px;
}
#announce ul {
text-align: left;
margin-left: -5px;
padding-right: 10px;
}
#content {
	float: right;
	width: 630px;
	padding-bottom: 100px;
	background-color: #fff;
	color: #000;
}
#content h1 {
	margin-top: 0;
	padding: 8px 0 6px 0;
	text-align: center;
	font-size: 24px;
	background: #9ec14c url(/stylesheets/images/h1back.gif) bottom left repeat-x;
}
#content h1 span {
	font-size: 16px;
}
#content h2,
#content h3 {
	font-size: 18px;
	color: #82b130;
	padding: 0 10px 0 10px;
}
#content h2 span,
#content h3 span {
	font-weight: normal;
	color: #000;
	font-size: 13px;
}
#content p {
	font-size: 13px;
	padding: 0 10px 0 10px;
}
#content div {
	font-size: 13px;
}
#content table {
	font-size: 13px;
}
#content ul {
	font-size: 13px;
	padding-right: 12px;
}
#content ol {
	font-size: 13px;
}
#content ol li {
	padding-bottom: 5px;
}
#content a {
	color: #82b130;
}
#content a:hover {
	text-decoration: none;
}
div.ritside {
	float: right;
	width: 300px;
	padding: 0 5px 0 10px;
}
div.ritside p {
	padding: 0;
}
#content ul.chevron li {
	list-style: url(/images/bullet-01.gif);
}
div.hangimg {
	position: absolute;
	left: 190px;
	padding-top: 20px;
}
#banner {
	background: #505050 url(/stylesheets/images/bannerbk.gif) 299px 0px repeat-y;
	width: 801px;
	height: 101px;
}
#banner a.backlink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 299px;
	height: 101px;
	background-image: url(/stylesheets/images/bannerpic.jpg);
}
#banner a span {
	display: none;
}
#banner img {
	position: absolute;
	left: 67px;
	top: 24px;
}
#banner p {
	position: absolute;
	left: 67px;
	top: 64px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0;
}
#fscroller {
	position: absolute;
	top: 2px;
	left: 390px;
	overflow: hidden;
}

#header_m,
#header {
	height: 164px;
}

#header_content {
	float: right;
	width: 629px;	
}

#header {	
	margin-top: 0px;
	overflow: hidden; 
	background: #272727 url(/stylesheets/images/headerbk.jpg) 6px 2px no-repeat;
	border-left: 1px #272727 solid;	
}
#header_m {
	background: #272727 url(/stylesheets/images/headerbk.jpg) 7px 2px no-repeat;
}
#header_m a,
#header a {
	display: block;
	position: absolute;
	height: 155px;
}
#header a,
#header_m a {
	top: 103px;
}
#link_a {
	left: 177px;
	width: 97px;
	background-image: url(/stylesheets/images/builder.gif);
}
#link_a:hover {
	background: transparent;
}
#link_b {
	left: 282px;
	width: 97px;
	background-image: url(/stylesheets/images/designer.gif);
}
#link_b:hover {
	background: transparent;
}
#link_c {
	left: 387px;
	width: 97px;
	background-image: url(/stylesheets/images/remodeler.gif);
}
#link_c:hover {
	background: transparent;
}
#link_d {
	left: 492px;
	width: 97px;
	background-image: url(/stylesheets/images/architect.gif);
}
#link_d:hover {
	background: transparent;
}
#link_e {
	left: 597px;
	width: 97px;
	background-image: url(/stylesheets/images/drafter.gif);
}
#link_e:hover {
	background: transparent;
}
#link_f {
	left: 702px;
	width: 99px;
	background-image: url(/stylesheets/images/enthusiast.gif);
}
#link_f:hover {
	background: transparent;
}
#header span,
#header_m span {
	display: none;
}
div.clearer {
	clear: both;
	line-height: 0;
	height: 0;
}
div.dontsee {
	display: none;
}
#footer, #footer2 {
	text-align: center;
	margin-left: 170px;
	font-size: 12px;
	position: absolute;
	width: 630px;
	color: #000;
}
#footer {
 bottom: 1px;
}
#footer2 {
 bottom: 0;
}
#footer a, #footer2 a {
	color: #000;
}
#footer a:hover,
#footer2 a:hover {
	text-decoration: none;
}
a.tinylink {
	font-size: 10px;
}
a.tinylink:hover {
	text-decoration: none;
}
.required {
	color: #000;
	background-color: #ff1;
	border: 1px solid #999;
}
.alert {
	font-weight: bold;
	color: #f00;
}
#container #content .mini-ssa {
/*	border: 1px solid #ff7f00; */
	padding: 3px;
	width: 13em;
}
#container #content .mini-ssa .cornerBoxInner {
	font-size: .8em;
}
#container #content .mini-ssa span {
	font-size: .8em;
}

.cornerBox { position: relative; width: 100%; }
.corner { position: absolute; width: 10px; height: 10px; background: url('/stylesheets/images/orange-corners.gif') no-repeat; font-size: 0%; }
.cornerBoxInner { padding: 10px; border: 1px solid #ff7f00; }
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }

.haveto {
}
#content .formfield {
	border: 1px solid #999;
}
#content .smallr {
	font-size: 11px;
}
.cntr {
	margin: 0 auto;
	text-align: center;
}
.cntrtext {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
ul.needit {
list-style-image: url();
list-style-type: none;
padding: 0;
margin: 0 0 0 40px;
}
#content ul.needit a {
	text-decoration: none;
}
#content ul.needit a:hover {
	text-decoration: underline;
}
ul.needit li {
padding-bottom: 10px;
}
.link {
font-weight: bold; font-size: 15px;
}
.capshun {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
#the_login {
	position: absolute;
	right: 0;
	top: 84px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#the_login a {
	position: relative;
	background: none;
	font-size: 12px;
}
#the_login a:hover {
	text-decoration: none;
}
/* for training pages */
table.trainlocat {
	background-color: #fff;
	border-collapse: collapse;
	margin: 0 auto 10px auto;
}
table.trainlocat a {
	color: #82b130;
}
table.trainlocat th {
	padding: 4px;
	background-color: #000;
	color: #fff;
	text-align: center;
}
table.trainlocat td {
	text-align: left;
	border: 1px solid #999;
	padding: 4px;
	font-weight: normal;
}
#content table.trainlocat td a:hover {
	background-color: #ff0;
}
#content p.locatspec {
	padding-left: 45px;
}
.column_head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #82b130;
	font-size: 1.3em;
	font-weight: bold;
}
ul.decorate li {
	list-style: url(/images/bullet-01.gif);
}
#builders #content h1,
#designers #content h1,
#remodelers #content h1,
#architects #content h1,
#drafters #content h1,
#educational-ss #content h1,
#ntl_accnt #content h1 {
	color: #fff;
	font-size: 18px;
	position: absolute;
	z-index: 1;
	top: 340px;
	padding: 0 0 0 10px;
	background: none;
}
#builders #content h4,
#designers #content h4,
#remodelers #content h4,
#architects #content h4,
#drafters #content h4,
#educational-ss #content h4,
#ntl_accnt #content h4 {
	background: #9ec14c url(/stylesheets/images/h1back.gif) bottom left repeat-x;
	height: 110px;
	font-size: 11px;
	color: #000;
	font-weight: normal;
	text-align: left;
	padding: 4px 2px 2px 390px;
	margin-top: 0;
}
#builders #content h4 img,
#designers #content h4 img,
#remodelers #content h4 img,
#architects #content h4 img,
#drafters #content h4 img,
#educational-ss h4 img,
#ntl_accnt #content h4 img {
	position: absolute;
	left: 185px;
	top: 275px;
}
#menu,
#menu_m {
	width: 170px;
	background: url(/stylesheets/images/rollplan2.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
#menu_m {
	vertical-align: top;
}
#menu {
	float: left;
	clear: none;
	padding-top: 176px;
}
#menu p,
#menu_m p {
	padding-left: 21px;
	font-size: 11px;
}
#menu ul,
#menu_m ul {
margin: 0;
padding: 0;
}
#menu ul li,
#menu_m ul li {
margin: 0;
padding: 0;
list-style: none;
}
#menu ul li a,
#menu_m ul li a {
margin-right: 0;
width: auto;
display: block;
padding: 8px 0px 8px 21px;
color: #fff;
font-size: 17px;
font-weight: bold;
text-decoration: none;
}
#menu ul li a:hover,
#menu_m ul li a:hover {
background-color: #82b130;
}
#menu ul #subprod,
#menu_m ul #subprod,
#menu ul #subshop,
#menu_m ul #subshop,
#menu ul #subtran,
#menu_m ul #subtran,
#menu ul #subtech,
#menu_m ul #subtech,
#menu ul #subucen,
#menu_m ul #subucen,
#menu ul #subcomp,
#menu_m ul #subcomp {
padding-bottom: 6px;
display: none;
}
#menu ul ul li a,
#menu_m ul ul li a {
background-color: #6a6a6a;
color: #fff;
font-size: 14px;
padding: 2px 0 2px 8px;
margin-top: -1px;
}
#menu ul ul li a:hover,
#menu_m ul ul li a:hover {
font-style: normal;
color: #000;
background-color: #fff;
}

#builders a#link_a {
	background: transparent;
}
#designers a#link_b {
	background: transparent;
}
#remodelers a#link_c {
	background: transparent;
}
#architects a#link_d {
	background: transparent;
}
#drafters a#link_e {
	background: transparent;
}

#pghowd a#lktech,
#pgsecu a#lktech,
#pgaddt a#lktech,
#pgupda a#lktech,
#pgdnlo a#lktech,
#pgtcon a#lktech,
#pghelp a#lktech,
#pgtech a#lktech,
#pgures a#lkucen,
#pgusrcert a#lkucen,
#pgcont a#lkucen,
#pgugal a#lkucen,
#pgucen a#lkucen,
#pgucen_ a#lkucen,
#pggreen a#lkucen,
#pgprod a#lkprod,
#pgprod_ a#lkprod,
#pgfeat a#lkprod,
#pgopti a#lkprod,
#pgupgr a#lkprod,
#pgadon a#lkprod,
#pgtstm a#lkprod,
#educational-ss a#lkprod,
#pgcgal a#lkprod,
#pgdemo a#lkprod,
#pgsysr a#lkprod,
#pgldem a#lkprod,
#pgshop a#lkshop,
#pgspec a#lkshop,
#pgpric a#lkshop,
#pgdelr a#lkshop,
#pgeinfo a#lkshop,
#pgshop_ a#lkshop,
#pgtran a#lktran,
#pgtran_ a#lktran,
#pgvide a#lktran,
#pgvide a#lkprod,
#pgtutr a#lktran,
#pgtutr a#lktech,
#pgques a#lktran,
#pgcomp a#lkcomp,
#pgoppf a#lkcomp,
#pgtrds a#lkcomp,
#pgabou a#lkcomp,
#pgccon a#lkcomp,
#pgloca a#lkcomp,
#pgempl a#lkcomp,
#pgnewslet a#lkcomp,
#pgprsg a#lkcomp,
#pgpres a#lkcomp,
#pgmap a#lkmap,
#pgsrch a#lksrch,
#pgtech_ a#lktech,
#pgchat a#lkucen,
#pgchat a#lktran {
background-color: #82b130;
}

#pgprod a#lkprodo,
#educational-ss a#lkacad,
#pgshop a#lkshopo,
#pgtran a#lktrano,
#pgvide a#lkvide,
#pgabou a#lkabou,
#pgvide a#lkadon,
#pgtutr a#lktutr,
#pgtutr a#lktutr2,
#pgques a#lkques,
#pgtech a#lktecho,
#pgucen a#lkuceno,
#pgcomp a#lkcompo,
#pgfeat a#lkfeat,
#pgopti a#lkopti,
#pgdnlo a#lkdnlo,
#pgtrds a#lktrds,
#pgupgr a#lkupgr,
#pgadon a#lkadon,
#pgcgal a#lkcgal,
#pgdemo a#lkdemo,
#pgldem a#lkldem,
#pgsysr a#lksysr,
#pgoppf a#lkoppf,
#pgtstm a#lktstm,
#pgspec a#lkspec,
#pgpric a#lkpric,
#pgdelr a#lkdelr,
#pghelp a#lkhelp,
#pgaddt a#lkaddt,
#pgtcon a#lktcon,
#pgupda a#lkupda,
#pgnewslet a#lknewslet,
#pghowd a#lkhowd,
#pgsecu a#lksecu,
#pgchat a#lkchat,
#pgchat a#lkchat2,
#pgugal a#lkugal,
#pgcont a#lkcont,
#pgures a#lkures,
#pgusrcert a#lkusrcert,
#pgccon a#lkccon,
#pgloca a#lkloca,
#pgempl a#lkempl,
#pgprsg a#lkprsg,
#pgeinfo a#lkeinfo,
#pggreen a#lkgree,
#pgpres a#lkpres {
padding: 2px 0 2px 2px;
color: #000;
text-decoration: none;
background-color: #6a6a6a;
}

#pgprod li#subprod,
#pgprod_ li#subprod,
#pgfeat li#subprod,
#pgopti li#subprod,
#pgupgr li#subprod,
#pgadon li#subprod,
#pgcgal li#subprod,
#educational-ss li#subprod,
#pgdemo li#subprod,
#pgsysr li#subprod,
#pgtstm li#subprod,
#pgldem li#subprod,
#pgshop li#subshop,
#pgspec li#subshop,
#pgpric li#subshop,
#pgdelr li#subshop,
#pgeinfo li#subshop,
#pgshop_ li#subshop,
#pgtran li#subtran,
#pgtran_ li#subtran,
#pgvide li#subtran,
#pgvide li#subprod,
#pgtutr li#subtran,
#pgques li#subtran,
#pgtech li#subtech,
#pgtech_ li#subtech,
#pghelp li#subtech,
#pgtcon li#subtech,
#pgupda li#subtech,
#pgdnlo li#subtech,
#pghowd li#subtech,
#pgsecu li#subtech,
#pgaddt li#subtech,
#pgtutr li#subtech,
#pgucen li#subucen,
#pgucen_ li#subucen,
#pggreen li#subucen,
#pgchat li#subucen,
#pgchat li#subtran,
#pgugal li#subucen,
#pgcont li#subucen,
#pgures li#subucen,
#pgusrcert li#subucen,
#pgcomp li#subcomp,
#pgoppf li#subcomp,
#pgtrds li#subcomp,
#pgabou li#subcomp,
#pgccon li#subcomp,
#pgloca li#subcomp,
#pgempl li#subcomp,
#pgprsg li#subcomp,
#pgnewslet li#subcomp,
#pgpres li#subcomp {
display: block;
}