/**********************************
* Northern Crossarm CSS Document  *
* Created by: Daniel R. Sarauer   *
* Last Edited: June 10, 2009      *
**********************************/

/*********
* GLOBAL *
*********/
html body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
}

#main {
	background: url(pictures/Pine.gif);
}

/*********
* BORDER *
*********/
#top-left {
	background: url(pictures/border_tl2.gif) no-repeat;
	width: 35px;
	height: 35px;
}

#top-middle {
	background: url(pictures/border_t2.gif) repeat-x;
	width: 800px;
	height: 35px;
}

#top-right {
	background: url(pictures/border_tr2.gif) no-repeat;
	width: 35px;
	height: 35px;
}

#left {
	background: #e0c375 url(pictures/border_l2.gif) repeat-y;
	width: 18px;
}

#middle {
	background: #e0c375;
	width: auto;
	height: auto;
}

#right {
	background: #e0c375 url(pictures/border_r2.gif) repeat-y right;
	width: 19px;
}

#bottom-left {
	background: url(pictures/border_bl2.gif) no-repeat;
	width: 35px;
	height: 35px;
}

#bottom-middle {
	background: url(pictures/border_b2.gif) repeat-x;
	width: 800px;
	height: 35px;
}

#bottom-right {
	background: url(pictures/border_br2.gif) no-repeat;
	width: 35px;
	height: 35px;
}

/*****************
* DROP DOWN MENU *
*****************/
#ddmenu {
	background: url(pictures/nav_plank.gif);
	margin: 0;
	padding: 0;
	height: 35px;
	width: 800px;
}

#ddmenu li {
	float: left;
	height: 35px;
	list-style: none;
	font-family: Verdana, Geneva, sans-serif;
}

#ddmenu li a {
	display: block;
	padding-top: 7px;
	text-decoration: none;
	width: 160px;
	color: #603a08;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
	font-weight: 900;
	font-size: 1.2em;
}

#ddmenu li a:hover {
	text-decoration: underline;
}

#ddmenu li img {
	border: none;
	height: 1em;
	width: 1em;
}

#ddmenu li ul {
	margin: 5px 0 0 10px;
	padding: 5px;
	position: absolute;
	visibility: hidden;
	width: 240px;
	background: #e0c375;
	text-align: left;
	border-left: #cb8934 1px solid;
	border-top: none;
	border-right: #cb8934 1px solid;
	border-bottom: #cb8934 1px solid;
}

#ddmenu li ul li {
	display: block;
}

#ddmenu li ul li a {
	width: auto;
	display: block;
	color: #603a08;
	font-size: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	width: 235px;
	text-align: left;
}

#ddmenu li ul li a:hover {
	text-decoration: underline;
}

/*********
* FOOTER *
*********/
#footer {
	text-align: center;
	font-size: 12px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#footer a {
	color:#036;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
}

#footer a:hover {
	color: #03a;
	font-weight: 900;
	text-decoration: underline;
	text-transform: uppercase;
}

/*************
* SLIDESHOWS *
*************/
#slideshows {
	width: 800px;
	height: 300px;
}

#bluwoodShow {
	width: 300px;
	float: left;
	height: 300px;
	position: relative;
	overflow: hidden;
}

.bluwoodPics {
	height: 300px;
	width: 300px;
	position: absolute;
	top: 0;
	left: 0;
}

#housesShow {
	width: 300px;
	float: left;
	height: 300px;
	position: relative;
	overflow: hidden;
}

.housesPics {
	height: 300px;
	width: 300px;
	position: absolute;
	top: 0;
	right: 0;
}

/**********
* CLASSES *
**********/
.banner {
	border: none;
}

.icon {
	border: none;
	width: 200px;
	height: 56px;
	padding: 2px;
}

.sheading {
	padding-top: 7px;
	width: 800px;
	height: 35px;
	color: #603a08;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	font-weight: 900;
	font-size: 1.1em;
	background: #e0c375 url(pictures/sm_plank.gif) no-repeat;
}

.mheading {
	padding-top: 7px;
	width: 800px;
	height: 35px;
	color: #603a08;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	font-weight: 900;
	font-size: 1.1em;
	background: #e0c375 url(pictures/med_plank.gif) no-repeat;
}

.lheading {
	padding-top: 7px;
	width: 800px;
	height: 35px;
	color: #603a08;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	font-weight: 900;
	font-size: 1.1em;
	background: #e0c375 url(pictures/lrg_plank.gif) no-repeat;
}

.content {
	width: 800px;
}

.icons {
	width: 410px;
}

.note {
	font-size:.8em;
}

.errmsg {
	color:#FF0000;
	font-weight:900;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}

.thenandnow {
	float:right;
}

.dlist {
	list-style-image:url(pictures/document.gif);
	list-style-position:inside;
	text-transform:uppercase;
}

/* Product Classes */
.esplus {font-weight:900; color:#339933; text-decoration:none;}

.borate {font-weight:900; color:#CC3333; text-decoration:none;}

.bluwood {font-weight:900; color:#0066FF; text-decoration:none;}

.columns {font-weight:900; color:#CC9933; text-decoration:none;}

/**********
* SITEMAP *
**********/
#sitemap li {
	text-decoration: none;
	color: #603a08;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 1em;
	font-family: Verdana, Geneva, sans-serif;
}

#sitemap li a {
	text-decoration: none;
	color: #603a08;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 1em;
}

#sitemap li a:hover {
	text-decoration: underline;
}

#sitemap li ul li a {
	text-decoration: none;
	color: #603a08;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 1em;
}

#sitemap li ul li a:hover {
	text-decoration: underline;
}















/*****************
* Global Classes *
*****************
html body {margin:0; padding:0}

.sitewide {background-color: #003399; font-family:Arial, Helvetica, sans-serif; font-size:14px;}


/***************
* Text Classes *
***************
.content {padding:0px; width:600px; text-align:left;}

.contact {text-align:left; font-weight:900;}

.errmsg {color:#FF0000; font-weight:900; text-align:center; padding-top:15px; padding-bottom:15px;}


/****************
* Table Classes *
****************
table.main {width:800px; border:solid #000000 5px; background-color:#ccccff;}

.nav {text-align:left; font-weight:900;}

.header {border-bottom:3px #000000 solid; width:100%; padding-bottom:15px; padding-top:10px; padding-left:25px; padding-right:25px; background-color:#ffffff;}

td.navheading {text-transform:uppercase; text-align:center; background:url(pictures/navheadingv3_blue.gif); border-bottom:2px #000000 solid; border-top:2px #000000 solid; font-weight:900;}

td.dlheading {text-transform:uppercase; text-align:center; background:url(pictures/dlheadingv3_blue.gif); border-bottom:2px #000000 solid; border-top:2px #000000 solid; font-size:24px; font-weight:900;}

td.dlsubheading {text-transform:uppercase; text-align:center; background:url(pictures/dlsubheadingv2.gif); border-bottom:2px #000000 solid; border-top:2px #000000 solid; font-weight:900;}

td.content {border-right:#000000 solid 3px; width:200px;}

table.endorsement {background:#cccccc; border:3px #000000 double; width:90%;}

td.endorsement {border-bottom:2px #000000 solid; padding:5px;}

td.menupic {padding-top:15px; border-top: #000000 3px solid;}

td.sales {padding-bottom:10px; padding-top:10px; border-bottom: #000000 3px solid; text-align:center;}

td.distrib {padding-bottom:10px; padding-top:10px; border-bottom: #000000 3px solid; text-align:center;}

td.otherserv {padding-top:15px; padding-right:15px; width:420px; text-align:left;}

td.endorseheading {text-transform:uppercase; text-align:center; background:url(pictures/navheadingv3_blue.gif); border-bottom:2px #000000 solid; font-weight:900;}

td.endorsesubheading {text-transform:uppercase; text-indent:5px; background:url(pictures/dlsubheadingv2.gif); border-bottom:2px #000000 solid; font-weight:900;}

td.dealer {border-right:#000000 2px solid; text-align:center; width:300px;}

td.builder {text-align:center; width:300px;}

td.forms {text-align:center;}


/***************
* List Classes *
***************
.dlist {list-style-image:url(pictures/pdf.png); list-style-position:inside; text-transform:uppercase;}


/********************
* Paragraph Classes *
********************
p.emhelogo {padding-top:100px; padding-bottom:50px;}


/***************
* Span Classes *
***************
span.note {font-size:.8em;}


/**************
* Div Classes *
**************
div.thenandnow {float:right;}

div.content {padding-left:15px; padding-top:15px; width:570px; text-align:left;}

.bluheading {text-transform:uppercase; text-align:center; background:url(pictures/dlheadingv3_blue.gif); border-bottom:2px #000000 solid; border-top:2px #000000 solid; font-size:18px; font-weight:900;}


/***************
* Form Classes *
***************
.bsignup {text-align:left; padding-left:150px;}
form.nav {padding-left:15px;}


/****************
* Image Classes *
****************
img.emhelogo {border-bottom:2px #000000 solid; border-top:2px #000000 solid;}

img.valid {padding:0; border:0;}

img.states {border:none; padding-top:10px;}

img.statesbig {border:none; padding-top:10px; padding-bottom:10px;}

img.logo {border:none;}

.banner {border-bottom:3px; border-bottom-color:#000000; border-bottom-style:solid; width:100%;}

img.thenandnow {border:#000000 3px solid;}

img.otherserv {padding:15px;}

img.slideshow {width:300px; height:300px; padding:0px; border:0px;}


/***********************
* Global Link  Classes *
***********************
a.nav {text-transform:uppercase; text-decoration:none; color:#000000; padding-left:5px;}

a.nav:hover {text-transform:uppercase; text-decoration:underline; color:#0033CC; padding-left:25px;}

a.nav:visited {text-transform:uppercase; text-decoration:none; color:#000000; padding-left:5px;}

a.nav:visited:hover {text-transform:uppercase; text-decoration:underline; color:#0033CC; padding-left:25px;}


/*****************
* Footer Classes *
*****************
div.footer {color:#cccccc; font-size:10px; text-align:center; padding-top:25px;}

a.footer {color:#cccccc;}

a.footer:hover {color:#999999}

a.footer:visited {color:#cccccc;}


/******************
* Product Classes *
******************
.acq {font-weight:900; color:#339933; text-decoration:none;}

.esplus {font-weight:900; color:#339933; text-decoration:none;}

.borate {font-weight:900; color:#CC3333; text-decoration:none;}

.bluwood {font-weight:900; color:#0066FF; text-decoration:none;}

.columns {font-weight:900; color:#CC9933; text-decoration:none;}*/