/* CSS Document */

/* IE 6 Hacks */
@import url(rrStyles_ie6Win.css);




/* The file below is ONLY read by IE5/Mac.
	Makes use of the Band Pass Filter: 
	http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "seoWebPromote_ie5Win.css";
/**/


/* HTML styles */
html {
	margin: 0px;
	padding: 0px;
	}
	
body{
		background-color: #3E2616;
		background-image: url(../images/background.gif);
		background-repeat: no-repeat;
		text-decoration: none;
		font: 12px/17px helvetica, arial, sans-serif; 
		color: #333333;
		margin: 0px; 
		padding: 0px;
		}
	
a:link {
		color: #284C8E;
		text-decoration: none;
		font-weight: bold;
		}

a:hover {
		color: #A17650;
		}
	
a:visited {
			color: #284C8E;
			text-decoration: none;
			font-weight: bold;
			}
		
		
div, li, ol, ul{
		text-decoration: none;
		font: 12px/17px arial, helvetica,sans-serif; 
		color: #000;
		margin: 0px; 
		padding: 0px;
		}
		
		
.bold{font-weight:bold;}

.italic{font-style:oblique}

form {margin: 0;}

	
p,h1,pre {
	margin:0px 0px 0px 0px;
	}
	
/* Holds the position and with of the main window */	
#container {
	position:absolute;
	left:50%;
	top: 40px;
	width:846px;
	margin-top:0px;
	margin-left:-423px;
	padding:0px;
	visibility: visible;
	border: solid 1px #3E2616;
	}

#TopBanner{
	background-color: #3B63AC;
	background-image: url(../images/TopBanner.gif);
	background-repeat: no-repeat;
	height: 112px;
	width: 846px;
	}
		
	
#logoLeft {
	float: left;
	width: 365px;
	margin: 25px 0px 0px 192px;
	padding: 0px;
	height: 73px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	}

#logoLeft li {
	list-style: none; 
	margin: 0; 
	padding: 0; 
	display: inline;
	}
	
#logoLeft li a:link, #logoLeft li a:visited {
	display: block; 
	float: left;
	height: 73px;
	width: 365px;
	}
	
#logoLeft li a:hover {background-image: url(../images/logoOver.gif);}

#logoLeft span {display: none;}

#tagLineRight {
	float: right;
	width: 165px;
	height: 73px;
	margin-top: 27px;
	margin-right: 10px;
	background-image: url(../images/tagLineRight.gif);
	background-repeat: no-repeat;
	}
	
			
#tagLineRight span {
	display:none;
	}
	

#photoBanner{
	background-color: #381B08;
	height: 127px;
	width: 846px;
	border-top: 1px solid #381B08;
	border-bottom: 1px solid #381B08;
	}

#photoBanner img {
	border: 1px solid #BBC2D2;
	margin: 0px 0px 0px 1px;
	}

/* Holds the position of the white area containing the side menu and text */	
div.spacer {
  clear: both;
  }
  
#mainWrapper{
	background-color: #E2DAC8;
	margin-left: 0px;
	margin-top: 0px;
	width:846px;
	}
	

#leftCol{
   float: left;
   padding : 10px 0px 0px 0px;
   width: 150px;
	}
	
#menubar{
   height : 518px;
   width : 150px;
  }
	
#content{
   background-image: url(../images/dottedLine.gif);
   background-repeat: repeat-y;
   float: right;
   width: 678px;
   height: 100%;
   margin: 20px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
	}
	
	
/* Side Navigation */
	
#sideNav{
	width: 150px;
	font: normal 11px/17px arial, helvetica,sans-serif;
	text-decoration: none;
	margin-left: 0px;
	margin-top: 25px;
	padding: 0px;
	}

#sideNav ul{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	}

#sideNav li{
	font: normal 12px/18px  arial, helvetica,sans-serif;
	text-decoration: none;
	margin-left: 13px;
	margin-top: 0px;
	}

#sideNav a {
	display: block;
	color: #284C8E;
	padding: 1px 0px 1px 10px;
	width: 140px;
	}
		

#sideNav a:link, #sideNav a:visited{
	color: #284C8E;
	text-decoration: none;
	background: transparent url(../images/menuBox.gif) left center no-repeat;
	font: bold 12px/18px  arial, helvetica,sans-serif;
	}

#sideNav a:hover, #sideNav a#current:hover{
	color: #3E2616;
	}
	
	
/*sub nav*/
#sideNavSub ul{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	}

#sideNavSub li{
	font: normal 12px/18px  arial, helvetica,sans-serif;
	text-decoration: none;
	margin-left: 16px;
	}

#sideNavSub a {
	display: block;
	color: #284C8E;
	padding: 1px 0px 1px 10px;
	width: 140px;
	}
	


#sideNavSub a:link, #sideNavSub a:visited{
	color: #284C8E;
	text-decoration: none;
	background: transparent url(../images/spacer.gif) left center no-repeat;
	font: bold 12px/18px  arial, helvetica,sans-serif;
	}

#sideNavSub a:hover, #sideNavSub a#current:hover{
	color: #3E2616;
	}
	
	
#sideNav a#current {
	color: #000;
	text-decoration: none;
	width: 160px;
	}


	

/* sets the width of the columns */	
#leftSide{
	float: left;
	width: 415px;
	margin: 10px 10px 0px 20px;
	}
	
#rightSide{
	float: right;
	width: 210px;
	margin: 10px 10px 0px 0px;
	}
	
#leftSideAbout{
	float: left;
	width: 405px;
	margin: 10px 10px 0px 20px;
	}
	
#rightSideAbout{
	float: right;
	width: 230px;
	margin: 10px 10px 0px 0px;
	}
	
#fullCol{
	float: left;
	width: 640px;
	margin: 10px 10px 0px 20px;
	}

/*image viewer*/
.imageViewer{
	width: 640px;
	}
	
#content h1 {
	font: bold 20px/24px  arial, helvetica,sans-serif;
	color: #3E2616;
	margin-left: 20px;
	margin-top: 10px;
	}

	
#content h2 {
	font: bold 18px/18px Georgia, "Times New Roman", Times, serif;
	color: #3E2616;
	text-decoration: none;
	font-style:oblique;
	margin-left: 20px;
	}	

#content h3 {
	font: bold 16px/16px Georgia, "Times New Roman", Times, serif;
	color: #5D1B00;
	text-decoration: none;
	font-style:oblique;
	}	
#content p {
	font:13px/18px Georgia, "Times New Roman", Times, serif;
	color: #5D1B00;
	}
	
#content a {
	color: #284C8E;
	text-decoration: none;
	font-weight: normal;
	}

#content a:hover {
	color: #A17650;
	}
	
#content .italic{ font-style:oblique}

#content .bold{font-weight:bold;}

#content img {
	border: 1px solid #381B08;
	margin: 0px 0px 0px 0px;
	}
	
.imageBorder{
	border: 1px solid #381B08;
	margin: 0px 0px 0px 0px;
	}
	
#content .noBorder{
	border: 0px;
	margin: 0px 0px 0px 0px;
	}

#content p.rollover{
	font: bold 10px/14px Arial, Helvetica, sans-serif;
	color: #3E2616;
	}



/* list box in body */
#content ul{
	text-align: left;
	padding: 0px;
	margin: 0px;		
	width: 415px;
	font: normal 12px/18px Georgia, "Times New Roman", Times, serif;
	color: #5D1B00;
	position: relative;
	}

#content li{
	padding: 0px 0px 0px 15px;
	text-align: left;
	font: normal 13px/18px Georgia, "Times New Roman", Times, serif;
	color: #5D1B00;
	list-style-type: none;
	background: transparent url(../images/menuBox.gif) left 4px no-repeat;
	}
	
#content li.subcat {
	padding: 0px 0px 0px 0px;
	text-align: left;
	font: normal 12px/18px helvetica, verdana, lucida, sans-serif;
	color: #333;
	list-style-type: none;
	list-style-image: url(../images/blueBullet.gif);
	list-style-position: outside;
	margin: 0px 0 0px 10px;
	}
	
	

#pageTop p {
	font: normal 12px/18px  arial, helvetica,sans-serif;;
	color: #284C8E;
	}
	
#bottom{
	margin-top: 20px;
	float: right;
	font:12px/17px helvetica,verdana,arial,sans-serif;
	color: #666666;
	width: 618px;
	}
	
#bottomLeftSide{
	float: left;
	width: 350px;
	margin: 0px 20px 0px 0px;
	}
	
#bottomRightSide{
	float: right;
	width: 240px;
	margin: 0px 0px 0px 0px;
	}
	
	
#footer p {
	font: normal 11px/18px Helvetica, verdana, arial, sans-serif;
	color: #666666;
	text-align: left;
	background-color: #E2DAC8;
	margin-left: 0px;
	padding-left:190px;
	padding-right: 20px;
	}
	
#footer p.copyright{
	font: bold 10px/14px Arial, Helvetica, sans-serif;
	text-align:right;
	color: #3E2616;
	
}
	

/* Form Styles */

#profileForm table {
	width: 678px;
	border-top: 1px solid #7C1515;
	padding: 5px;
	border: 1px solid #7C1515;
	 } 

#profileForm td { 
	width:450px; 
	 }
  
.formlabel {
	font: bold 13px/18px Georgia, "Times New Roman", Times, serif;
	color: #5D1B00;
	padding: 7px 0px 0px 0px;
	
	}

  
.formfield {
	font: 12px  Verdana, Arial, Helvetica, sans-serif ;
	color:#000;	
	width:596px;
	text-align: left; 
	background-color: transparent;
	padding: 0px 0px 3px 0px;
	margin-right: 0px;
	}
	
.formfield input {
	background-color: #F7EDCB;
	border:solid 1px #5D1B00;
	font: 12px  Verdana, Arial, Helvetica, sans-serif;
	color:#3E2616;
	width:596px;
	text-align: left;
	margin-right: 0px;
	background-image: none;
	}
	
.formfieldDiv {
	font: 12px  Verdana, Arial, Helvetica, sans-serif ;
	color:#000;	
	width:290px;
	text-align: left; 
	background-color: transparent;
	padding: 0px 0px 3px 0px;
	margin-right: 0px;
	}
	
.formfieldDiv input {
	background-color: #F7EDCB;
	border:solid 1px #5D1B00;
	font: 12px  Verdana, Arial, Helvetica, sans-serif;
	color:#3E2616;
	width:290px;
	text-align: left;
	margin-right: 0px;
	background-image: none;
	}
	

textarea.boxColor {
	margin:3px 0px 0px 2px;
	background-color: #F7EDCB;
	border:solid 1px #5D1B00;
	font: 12px Verdana, Arial, Helvetica, sans-serif ;
	color:#3E2616;
	}
	
.button {
	 font: 1.1em  Helvetica, verdana, arial, sans-serif;
	color: #F7EDCB;
	 background-color: #5D1B00;
	 margin-left: 3px;
	 margin-top: 3px;
	 margin-bottom: 2px;
	 height: 25px;
	}
	
.buttonlabel {
	padding: 0px 0px 0px 0px;
	
	}

blockquote {
	background: url(http://redwoodroofers.com/images/quote.png) no-repeat;
	border-bottom: 1px dashed #d1c7ba;
	font:13px/18px Georgia, "Times New Roman", Times, serif;
	color: #5D1B00;
	font-style: italic;
	padding-left: 48px;
	padding-bottom: 20px;
	margin: 20px 0 0 0;
}