/*================================================================================
				TITLE:	Default Style Sheet
		   CLIENT:	CaliforniaBuild.net
  TARGET SPEC:	CSS-2
			VERSION:	1.0
==================================================================================*/

a { color: #004577; text-decoration: underline; }
a:hover { color: #004577; text-decoration: none; }

html, body { padding: 0px; margin: 0px; border: 0px; color: #fff; }
input,textarea,select {font-size: 10px; font-family: verdana, arial, helvetica, times;}

body { background: #ceaa7a; margin-bottom: 30px; }
body, table { color: #202020; font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 1.63; }

table, td, div, img { margin: 0px; padding: 0px; }
td { vertical-align: top; }

img { border: none; margin: 0px; padding: 0px; }

sup { font: normal 8px Verdana, Arial, Helvetica, sans-serif; }

h1 {
	color: #004577;
	margin: 0px 0px 10px 0px;
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 3px solid #d0d0d0;
}


h2 {
	display: block;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 5px 0px;
	color: #202020;
}

h3 {
	display: block;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 6px 0px;
	color: #004577;
}

ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style: square outside;
}

ul li {
	margin: 3px 10px 3px 10px;		
}

h1 + p, h2 + p, h3 + p, h4 + p, .Header1 + p, .Header2 + p, .Header3 + p, .Header4 + p, p:first-child { margin-top: 0px; }
p + h1, p + h2, p + h3, p + h4, p + .Header1, p + .Header2, p + .Header3, p + .Header4 { margin-top: 30px; }
ul + h1, ul + h2, ul + h3, ul + h4, ul + .Header1, ul + .Header2, ul + .Header3, ul + .Header4 { margin-top: 30px; }
ol + h1, ol + h2, ol + h3, ol + h4, ol + .Header1, ol + .Header2, ol + .Header3, ol + .Header4 { margin-top: 30px; }
ul:last-child, p:last-child { margin-bottom: 0px; }

.BorderedPicLeft, .PicLeft, .QuickLinkPic { float: left; margin: 0px 10px 8px 0px; }
.BorderedPicRight, .PicRight { float: right; margin: 0px 0px 8px 10px; }
.QuickLinkPic { background: #fff; padding: 2px; border: 1px solid #a0a0a0; }
.BorderedPicLeft, .BorderedPicRight { border: 1px solid #a0a0a0; } 
.BorderedPicCenter { border: 1px solid #a0a0a0; display: block; margin: 10px auto 20px auto; }
.SponsorPic { float: left; border: 1px solid #fff; background: #707070; width: 98px; height: 58px; margin: 0px 10px 0px 0px; }

.HeaderImage { padding-bottom: 10px; border-bottom: 1px solid #cc9; margin-bottom: 20px; }



/*-----------------------------------------------
						MAIN LAYOUT SECTIONS
-----------------------------------------------*/

.CenteredContainer { margin: 0px auto 0px auto; padding: 0px; width: 760px; }

#topSection, #primaryNav, #contentSection { background: #fff; color: #202020; }
#topSection { height: 100px; padding-top: 15px; }
#topBannerAd { float: right; margin-top: 20px; }

#primaryNav { 
	padding: 0px;
	height: 30px;
	margin: 0px;
}
#primaryNav a { display: block; float: left; zoom: 1; height: 30px; }
#primaryNav img { margin: 0px }


#subNav { 
	margin: 0px 0px 20px 0px;
	padding: 0px;
}


#contentSection .CenteredContainer { width: 710px; padding: 30px 0px 30px 0px; }
#contentSection2 .CenteredContainer { width: 710px; padding: 30px 0px 10px 0px; }

td.Sep { width: 60px; background: url("/bf/bfweb/CaliforniaBuild.net/images/column_sepdots.gif") repeat-y; }
#contentSection2 td.Sep { width: 60px; background: url("/bf/bfweb/CaliforniaBuild.net/images/column_sepdots2.gif") repeat-y; }

.LayoutSub1 #col1 { width: 180px; }
.LayoutSub1 #col2 { width: 290px; }
.LayoutSub1 #col3 { width: 120px; }

.LayoutHome #col1 { width: 270px; }
.LayoutHome #col2 { width: 380px; }
.LayoutHome #col3 { width: 270px; }
.LayoutHome #col4 { width: 380px; }
.LayoutHome #col3 p { margin-top: 40px; }
.LayoutHome #col4 div { margin-left: 130px; }

#footerSection {
	clear: both;
	padding-top: 15px;
	text-align: center;
	font: normal 9px Verdana, Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.66;
}
#contentSection2 table, #contentSection2 a, #footerSection, #footerSection a { color: #fff; }

.ClearingBlock {
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
}

.SpacerBlock {
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	height: 20px;
}

.ScrollingFeatureBox {
	height: 200px;
	overflow: auto;
	border-top: 3px solid #d0d0d0;
	border-bottom: 3px solid #d0d0d0;
}


.borderR { border-color:#bda87f; border-right-width:1px; border-right-style:solid }

.hdrbar	{ background-image:url('/bf/bfweb/CaliforniaBuild.net/images/tanbar.jpg'); background-repeat:repeat-x; background-position:center; }
.hdrbartxt	{ color:#004c89; font-size:13px; font-weight:bold; padding-left:6px; padding-right:6px}


.nav {cursor:pointer; font-size: 12px; font-family: verdana, arial, helvetica, times; color: #edeede; font-weight: bold;}
.navul { background-color:#bda87f; }


a.nav:link {text-decoration:none; color: #edeede; font-weight: bold;}
a.nav:visited {text-decoration:none; color: #edeede; font-weight: bold;}
a.nav:hover {text-decoration:none; color: #edeede; font-weight: bold;}
a.nav:active {text-decoration:none; color: #edeede; font-weight: bold;}

a.snav:link {text-decoration:none; color: #000000; font-weight: bold;}
a.snav:visited {text-decoration:none; color: #000000; font-weight: bold;}
a.snav:hover {text-decoration:underline; color: #004c89; font-weight: bold;}
a.snav:active {text-decoration:underline; color: #004c89; font-weight: bold;}

a.snavh:link {text-decoration:none; color: #004c89; font-weight: bold;}
a.snavh:visited {text-decoration:none; color: #004c89; font-weight: bold;}
a.snavh:hover {text-decoration:underline; color: #004c89; font-weight: bold;}
a.snavh:active {text-decoration:underline; color: #004c89; font-weight: bold;}

a.wlink:link {text-decoration:none; color: #FFFFFF; font-weight: bold;}
a.wlink:visited {text-decoration:none; color: #FFFFFF; font-weight: bold;}
a.wlink:hover {text-decoration:underline; color: #FFFFFF; font-weight: bold;}
a.wlink:active {text-decoration:underline; color: #FFFFFF; font-weight: bold;}

a.glink:link {text-decoration:none; color: #e5e5e5; font-weight: bold;}
a.glink:visited {text-decoration:none; color: #e5e5e5; font-weight: bold;}
a.glink:hover {text-decoration:underline; color: #e5e5e5; font-weight: bold;}
a.glink:active {text-decoration:underline; color: #e5e5e5; font-weight: bold;}

a.blink:link {text-decoration:none; color: #004577; font-weight: bold;}
a.blink:visited {text-decoration:none; color: #004577; font-weight: bold;}
a.blink:hover {text-decoration:underline; color: #004577; font-weight: bold;}
a.blink:active {text-decoration:underline; color: #004577; font-weight: bold;}

a.hlink:link {text-decoration:none; color: #ceaa7a; font-weight: bold;}
a.hlink:visited {text-decoration:none; color: #ceaa7a; font-weight: bold;}
a.hlink:hover {text-decoration:underline; color: #ceaa7a; font-weight: bold;}
a.hlink:active {text-decoration:none; color: #ceaa7a; font-weight: bold;}

a.flink:link {text-decoration:none; color: #000000;}
a.flink:visited {text-decoration:none; color: #000000;}
a.flink:hover {text-decoration:underline; color: #004c89;}
a.flink:active {text-decoration:underline; color: #004c89;}

.shdr {color:#004577; font-family: verdana, arial, helvetica, times; font-size:13px; font-weight:bold}
.hdr {color:#004577; font-family: verdana, arial, helvetica, times; font-size:17px; font-weight:bold}
.ahdr {color:#004577; font-family: verdana, arial, helvetica, times; font-size:12px; font-weight:bold}

a.tlink:link {color: #004c89; font-weight: bold;}
a.tlink:visited {color: #004c89; font-weight: bold;}
a.tlink:hover {color: #bda87f; font-weight: bold;}
a.tlink:active {color: #bda87f; font-weight: bold;}

a.alink:link {text-decoration:none; font-size: 9px; color: #004c89; font-weight: bold;}
a.alink:visited {text-decoration:none; font-size: 9px; color: #004c89; font-weight: bold;}
a.alink:hover {font-size: 9px; color: #bda87f; font-weight: bold;}
a.alink:active {font-size: 9px; color: #bda87f; font-weight: bold;}

.topHeader {font-size:30px; font-weight:bold; color:#003366}
.topHeaderTM {font-size:24px; font-weight:bold; color:#003366}
.topHeaderBP { font-size:18px; font-weight:bold; font-family: Times New Roman; color: #000000;}
.topHeaderBP2 { font-size:14px; font-weight:bold; font-family: Times New Roman; color: #000000;}


.primaryAd {
	border-color: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: white;
}

.secondaryAd {
	border-color: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: white;
}

.logoListing {
	background-color: #eeeedd;
}

.credentials {
	background-color: #ffffff;
}

.searchLogo {
	border-color: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: white;
}

.blueBorderT {
	border-color: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.blueBorderT2 {
	border-color: #000000;
	border-style: solid;
	border-top-width: 4px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.blackBorderT {
	border-color: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.blackBorderB {
	border-color: #000000;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}

.blackBorderTL {
	border-color: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
}

.blackBorderL {
	border-color: #000000;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
}

.blackBorderTLR {
	border-color: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
}

.blackBorderTBLR {
	border-color: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.blackBorderTR {
	border-color: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.blackBorderR {
	border-color: #000000;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.outsetBorderTBLR {
	border-style: outset;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
}

td.dots {background: transparent url('/bf/bfweb/CaliforniaBuild.net/images/dots.gif') bottom left repeat-x; vertical-align: bottom; text-align: left}
span.dots {background-color: #eeeedd; padding-right: 0.5em;}



/*********************** Menu Stuff ***********************/
.clsTopLink {
	font-family: verdana;
	font-size: 12px;
	font-weight:bold;
	color:white;
}

.clsCMOn {
	color: black;
	font-size : 12px;
	text-decoration : none;
   padding: 2px 4px;
	font-weight:bold;
}

.clsCMOver {
	color: white;
	font-size : 12px;
	text-decoration : none;
   padding: 2px 4px;
	font-weight:bold;
}

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#003366; layer-background-color:#003366; visibility:hidden; font-size:12px; font-weight:bold}

/*Styles for level 0*/
.clPipe,.clLevel0,.clLevel0over{position:absolute; padding-top:3px; font-family:Verdana,arial,helvetica; font-size:12px; font-weight:bold}
.clLevel0{background-color:#003366; layer-background-color:#003366; color:edeede;}
.clLevel0over{background-color:#003366; layer-background-color:#003366; color:#FFFFFF; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#003366; layer-background-color:#003366}

/*Styles for level 1*/
.clLevel1, .clLevel1over, .clLevel1TopLine, .clLevel1overTopLine{top:0px; left:0px; position:absolute; padding:2px; font-family:Verdana, arial,helvetica; font-size:10px; font-weight:bold}
.clLevel1{background-color:#ceaa7a; layer-background-color:#ceaa7a; color:black;}
.clLevel1TopLine{background-color:#ceaa7a; layer-background-color:#ceaa7a; color:black; border-top: 1px solid black;}
.clLevel1over{background-color:#000000; layer-background-color:#000000; color:#ffffff; cursor:pointer; cursor:hand; }
.clLevel1overTopLine{background-color:#000000; layer-background-color:#000000; color:#000000; cursor:pointer; cursor:hand; border-top: 1px solid black;}
.clLevel1border{position:absolute; visibility:hidden; background-color:#000000; layer-background-color:#000000}
.clLevel1Par{color:#666666;font-size:9px;}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:Verdana, arial,helvetica; font-size:10px; font-weight:bold}
.clLevel2{background-color:#eeeedd; layer-background-color:#eeeedd; color:black;}
.clLevel2over{background-color:#000000; layer-background-color:#000000; color:#FFFFFF; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#000000; layer-background-color:#000000}

/*************************************************************************/
