@charset "UTF-8";
/*
Roof Registry
http://roofregistry.com
Author: Alexander Cua

*/
@import url("xhtml.css");

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;}
		
	div#paper		{
		width:1052px; background:white;
		text-align:left;
		margin:10px auto 0 auto; padding:0; }
		div#header	{
			clear:both;
			margin:0; padding:0;}
			div#header #splash {text-align:center; width:1052px;}
		div#body	{
			clear:both;
			margin:0; padding:0;}

#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;}


			#left-main {
				float:left;
				margin:0; padding:0;
				width:720px;}
			#right-sidebar {
				font-size:.8em;
				margin:0 0 0 740px; padding:0px;
				width:310px;}
	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;}
			
/* Sidebar Sections */
div.sb-section { margin:0 0 8px 0;}
div.sb-section h6 {
	font:bold 14px Arial, Helvetica, sans-serif;
    background:#003B62; color:#EFF3FE;
    margin:0; padding:8px 10px 8px 10px;}
div.sb-section h6 a {color:inherit;}	
div.sb-section ul, 
div.sb-section ol, 
div.sb-section form, 
div.sb-section dl {
	background:#EFF3FE;
	font: 12px Arial, Helvetica, sans-serif;
	border:1px solid #003B62; border-top:none;
    margin:0 0 10px 0; padding:8px 10px 8px 10px;}
div.sb-section form ul,
div.sb-section dl ul {border:none; padding:0;}
div.sb-section form li {margin-bottom:1em;}
div.sb-section label.text {width:85px;}
div.sb-section input.text {border:1px solid #579ED6; width:180px;}

p.slogan {
			color:#666666;
			font:16px Georgia, "Times New Roman", Times, serif;
			text-align:center;
			margin:0 0 2px 0;
			}

p.copyright {
			color:#999999; font-size:11px;
			margin:20px 0;
			text-align:center;
			}

table, tr, th, td {border:0; margin:0; padding:0;}
td {text-align:left; vertical-align:top; }

p.announcement {
	position:absolute; top:0px; padding:4px 20px 4px 20px;
	background:#FFFFCC; color:#CC0000; font:13px Arial, Helvetica, sans-serif;
	text-align:center; width:100%;}
	
ul.listings li {
	background:url(../images/bkg-listings.jpg) no-repeat; 
	margin:0 0 3px 0; padding:6px 15px 10px 45px; 
	width:668px; height:64px; line-height:.96em;}
ul.listings li span {font-size:0.9em; color:#999999;}
div.sb-section ul>li a {font-size:1.1em;}
div.sb-section ul ol {border:none; margin-left:2em;}

@media print {
	body, #wrapper, #top, #bottom {
		background:none;
		margin:0; padding:0;
		width:100%;
		}
	#top, #bottom {display:none;}
	#paper {
		margin:0; padding:0;
		width:8.5in;
		}
	}

table.worksheet {border: 2px solid black; margin:10px 0 20px 0; width:80%;}
table.worksheet th {background-color:black; color:white; padding:4px;}
table.worksheet td {padding:4px;}


#footernav {
	clear:both;
	margin:6px 0 8px 0;
	padding:0;
}
#footernav ul {
	list-style:none;
	text-align:center;
	margin:0 0 4px 0;
	padding:0;
}
#footernav li {
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	color:#3278AF;
	display:inline;
	font-size:12px;
	line-height:12px;
	margin:0;
	padding:0 6px 0 6px;
}

@media print {
	#mainnav, #footernav {display:none;}
	}