/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* http://www.tantek.com/log/2004/undohtml.css */
/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited{text-decoration:none}

/* no list-markers by default, since lists are used more often for semantics */
ul,ol {list-style:none}

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;}

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img{border:none}

/* de-italicize address */
address{font-style:normal}

/* more varnish stripping as necessary... */

.clearfix:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix{display: inline-block;}
html[xmlns] .clearfix{display: block;}
* html .clearfix{height: 1%;}

html{background:#f1f1f1;}
body{font-family:trebuchet,arial,sans-serif;background:#f1f1f1;}
#header{background:#111111 url(images/tab-area-bg.png) repeat-x scroll 0 14px;color:#ffffff;padding:6px 6px 0px 6px;}
#header h1{font-size:24px;}
#header #statesList {margin:6px 0px 0px 0px;width:100%;}
#header #statesList li {display:inline;padding:6px;margin:2px 1px 0px;font-size:15px;background:#444444;float:right;}
#header #statesList li.root{font-weight:bold;font-size:17px;color:#dddddd;background:none;float:left;}
#header #statesList li.first{background:#444444 url(images/first-tab.png) no-repeat 0 0;}
#header #statesList li.last { background: #444444 url(images/last-tab.png) no-repeat 100% 0; }
#header #statesList li.active,#header #statesList li.first.active,#header #statesList li.last.active{background:#a7a7a7 none 0 0;color:#000000;border-top:2px solid #cccccc;padding:6px 6px 9px 6px;margin-top:0px;}
#header #statesList li.logo{position:absolute;top:1px;right:3px;background: none;}
#header a,#tabs a{color: #ffffff;}
#header a:visited ,#tabs a {color: #ffffff;}
#tabs{width: 712px;padding: 6px 6px 3px 6px;background: #111111 url(images/tab-area-bg.png) repeat-x scroll 0 11px;color: #ffffff;font-size: 12px;position:relative;}
#tabs li.tab { background: #444444; display: inline; padding: 6px; margin: 7px 1px 0px 1px; cursor: pointer; float: right;  }
#tabs li.tab.active,#tabs li.tab.first.active,#tabs li.tab.last.active{background: #a7a7a7 none 0 0;padding: 6px;margin: 5px 1px 0px 1px;border-top: solid 2px #cccccc;}
#tabs li.tab.first{background:#444444 url(images/first-tab.png) no-repeat 0 0;}
#tabs li.tab.last{background:#444444 url(images/last-tab.png) no-repeat 100% 0;}
#tabs li.label{float:left;background:none;font-size:15px;margin-top:8px;margin-right:4px;}
#content {background:url(images/content.png) repeat-x 0 0;width: 100%;}
#adWrapper{padding:12px;width:866px;margin: auto;}
#pageContent{width:724px;
	margin:auto;/* comment this line when adding a skyscraper ad */
float: left;} 
#pageContent h2,#pageContent h3,#pageContent h4{color:#111111;border-bottom:solid 1px #e1e1e1;}
#pageContent h2 {font-size:22px;margin-bottom:12px;}
#pageContent h3{font-size:18px;}
#pageContent h4{font-size:14px;}
#footer{padding:12px;color:#adaaad;font-size:12px;text-align:center;}
#footer a{color:#adaaad;}
#footer a:hover{color:#dea436;}
#footer ul { margin: 6px; }
#footer ul li { display: inline; padding: 6px; }
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.initialHide{display:none;}
.ad{font-size:11px;font-weight:bold;text-align:center;color:#444444;}
.banner.ad{width:640px;height:90px;border:solid 1px #dddddd;margin:auto;}
#header .banner.ad {display:none;}
#footer .banner.ad {display:none;}

/*.skyscraper.ad{display:none;}*/
/* ^ - comment to show ad --- v - comment this to hide the add */
 .skyscraper.ad{width:128px;height:480px;border:solid 1px #dddddd;background:#ffffff; width:128px;float:right;} */
 .skyscraper.ad.left{float:left;}
 .skyscraper.ad .slideshow .slide{height:480px;width:128px;}
 .skyscraper.ad #advertisingInformation{width:128px;height:480px;display:block;background:#ffffff;}
 .skyscraper.ad #yourAdHere{color:#A8A8A8;font-size:16px;position:relative;top:212px;display:block;}
 .skyscraper.ad #findOutHow{position:relative;top:220px;color:#999999;display:block;}
 .skyscraper.ad #vgaSkyscraper{background:#396ba5;}

#view{position:relative;height:480px;width:724px;}
#counties,#cities {height:456px;width:700px;position:absolute;background:transparent url(images/shaded-backdrop2.png) repeat 0 0;color:#888888;padding:12px;z-index:1001;}

#pageContent #counties .counties{width:115px;float:left;padding:0px 12px 12px 12px;}
#pageContent #counties .counties ul{margin-bottom:6px;}
#pageContent #counties h4{color:#ffffff;}
#pageContent #counties li{font-size:13px;font-weight:bold;margin:0px;line-height: 15px;}
#pageContent #counties .cities li .county{display:none;}
#pageContent #counties a {color: #cccccc;} /* dea436 */
#pageContent #counties a:hover {color:#ffffff;border-bottom:solid 1px #ffffff;}
#pageContent #counties .cities {display:none;}

#pageContent #counties li ul li{margin-left:16px;}
#pageContent #counties .vg{color:#E1D34B;}
#pageContent #counties .vg a { color: #E1D34B; } /* #dea436 */
#pageContent #counties .vg a:hover { color: #ffffff;border-bottom:solid 1px #e1d34b;}
#pageContent #counties .pa {color:#396ba5;}
#pageContent #counties .pa a{color:#5f8bff;}
#pageContent #counties .pa a:hover{color:#ffffff;border-bottom:solid 1px #5f8bff;}

#pageContent #cities .counties{display:none;}
#pageContent #cities h4{color:#ffffff;}
#pageContent #cities li{font-size:13px;font-weight:bold;margin:0px;line-height:15px;}
#pageContent #cities a {color: #E1D34B;}
#pageContent #cities a:hover{color:#ffffff;border-bottom: solid 1px #ffffff;}

#pageContent #cities li ul li{margin-left:16px;}
#pageContent #cities .vg a{color:#e1d34b;} /* dea436 */
#pageContent #cities .vg a:hover{color:#ffffff;border-bottom:solid 1px #e1d34b;}
#pageContent #cities .pa a{color:#5f8bff;}
#pageContent #cities .pa a:hover{color:#ffffff;border-bottom:solid 1px #5f8bff;}


#map{height:478px;width:720px;position:absolute;border:solid 2px #222222;border-top:none;font-size:12px;font-weight:bold;color:#888888;}
#map .counties li h4{display:none;}
#map .counties li{position:absolute;}
#map .counties li a{display:block;}
#map .counties li .name{display:none;}

#map .cities h4{ display:none;}
#map .cities ul li{width:16px;height:16px;position:absolute;}
#map .cities ul li:hover,#map .cities ul li.active{background: url(images/city-smaller.png) no-repeat -1px -20px;}
#map .cities ul li.capitol:hover, #map .cities ul li.capitol.active {background-position:0 0;}
#map .cities ul li a{width:16px;height:16px;display:block;}
#map .cities .city{display:none;}
#map .cities .county{display:none;}
#map .cities .separator{display:none;}
#map.active .counties li.active .name,#map .counties li ul li:hover .name{background:#111111;/*color:#888888;*/position:relative;top:-25px;left:25px;width:92px;display:block;padding:3px;}
#map .active .counties li.active a .name,#map .counties li ul li:hover a .name{color:#cccccc;}
#map.active .counties li.pa.active a .name,#map .counties li ul li.pa:hover .name{color:#5f8bff;}
#map.active .counties li.vg.active a .name{color:#e1d34b;}

#status {background:#111111;width:712px;font-size:13px;padding:6px;color:#888888;font-weight:bold;}
#status .key {float:left;}
#status .key h4 {color:#ffffff;}
#status .key ul {margin-top:4px;}
#status .key li{margin-left:24px;padding-right:12px;float:left}
#status .key li.label {margin-left:0px;color:#ffffff;}
#status .key .ws{color:#cccccc;}
#status .key .vg{color:#E1D34B;}
#status .key .vg a{color:#E1D34B;}
#status .key .vg a:hover{color:#ffffff;border-bottom:solid 1px #396ba5;}
#status .key .pa{color:#5f8bff;}
#status #pageCounter{float:right;color:#ffffff;}

#warning {
	padding: 24px; font-weight: bold; background: #A8A8A8;
}
#warning p { margin-bottom: 12px; }
#warning ul { text-align: right; }
#warning li { display: inline; margin-right: 24px; padding: 6px; border: solid 2px #111111; }

#additional{margin:24px;text-align:center;}
#additional a,#additional a:visited{color:#5f8bff;}
#additional a:hover{border-bottom:solid 1px #5f8bff;}