﻿/* StateMapsOnline.com Copyright */

/* Page Elements */
*{padding:0; margin:0;}
 body {font-size:60%; background-color:white; font-family:Georgia;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:800px; margin:0px auto; margin-top:0px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.main {clear:both; width:800px; padding-bottom:30px; background:transparent url(../images/main-bg.jpg) top left repeat-y;}
.main-nav {display:inline; /*Fix IE floating margin bug*/ float:right; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/ float:left; width:570px; margin:0 0 0 15px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:800px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(../images/footer-bg.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/**************/
/* Top Header */
.header {width:800px; font-family:Georgia;}
.header-top {width:800px; height:225px; background:rgb(230,230,230) url(../images/state-maps-online-logo-bg.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* Top Header Navigation */
.statemapsonlinelogo {width:360px; height:60px; position:absolute; z-index:1; margin:2px 0 0 2px;}

.socialnetwork {position:absolute; z-index:1; margin:8px 0 0 625px;}

.nav-home {width:200px; position:absolute; z-index:3; margin:205px 0 0 600px;}
.nav-home ul {float:right; padding:0 5px 0 0; font-weight:bold;}	
.nav-home li {display:inline; list-style:none;}
.nav-home li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(255,255,255); text-decoration:none; font-size:110%;}
.nav-home a:hover {color:rgb(255,255,255); text-decoration:underline;}

.nav-breadcrumbs {width:500px; position:absolute; z-index:3; margin:210px 0 0 0px;}
.nav-breadcrumbs ul {float:left; width:400px; list-style:none; padding:0 0 0 15px; font-family:Georgia;}
.nav-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../images/nav-arrow-white.gif) no-repeat 0 50%; font-weight:bold; color:rgb(255,255,255); font-size:110%;}
.nav-breadcrumbs ul a {color:rgb(255,255,255); text-decoration:none;}
.nav-breadcrumbs ul a:hover {color:rgb(255,255,255); text-decoration:underline;}

/* Ads and Google Search */
.statemapsonline468ads {clear:both; width:800px; padding:0.5em 0 1.5em 0em; background:rgb(255,255,255) url(../images/header-search.jpg) repeat-y;}
.statemapsonlinegooglesearch {float:right; width:300px; padding:0 0 0 0px;}

/*******************/
/* Main Navigation */
.main-nav .main-nav-edge {width:10px; height:10px; position:absolute; z-index:100; margin:0; background:url(../images/main-nav-edge.gif) no-repeat;}

/* MAIN CONTENT */
.main-column1 {width:570px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.main-column2-left {float:left; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.main-column2-right {float:right; width:255px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.main-column3-left {float:left; width:165px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.main-column3-middle {float:left; width:165px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.main-column3-right {float:right; width:165px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/**********/
/* Footer */
.footer p {line-height:1.3em; text-align:center; color:rgb(149,149,149); font-weight:bold; font-size:110%;}
.footer a {text-decoration:underline; color:rgb(149,149,149);}
.footer a:hover {text-decoration:underline; color:rgb(80,80,80);}
.footer a:visited {color:rgb(149,149,149);}

/****************/
/* Clear Floats */
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.main-column1:after, .main-column2-left:after, .main-column2-right:after, .main-column3-left:after, .main-column3-middle:after, .main-column3-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-content {clear:both; width:570px; height:0.2em; border:none; background:rgb(210,210,210); color:rgb(210,210,210); margin:0.5em 0 0.5em 0;}
