@import 'reset.css';

html {
	background: #666647 url(/images/bg_body.gif) top center repeat-y;
	min-width: 960px;
	}
html.bolivar {
	background: #292f3b url(/images/bg_body.gif) top center repeat-y;
	min-width: 960px;
	}
body {
	font: 12px/22px "Lucida Grande", helvetica, arial, sans-serif;
	text-align: center;
	margin: 0;
	background: #666647;
	color: #454545;
	}
body.bolivar {
	font: 12px/22px "Lucida Grande", helvetica, arial, sans-serif;
	text-align: center;
	margin: 0;
	background: #292f3b;
	color: #454545;
	}
#wrap {
	background: url(/images/bg_wrap.gif) top center no-repeat;
	}
#wrap-bolivar {
	background: url(/images/bg_wrap-bolivar.gif) top center no-repeat;
	}
#header {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	position: relative;
	background: url(/images/bg_header.gif) top center no-repeat;
	z-index: 400;
	}
#header-bolivar {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	position: relative;
	background: url(/images/bg_header-home-bolivar.gif) top center no-repeat;
	z-index: 400;
	}
body.home #header {
	background: url(/images/bg_header-home.gif) top center no-repeat;
	}
#header h1,
#header-bolivar h1 {
	text-indent: -9999px;
	}
#header h1 a,
#header-bolivar h1 a {
	width: 500px;
	height: 100px;
	left: 95px;
	position: absolute;
	}
#photos {
	position: absolute;
	z-index: 300;
	top: 0;
	left: 579px;
	}
#pano {
	width: 960px;
	height: 270px;
	background: url(/images/bg_pano.gif) top center no-repeat;
	margin: 0 auto;
	z-index: 200;
	padding: 26px 0 0 0;
	}
#pano-bolivar {
	width: 960px;
	height: 270px;
	background: url(/images/bg_pano-bolivar.gif) top center no-repeat;
	margin: 0 auto;
	z-index: 200;
	padding: 26px 0 0 0;
	}
#main {
	width: 960px;
	margin: 0 auto;
	}
body.home #main {
	background: url(/images/bg_main-home.gif) top left no-repeat;
	}
body.bolivar #main {
	background: url(/images/bg_main-home-bolivar.gif) top left no-repeat;
	}
#main-inner {
	width: 770px;
	margin: 0 auto;
	background: #f1f3f1;
	padding: 0 15px;
	background: #f1f3f1 url(/images/bg_main-inner2.gif) top center repeat-y;
	}
#main-inner2 {
	background: url(/images/bg_main-inner.gif) bottom center no-repeat;
	}
body.home #main-inner,
body.bolivar #main-inner {
	background: #f1f3f1 url(/images/bg_main-inner-home.gif) top center no-repeat;
	}
#footer {
	background: url(/images/bg_footer-jul10.gif) top center no-repeat;
	padding: 90px 50px 0 50px;
	color: #525760;
	font-size: 9px;
	line-height: 20px;
	height: 64px;
	clear: both;
	position: relative;
	}
#footer-bolivar {
	background: url(/images/bg_footer-bolivar.gif) top center no-repeat;
	padding: 90px 50px 0 50px;
	color: #525760;
	font-size: 9px;
	line-height: 20px;
	height: 64px;
	clear: both;
	position: relative;
	}
#footer p,
#footer-bolivar p {
    margin-top: 24px;
    }
    /* IE7 hack */
    *:first-child+html #footer p,
    *:first-child+html #footer-bolivar p, {
    margin-top: 115px !important;
    }
#footer a,
#footer-bolivar a {
	color: #947b4e;
	font-size: 11px;
	}
#footer a:hover,
#footer-bolivar a:hover {
	color: #fff;
	}
#footer a.special,
#footer-bolivar a.special {
	color: #525760;
	border-bottom: 1px dotted #525760;
	font-size: 9px;
	}
#footer a.special:hover,
#footer-bolivar a.special:hover {
	color: #fff;
	}
#banner-ad {
    background-color: #292f3b;
    padding-top: 20px;
    padding-bottom: 20px;
    }
p.footer-logo {
	display: none;
	}

div.section {
	height: 119px;
	width: 960px;
	margin: 0 auto;
	background: url(/images/section_blank.gif) top center no-repeat;
	}
div.guide {
	float: left;
	width: 276px;
	padding: 30px 0 20px 0;
	}
div.who {
	float: left;
	width: 219px;
	padding: 30px 0 20px 0;
	}
div.chamber {
	float: left;
	width: 275px;
	padding: 30px 0 20px 0;
	}
div.historic {
	float: left;
	width: 276px;
	padding: 30px 0 20px 0;
	}
div.hardeman {
	float: left;
	width: 275px;
	padding: 30px 0 20px 0;
	}
div.sidebar {
	width: 180px;
	float: left;
	margin: 0 0 0 35px;
	text-align: left;
	display: inline;
	min-height: 300px;
	}
div.content {
	float: right;
	width: 410px;
	margin: 0 55px 30px 0;
	text-align: left;
	display: inline;
	}

/* NAV
---------------------------------------------------- */

ul.home-nav {
	width: 181px;
	margin: 0 auto;
	line-height: 28px;
	}
ul.home-nav li {
	border-bottom: #d5d1b7 solid 1px;
	background: none;
	padding: 6px 0;
	}
ul.home-nav li a {
	display: block;
	}
ul.home-nav li a:hover {
	background: #f1f3f1;
	}

/* Subnav */

ul.subnav {
	border-top: #cec8a7 solid 1px;
	margin-bottom: 100px;
	line-height: 14px;
	}
ul.subnav li {
	border-bottom: #cec8a7 solid 1px;
	padding: 6px 0;
	background: none;
	}
ul.subnav li a {
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	line-height: 15px;
	}
ul.subnav li a:hover {
	color: #666647;
	}
ul.subnav li ul {
	margin: 0;
	border: 0;
	}
ul.subnav li ul li {
	background: url(/images/bullet.gif) 0 8px no-repeat;
	padding: 2px 0 1px 15px;
	border: 0;
	}
ul.subnav li ul li a {
	font-size: 12px;
	color: #292f3b;
	font-weight: normal;
	}

/* HEADERS
---------------------------------------------------- */

h2.home-graphic {
	margin: 0 0 10px 0;
	}
h2 {
	font: normal 26px/30px georgia, "times new roman", serif;
	color: #292f3b;
	margin: 0 0 20px 0;
	}
h3 {
	font: normal 18px/22px georgia, "times new roman", serif;
	color: #947b4e;
	margin: 0 0 6px 0;
	}
h4 {
	font: normal 15px/18px georgia, "times new roman", serif;
	color: #bcb488;
	font-style: italic;
	margin: 0 0 3px 0;
    }
h4.table {
	font: normal 15px/18px georgia, "times new roman", serif;
	color: #bcb488;
	font-style: italic;
	margin: 6px 0 0 0;
    }

/* Section Headers */

div.section h2 {
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 960px;
	height: 119px;
	margin: 0;
	}
div.section h2.guide {background-image: url(/images/section_guide.gif);}
div.section h2.government {background-image: url(/images/section_government.gif);}
div.section h2.chamber {background-image: url(/images/section_chamber.gif);}

/* Graphic Headers */

h2.graphic {
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	}
h2.interest {
	background-image: url(/images/h2_your-interest.gif);
	height: 28px;
	margin: 0 0 10px 0;
	}
h2.attractions { background-image: url(/images/h2_attractions.gif); height: 12px; }
h2.history { background-image: url(/images/h2_history.gif); height: 12px; }
h2.bolivar { background-image: url(/images/h2_bolivar.gif); height: 12px; }
h2.business-ops { background-image: url(/images/h2_business-ops.gif); height: 12px; }
h2.chamber-of-commerce { background-image: url(/images/h2_chamber-of-commerce.gif); height: 12px; }
h2.cities-towns { background-image: url(/images/h2_cities-towns.gif); height: 12px; }
h2.contact-us { background-image: url(/images/h2_contact-us.gif); height: 12px; }
h2.events-calendar { background-image: url(/images/h2_events-calendar.gif); height: 12px; }
h2.hardeman-county { background-image: url(/images/h2_hardeman-county.gif); height: 12px; }
h2.us { background-image: url(/images/h2_us.gif); height: 12px; }
h2.historic-bolivar { background-image: url(/images/h2_historic-bolivar.gif); height: 12px; }
h2.history { background-image: url(/images/h2_history.gif); height: 12px; }
h2.map-directions { background-image: url(/images/h2_map-directions.gif); height: 12px; }
h2.news-pr { background-image: url(/images/h2_news-pr.gif); height: 12px; }
h2.outdoor-activities { background-image: url(/images/h2_outdoor-activities.gif); height: 12px; }
h2.relocation-info { background-image: url(/images/h2_relocation-info.gif); height: 12px; }
h2.tennessee { background-image: url(/images/h2_tennessee.gif); height: 12px; }
h2.vision-future { background-image: url(/images/h2_vision-future.gif); height: 12px; }
h2.word-director { background-image: url(/images/h2_word-director.gif); height: 12px; }
h2.word-mayor { background-image: url(/images/h2_word-mayor.gif); height: 12px; }
h2.visitors-guide { background-image: url(/images/h2_visitors-guide.gif); height: 12px; }
h2.local-government { background-image: url(/images/h2_local-government.gif); height: 12px; }
h2.terms-conditions { background-image: url(/images/h2_terms-conditions.gif); height: 12px; }
h2.privacy-policy { background-image: url(/images/h2_privacy-policy.gif); height: 12px; }

/* LISTS
---------------------------------------------------- */

ul {
	margin: 0 0 20px 0;
	}
ul li {
	padding: 0 0 8px 15px;
	background: url(/images/bullet.gif) 0 6px no-repeat;
	line-height: 18px;
	}	
		
/* TEXT
---------------------------------------------------- */

p {
	margin: 0 0 20px 0;
	}

/* LINKS
---------------------------------------------------- */

a {
	text-decoration: none;
	color: #666647;
	}
a:hover {
	color: #292f3b;
	}
div.content a {
	font-weight: bold;
	border-bottom: #666647 solid 1px;
	}
div.content a:hover {
	border-bottom: #292f3b solid 1px;
	}
#hc-live {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 4px;
    left: 90px;
    }
#tn-3star {
    position: absolute;
    width: 56px;
    height: 38px;
    top: 8px;
    left: 662px;
    }
#tn-vacation {
    position: absolute;
    width: 115px;
    height: 38px;
    top: 8px;
    left: 531px;
    }

/* TABLES
---------------------------------------------------- */

table thead {
    font: 9px/12px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666647;
    border-bottom: solid 1px #ccc;
    padding: 0 0 4px 0;
    height: 18px;
    background: transparent url(/images/bg_table-thead.gif) bottom repeat-x;
    vertical-align: baseline;
    }
table tbody td {
    font: 11px/15px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    border-bottom: dashed 1px #ddd;
    padding: 4px 0 4px 0;
    vertical-align: baseline;
    }
table {
    margin: 5px 0 25px 0;
    }

/* IMAGES
---------------------------------------------------- */

div.content img {
    border: 6px solid #bcb488;
    float: right;
    margin: 5px 0 10px 15px;
    }
div.content img.clean {
    border: none;
    }

/* FORMS
---------------------------------------------------- */

dl.form dt {
    font: 9px/12px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666647;
    margin: 12px 0 0 0;
    }
dl.form dd {
    margin: 2px 0 0 0;
    }
dl.form input,
dl.form textarea {
    font: 12px/14px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    width: 250px;
    border: 1px solid #ccc;
    padding: 5px;
    }
dl.form dd ul {
	margin: 0 0 10px 0 !important;
	}
dl.form dd ul li {
	padding: 0;
	background: none;
	}	
p input.submit {
    font: 12px/14px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    margin: 12px 0 0 0;
    background-color: #666647;
    color: #f4f6f4;
    padding: 4px;
    border: 1px solid #bcb488;
    }
    p input.submit:hover {
    background-color: #292f3b;
    }
small {
    color: #999;
    }
.star {
    color: #cc0000;
    }