body {font-family:Arial, Helvetica, sans-serif; font-size:12px; }

img {border:none; }

.b1 {border: 1px solid #777; }


#logo {
	float:left;
	width:156px;
	position:relative;

}



ul{
	margin:4px;
	padding-left:15px;
}

ol {
	margin-top:3px;
}


#banner	{
	font-size: 22px;
	font-weight: bold;
	color:#fff;
	height: 85px;
	background-image: url(images/banner-truss.jpg);
	width:728px;

	float:right;
}

	#slogan {  
		padding:28px 0 0 7px;
		display:block;

	}

hr.dash {
	width: 100%;
	text-align:center;
	height: 2px;/*whatever the total width of the border-top and border-bottom equal*/
	border-top-color:#DFD5C2;
	border-top-style: dashed;
	padding:0;
	margin:0;
} 

div#nr_card_upload{  
	display:none;

}

div#lic_app_upload{  
	display:none;

}

.pullquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#A16C00;
	font-size: 14px;
	line-height: 130%;
	padding:3px;
}

.quoteattrib {
	font-family: Arial, Helvetica, sans-serif;
	color:#4A3100;
	font-size: 10px;
	padding:2px;
	text-align:right;
}

.contact {
	list-style:none;
	margin:0px;
}

.small { 
		margin: .1em 1em 0em 0em;
		padding:10px;
		vertical-align:text-top
}


.intro	{font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #666;
	padding:0px ;
	margin:-4px 7px 5px 0px;
	line-height:150%;
}

.errorText {
	font-weight:bold;
	color:#FF0000;
	font-size:medium;
}


A 			{ text-decoration:underline; 	color:#12400f; }
A:hover 	{ text-decoration: none;		color:#435b6e;  }
#footer A 	{								color:#fff; }

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding:0 0px 10px 00px;
	background-color:FDFDE6;
}

.content a {
	text-decoration:underline;
	font-weight:bold;
	color:#12400f;
}

.content a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

#rightcol a {
	text-decoration:underline;
	font-weight:normal;
	color:#233b5e;
}

#rightcol a:hover {
	text-decoration:none;
	font-weight:normal;
	color:#233b5e;
}

#rightcol ul {
	list-style-type:circle;
	padding:0px 0px 0px 16px;
	margin:0px;
}

div 
.bodySmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

div#login {
	display:none;
}



.privacy {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	width:750px;
	text-align:center;
}

.bodyTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.bodyBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
}

.borderMap {
	border-style: solid;
	border-color: #7F7F7F;
	border-width: 1pt;
}

/*  top, right, bottom, left  */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #336633;
       /*  top, right, bottom, left  */
	margin:5px  5px  10px  0px;
	padding:0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #336633;
	text-transform:uppercase;
	margin:10px 0 0 0px;
	padding:0px 0px 0px 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #660000;
	margin:10px 0 -2px 0px;
	clear: both;
}

h2+p {
	padding:0px 0 0px 0;
}

p {
	padding:10px 0px 0px 0px;
	margin:0px;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
	padding-top:5px;
	padding-bottom:5px;
}


/*       FORMS    ----------------------------                  */
form { background-color:#FFFFfc; padding:2px; margin:0 10px 0 10px; width: 790px; }

fieldset {
	float: left;
	clear: left;
	width:100%;
	margin: 0 0 -1em 0 ;
	padding: 20px 2px 2em 15px;
	border-style:none;
	border-top: 1px solid #e4e4be;
	background-color:#ffffe9;

/*	border-radius:5%; /* Don't expect this to work on IE6 or 7 */
/*			-moz-border-radius:5%;
			-webkit-border-radius:5%;*/
	
}

	fieldset.alt { background-color:#f4f4e0; }

legend {
	margin-left: -5px;
	top:3em;
	padding: 0 0px 5px 0px;
	color: #336633;
	font-weight:bold;
	font-size:1em;
}

legend span {
	position:absolute;
	margin-top:0.4em;
	margin-left:.1em;
	font-size:110%;
	
	width:800px;

}

fieldset ol {
	padding: 0em 0em 0 0em;
	margin:5px 0 0 0 ;
	list-style: none;
	/*display:block;*/
	clear:both;
	overflow:hidden;
}
fieldset li {
	padding-bottom: .7em;
	padding-right: 1em;
	float:left;
}

fieldset li.long { 
	width:350px; margin-bottom:5px; margin-right:2em;
	/*border-bottom:1px solid #ccb;*/
	
}



li.submit input {
	margin-left:9.2em; width:auto; 
}

fieldset label {
	float: left;
	width: 10em;
	/*width:auto;*/
	margin-right: .3em;
	text-align: right;
	padding-top:2px;
}

fieldset li + li label { width:auto; } /* for any <li> that's not the first, don't set a width, thus no fixed indenting */

fieldset label.auto {
	width:auto;
}

fieldset input { border: 1px solid #999;  }

fieldset input.long {
	width:420px;		
}



fieldset select, fieldset input[type=text] {
	width:150px;	
}

fieldset.submit {  padding-top:15px; }

fieldset.submit ol { margin-left:3em; }

fieldset fieldset {
	width:500px;
	background-image:url(/images/bg-dark05.png);
	background-color:transparent;
	margin:.4em 0 .4em 0;
	border:1px solid #E4E4BE;
	padding-bottom:0px;
	padding-top:0;

}

	fieldset fieldset label {
		width:4em;
	}
	
	fieldset fieldset label.long {
		width:7em;
	}
	
	
	fieldset fieldset input.small {
		width:1em;
	}
	
	fieldset fieldset li.longx {
		width:270px;	
		
	}

input[type=radio], input[type=checkbox], li.req input[type=checkbox], li.req input[type=radio] { margin-left:0; border:none;}

li.req { color:#900; font-weight:bold; }

li.req  label {
	font-weight:bold;
	color:#900;

}

li.req input, li.req select {
	border: 1px solid #900;
	background-color:#FFfcf8;
	
}


li.req input[type=checkbox], li.req input[type=radio] { background-color:transparent; width:auto; }


li input:focus, li select:focus { background-color:#eeffee;   }

li.clear {clear:both; }

button {
	background-color:#600;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:none;
	color:#fff;
	font-size:10pt;
	padding:1px;
}

button:hover {
	background-color:#090;
}

input.button, input[type=button] {
	background-color:#070;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:none;
	color:#fff;
	font-size:10pt;
	padding:5px;
	height:auto;
	overflow:visible;
}

input.button:hover, input[type=button]:hover {
	background-color:#090;
}




/*  TABLES  */

table.specs {
	margin:10px 3px 3px 10px; 
	padding:1px;
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	background-color:#fffff6;
	border-collapse:collapse;
	border: 1px solid #FFFC00;
	width:100%;
}

.specs td:first-child, .spectype {
	padding-right:10px;
	text-align:right;
}

.specs td:first-child+td, .specdata  { 
	text-align: left; 
	padding-left:10px;
	color:#c00;
}

.specs th {
	font-size:13px;
	background-color:#FFFC00;
	color:#ffffff;
	padding:4px;
	text-align:center;
}

.specs tr.odd {
	background-color: #FFF1D6;
}

.specs tr.even {
	background-color: #FFE8BA;
}

.specs caption {

}

td.on {
	font-size:1.3em;
	background-color:#fff;
	border:1px solid #666;
	padding:2px;
}

td.highlight {
	background-color:#eed;
}

td.highlight:hover {
		background-color:#fff;
}

td.highlight a {
	padding:9px 3px 9px 3px;
}