@charset "UTF-8";
/* CSS Document */

body {background:#D4D8D8;}
acronym {border:none;}

/* Information Bar at the top of browser window. */
div#infobar {
	background-color:#333333; position:fixed;  
	top:0; z-index:100;
	padding:1px 0 1px 0; width:100%;
	text-align:center; }
	div.ss {
		clear:both; display:block;
		text-align:left; margin:0 auto 0 auto; width:1056px;}
	div#infobar h1 {
		font:bold 14px Arial, Helvetica, sans-serif;
		color:#FFFFCC; padding:0; margin:4px 0; float:left; width:550px;}
	div#infobar h1 a {color:#FFFFCC; text-decoration:none;}
	
	div.share {
		background-color:white; border:1px solid #CCCCCC; 
		float:left; font:12px Arial, Helvetica, sans-serif;
		padding:1px 6px 1px 4px; margin:1px 10px 0 0; width:160px;}
	/* Share This */
	a.stbar.chicklet img {border:0; height:16px; width:16px; margin-right:3px; vertical-align:middle;}
	a.stbar.chicklet { height:16px; line-height:16px;}
	/* Google Custom Search */
	div#infobar form {font:12px Arial, Helvetica, sans-serif;}

div#topad {
	margin:160px 0 0 0; text-align:center;}
div#wrapper {
	margin:2px auto 0 auto; width:1056px;}
	
div#top {background:white; margin:0 0 1px 0; width:1056px;}

div.left-main {float:left; padding:4px 0 0 4px; width:720px;}
	div.content {font:14px Arial, Helvetica, sans-serif; margin:20px 0 0 25px;}
	h2 {font:bold 18px Arial, Helvetica, sans-serif; margin:0;}
div.right-sidebar {
	color:#2E6E9E; font:14px Arial, Helvetica, sans-serif;
	margin:0 0 0 754px; padding:1px 1px 1px 1px; width:300px;}

/* Main Content Area */
#body {background:white;margin:0; padding:0;}
div#main, div#left-main {float:left; width:720px;}
	ul.tabs li {font:13px Arial, Helvetica, sans-serif;} 
div#sidebar, div#right-sidebar {
	background:#EAF4FD; color:#2E6E9E;
	font:14px Arial, Helvetica, sans-serif;
	margin:0 0 0 740px; padding:7px 7px 7px 7px; width:300px;}
	
div#footer,
div#bottom {
	background:white; clear:both; width:1016px; display:block;
	font:13px Arial, Helvetica, sans-serif;
	margin-top:1px; padding:20px;} 
div#footer table, 
div#bottom table {border:none; width:100%;}
div#footer td,
div#bottom td {vertical-align:top;}
div#bottom dl {margin:0;}


/* Navigation Bar */
div#substrates {
	background-color:#FFFFFF; position:fixed; width:100%;
	top:26px; z-index:100;
	padding:2px 0px 2px 0px; text-align:center;}

div#topnav {background:white; display:block; padding:0; margin:0 auto 0 auto; width:1056px;}
div.menuad {width:125px; height:125px; padding:4px 0; margin:0; float:left;}
div#topnav ul {margin:0 0 1px 128px;}
div#topnav li {width:180px; height:60px; margin:0; text-align:center;}
div#topnav li:first-child {margin-left:0;}
	a.icon {
		border:1px solid #000000; display:inline-block;
		color:#FFFFCC; font:12px Arial, Helvetica, sans-serif; text-decoration:none;
		width:180px; height:60px;}
	a.icon:hover {color:#FFFF33;}
	a.shingles {background:url(../images/icons/shingles.jpg) no-repeat;}
	a.rooftile {background:url(../images/icons/rooftile.jpg) no-repeat;}
	a.greenroof {background:url(../images/icons/greenroof.jpg) no-repeat;}
	a.bur {background:url(../images/icons/bur.jpg) no-repeat;}
	a.modbit {background:url(../images/icons/modbit.jpg) no-repeat;}
	a.elastomeric {background:url(../images/icons/elastomeric.jpg) no-repeat;}
	a.thermoplastic {background:url(../images/icons/thermoplastic.jpg) no-repeat;}
	a.coating {background:url(../images/icons/coating.jpg) no-repeat;}
	a.spf {background:url(../images/icons/spf.jpg) no-repeat;}
	a.metal {background:url(../images/icons/metal.jpg) no-repeat;}
	
/* Content Formatting */
p.announcement {
	background:#FFFF99;
    font-size:16px;
    padding:10px 16px 10px 16px;}
p.tips {
	background:#FFFFCC;
    font-size:12px; text-align:center;
    margin:0; padding:4px 0 4px 0;}
	
/* Preferred Listings */

#maplist { 
	clear:both; margin:0; padding:0 0 10px 0;}
#maplist .preferred {float:left; width:300px; padding:20px 0 0 20px;}
#maplist .preferred h2 {font:bold 15px Arial, Helvetica, sans-serif; margin-bottom:1em;}
#maplist .preferred h3 {font:15px Arial, Helvetica, sans-serif; margin:0;}
#maplist .preferred a {color:#0000FF; text-decoration:underline;}

#maplist .map_sidebar {margin:0 0 0 320px;}
#maplist #map {margin:0; width:725px; height:672px;}
#maplist .info {margin:0 0 6px 20px;}
#maplist .info ul {font:13px Arial, Helvetica, sans-serif; margin:0;}
	
/* Contractors Profile Page */
dl.profile {margin:0 0 1em 0;}
dl.profile dt {
	font:18px Arial, Helvetica, sans-serif; font-weight:normal; 
    margin:0 0 6px 0; padding:0;}
dl.profile dd {
	font:14px Arial, Helvetica, sans-serif; font-weight:normal;
    margin:0; padding:0;}

/* County and City Listing */
table.results { 
	border:none;
    width:100%;}
table.results td {
	border:none;
    padding:4px;}