/***** Page Formating ******/

body {
	margin: 0;
	text-align: center;
	background: url(/images/nu-home_back.gif); /*  Old browsers */
	background: url(/images/nu-home_back.gif); /* FF3.6+ */
	background: url(/images/nu-home_back.gif); /* Chrome,Safari4+ */
	background: url(/images/nu-home_back.gif); /*Chrome10+,Safari5.1+*/
	background: url(/images/nu-home_back.gif); /* Opera 11.10+ */
	background: url(/images/nu-home_back.gif); /* IE10+ */
	background: url(/images/nu-home_back.gif); /* W3C */
}

#slider {margin: 0 0 10px!important;}

/*** #wrapper fixes the width of the page. Currently 1000 pixels.  ***/	   
#wrapper {
	text-align: left;
	width: 1000px;
	margin: 0 auto;
	margin-top: 20px;
	border: none;
	background-color: #FFFFFF;
	-webkit-box-shadow: 2px 2px 6px 2px #666;
	box-shadow: 2px 2px 6px 2px #666;
}

#header {
	width:100%;
	text-align: center;
}

#header img {width:100%;height:auto}

#content {
	overflow: hidden;
	background-color: #FFF;
}

#buildertrend {
	overflow: hidden;
	background-color: #FFF;
	padding: 20px;
	min-height: 510px;
}

/*** #left ***/
#left {
	float:left;
	width: 158px;
	padding: 20px;
	background: url(/images/13_WoodLT.png) repeat-y top;
	padding-bottom: 3000px;
	margin-bottom: -3000px;
	min-height: 510px;
}

/*** #right  ***/
#right {
	float:right;
	width: 758px;
	padding: 20px;
	min-height: 510px;
}

#footer {
	clear:both;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	visibility: visible;
	position: relative;
}

/****** Text Formatting ******/
.sectnhd {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold}
.tiny {
	font-size: 8px;
	font-family: "Courier New", Courier, mono;
}
.big { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px ; font-weight: normal}
.error {color:#FF0000;}
.red {color:#CC0000;}
.white {color:#FFFFFF;}
.normal {font-size: 12px; color:#000000;}
.gray {color:#CCCCCC;}

.bkg_white {	background-color:#FFFFFF;}
.bkg_yellow {
	background-color:#FFFF99;
}
.bkg_grey {
	background-color:#999999;
}
.bkg_brown {
	background-color:#993300;
}
.bkg_green {
	background-color:#336600;
}



.imgborder {
	border-top: 4px;
	border-right: 4px;
	border-bottom: 4px;
	border-left: 4px;
	border-color: #000000;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}


/*** LEFT Text Formatting ***/

#left a:link {
	color:#00F;
	text-decoration: underline;
}
#left a:visited {
	color:#333;
	text-decoration: underline;
}
#left a:hover {
	color:#903;
	text-decoration: none;
}
#left p {
	color: #333;
}
#left ul li {font-size: 12px;list-style-type: square;}

#left H1	{font-size: 18px;color:#000;}
#left H2	{font-size: 16px;color:#000;}
#left H3	{
	font-size: 14px;
	color:#333;
	font-weight: bold;
}
#left H4	{
	font-size: 12px;
	color:#666;
	font-weight: bold;
}
#left H5	{font-size: 11px;font-weight: normal;color:#000;}
#left H6	{font-size: 9px;font-weight: normal;color:#000;}


/*** FARRIGHT Text Formatting ***/

#farright li {
	color:#000;
	margin-left:-16px
}


/*** RIGHT Text Formatting ***/

#right a:link {
	color:#875C6C;
	text-decoration: underline;
}

#right a:visited {
	color:#36F;
	text-decoration: underline;
}

#right a:hover {
	color:#C36;
	text-decoration: underline;
}

#right img {
	color:#FFFFE6;
	text-decoration: none;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
}
/* ******
#right ul li {
	font-size: 12px;
	list-style-type: disc;
	color: #333;
}
******* */
#right ol li {
	font-size: 12px;
	list-style-type: decimal;
	color: #333;
}

#right td {
	font-size: 12px;
	color: #333;
}

#right td.form_text_shaded {
	color: #000000;
	text-decoration: none;
	background-color: #999;
	font-weight: bold;
}

#right td.H3-like_text {
	color:#333;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}

#right H3 a:link {
	text-decoration: underline;
	color: #336666;
}

#right H3 a:visited {
	text-decoration: underline;
	color: #336666;
}

#right H3 a:hover {
	text-decoration: underline;
	color: #76B177;
}

/*** Footer Text Formatting ***/
#footer p {
	margin-top: 5px;
	color:#900;
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
}

/* #footer a {
	font-size: 12px;
} */

#footer a:link {
	color:#00F;
	text-decoration: underline;
}

#footer a:visited {
	color:#999;
	text-decoration: underline;
}

#footer a:hover {
	color:#F00;
	text-decoration: underline;
}

#footer .copyright {
	font-size: 9px;
	color: #900;
	font-style: italic;
}

/*** General Text Formatting ***/

H1, H2, H3, H4, H5, H6	{
	color: #900;
	font-style: normal;
	font-weight: bold;
}

H1	{font-size: 20px;}
H2	{font-size: 17px;}
H3	{font-size: 14px;}
H4	{font-size: 12px;font-weight: normal;}
H5	{font-size: 11px;font-weight: normal;}
H6	{font-size: 9px;font-weight: normal;}

p, td, li {
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #333;
}
.error {
	color: #FF0000;
}

.H3-like_text {
	color:#333;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}

/*** Contact Text Formatting ***/
.FormText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
}


/* ==========================================================================
   Media Queries for Responsive Design -- Common resolutions include:
  		320px portrait width of smartphones
  		768px portrait width of tablets
  		1024px landscape width of tablets (and netbook/desktop monitors)
   ========================================================================== */
@media screen and (max-width: 960px) {
	#wrapper {width: 802px; }
	#left {width: 20%;padding: 0 1% 0 2%;}
	#right {width: 73%;padding: 0 2%;}
}
@media screen and (max-width: 758px) {
	#wrapper {width: 568px; }
	#left {width: 22%;padding: 0 1% 0 2%;}
	#right {width: 71%;padding: 0 2%;}
   }
@media screen and (max-width: 555px) {
	#wrapper {width: 480px; }
	#left {width: 30%;padding: 0 1% 0 2%;}
	#right {width: 63%;padding: 0 2%;}
}
@media screen and (max-width: 397px) {
	#wrapper {width: 324px; }
	#left {display:none;/*width: 100%;padding: 0;clear:both;min-height:0;*/}
	#right {float:left;width: 94%;padding:4px 8px 0 8px;clear:both;min-height:0;}
	
}

/* ==========================================================================
   Print styles. Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group; /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}