@charset "ISO-8859-1";

/*
    Anderson County Chamber of Commerce Style Sheet
    By Todd Temple: http://www.t2graphicdesign.com
	Date Modified: 11-03-2011
*/


/************** RESETS **************/
* {margin: 0;padding: 0;}
img {vertical-align: bottom;}
a img {border: 0;}
html, body {background-color: #FFF;margin: 0;padding: 0;background: url(../i/gfx_bkg.jpg) repeat-x 0 0;height: 100%;}

/************** IDS **************/
#wrapper {width: 980px;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -161px;}
#header {background: url(../i/gfx_header.jpg) no-repeat 0 0;height: 109px;float: left;width: 100%;}
#logo {position: relative;background: url(../i/gfx_logo.png) no-repeat 0 0;height: 109px;width: 407px;float: left;margin: 0 0 0 62px;}
#logo h1 {width: 407px;height: 109px;padding: 0;background: url(../i/gfx_logo.png) no-repeat 0 0;margin: 0;}
#logo h1 a {text-indent: -9999px;position: absolute;width: 407px;height: 109px;margin: 0;left: 0;}
#tristar {background: url(../i/gfx_logo_tristar.png) no-repeat 0 0;height: 62px;width: 286px;margin: 0 0 0 685px;}
#tristar h2 {width: 286px;height: 62px;padding: 0;margin: 0;background: url(../i/gfx_logo_tristar.png) no-repeat 0 0;}
#tristar h2 a {text-indent: -9999px;position: absolute;width: 286px;height: 62px;}
#sidebar {width: 225px;float: left;position: relative;z-index: 1;/*	overflow: hidden; */}
#navContainer {background: url(../i/gfx_nav_bkg.png) no-repeat 0 0;height: 322px;width: 225px;float: left;margin: 0 0 0 7px;padding: 14px 0 0 0;}
#nav {list-style: none;overflow: visible;}
#nav li {float: left;position: relative;}
#nav li a {text-decoration: none;text-indent: -9999px;display: block;height: 44px;line-height: 44px;}
#nav li.chamber-of-commerce a, #nav li.chamber-of-commerce a:visited {background: url(../i/btn_chamber.png) no-repeat 0 0;width: 225px;}
#nav li.community-information a, #nav li.community-information a:visited {background: url(../i/btn_information.png) no-repeat 0 0;width: 225px;}
#nav li.community-partners a, #nav li.community-partners a:visited {background: url(../i/btn_partners.png) no-repeat 0 0;width: 225px;}
#nav li.economic-development a, #nav li.economic-development a:visited {background: url(../i/btn_development.png) no-repeat 0 0;width: 225px;}
#nav li.tourism a, #nav li.tourism a:visited {background: url(../i/btn_tourism.png) no-repeat 0 0;width: 225px;}
#nav li.contact-us a, #nav li.contact-us a:visited {background: url(../i/btn_contact.png) no-repeat 0 0;width: 225px;}
#nav li.home a, #nav li.home a:visited {background: url(../i/btn_home.png) no-repeat 0 0;width: 225px;}
#nav li.chamber-of-commerce a:hover {background: url(../i/btn_chamber-over.png) no-repeat 0 0;width: 225px;}
#nav li.community-information a:hover {background: url(../i/btn_information-over.png) no-repeat 0 0;width: 225px;}
#nav li.community-partners a:hover {background: url(../i/btn_partners-over.png) no-repeat 0 0;width: 225px;}
#nav li.economic-development a:hover {background: url(../i/btn_development-over.png) no-repeat 0 0;width: 225px;}
#nav li.tourism a:hover {background: url(../i/btn_tourism-over.png) no-repeat 0 0;width: 225px;}
#nav li.contact-us a:hover {background: url(../i/btn_contact-over.png) no-repeat 0 0;width: 225px;}
#nav li.home a:hover {background: url(../i/btn_home-over.png) no-repeat 0 0;width: 225px;}
#nav li:hover {visibility: visible;}
#nav li ul {position: absolute;top: 100%;left: 225px;margin-left: -9999em;padding: 0;}
#nav li:hover ul {margin: -44px 0 0 0;cursor: pointer;z-index: 999;}
#nav li li {float: none;position: static;display: block;font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
#nav li.chamber-of-commerce li a, #nav li.community-information li a, #nav li.community-partners li a, #nav li.economic-development li a, #nav li.tourism li a, #nav li.contact-us li a, #nav li.chamber-of-commerce li a:link, #nav li.community-information li a:link, #nav li.community-partners li a:link, #nav li.economic-development li a:link, #nav li.tourism li a:link, #nav li.contact-us li a:link, #nav li.chamber-of-commerce li a:visited, #nav li.community-information li a:visited, #nav li.community-partners li a:visited, #nav li.economic-development li a:visited, #nav li.tourism li a:visited, #nav li.contact-us li a:visited  {background: #F1F4F7;height: auto !important;padding: 0 8px;color: #666;text-indent: 0;width: 220px;margin: 0;cursor: pointer;border-top: 1px #E5E5F5 solid;border-bottom: 1px #E5E5F5 solid;}
#nav li.chamber-of-commerce li a:hover, #nav li.community-information li a:hover, #nav li.community-partners li a:hover, #nav li.economic-development li a:hover, #nav li.tourism li a:hover, #nav li.contact-us li a:hover {background: #009;color: #FFF;text-decoration: none;cursor: pointer;width: 220px;}
#navContainer, #subnavContainer {display: inline;}
#subnavContainer {height: 37px;width: 595px;background: url(../i/gfx_subnav_left.png) no-repeat 0 0;margin: 4px 0 0 7px;padding-left: 150px;position: relative;float: left;}
#subnav {margin: 0;padding: 0;position: relative;list-style: none;}
#subnav li {margin: 0;padding: 0;top: 0;float: left;}
#subnav li a {text-decoration: none;text-indent: -9999px;height: 33px;display: inline;line-height: 33px;float: left;}
#subnav li.clinton a, #subnav li.clinton a:visited {background: url(../i/btn_clinton.png) no-repeat 0 0;width: 94px;}
#subnav li.lakecity a, #subnav li.lakecity a:visited {background: url(../i/btn_lakecity.png) no-repeat 0 0;width: 97px;}
#subnav li.norris a, #subnav li.norris a:visited {background: url(../i/btn_norris.png) no-repeat 0 0;width: 80px;}
#subnav li.oakridge a, #subnav li.oakridge a:visited {background: url(../i/btn_oakridge.png) no-repeat 0 0;width: 102px;}
#subnav li.oliversprings a, #subnav li.oliversprings a:visited {background: url(../i/btn_oliversprings.png) no-repeat 0 0;width: 135px;}
#subnav li.clinton a:hover {background: url(../i/btn_clinton-over.png) no-repeat 0 0;}	
#subnav li.lakecity a:hover {background: url(../i/btn_lakecity-over.png) no-repeat 0 0;}
#subnav li.norris a:hover {background: url(../i/btn_norris-over.png) no-repeat 0 0;}
#subnav li.oakridge a:hover {background: url(../i/btn_oakridge-over.png) no-repeat 0 0;}
#subnav li.oliversprings a:hover {background: url(../i/btn_oliversprings-over.png) no-repeat 0 0;}
#main {background: url(../i/gfx_bkg_main.png) no-repeat 0 0;width: 680px;margin: 7px 0 0 0;padding: 34px 34px 75px;float:right;overflow: hidden;}
#main p, ul, ol {font-family: Georgia, "Times New Roman", Times, serif;font-size: 0.8em;color: #333;line-height: 1.6em;padding: 0;}
#main h2 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;text-transform: uppercase;color: #009;}
#main h3 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;text-transform: uppercase;color: #009;margin-top: 22px;padding: 10px 0;background-color:#FFF;border-top: 1px solid #DDDDDE;border-bottom: 1px solid #DDDDDE;}
#main h4 {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #FFF;background-color:#009;padding: 6px 8px;margin-right: 12px;}
#copyright {width: 980px;margin: 0 auto;}
#copyright a, #copyright a:link, #copyright a:visited {color: #FFF;text-decoration: none;}
#copyright .small a, #copyright a:link, #copyright a:visited {color: #FFF;text-decoration: none;}
#copyright .small a:hover {color: #6FF;text-decoration: none;}
#preload {display: none;}

/************** CLASSES **************/
.clear {clear: both;}
.floatLeft {float: left;padding-right: 8px;}
.floatRight {float: right;padding-left: 8px;}
.bold {font-weight: bold;}
.scenic {margin-right: 5px;}
.footer, .push {height: 161px;}
.footer {background: #009 url(../i/gfx_footer_bkg.jpg) repeat-x 0 0;}
.footer #copyright p.small {font-size: 10px;font-weight: normal;color: #FFFFFF;line-height: 10px;}
.footer #copyright p {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #FFF;text-align: right;line-height: 10px;padding: 12px 45px 0 0;}
.footer #copyright a:hover {color: #FFF;text-decoration: underline;}
.space {display: inline;padding: 0 8px 0 0;}
.box {margin: 20px 0 20px 7px;background: url(../i/gfx_box_bkg.png) repeat-y 0 0;width: 225px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666;}
.box img {float: left;}
#wrapper #sidebar .box h3 {text-indent: -9999px;height: 45px;width: 225px;display: block;margin: 0;padding: 0;}
#wrapper #sidebar .box h3.now {background: url(../i/gfx_box_header_available.png) no-repeat 0 0;}
#wrapper #sidebar .box h3.available {background: url(../i/gfx_box_header_available.png) no-repeat 0 0;}
#wrapper #sidebar .box h3.spotlight {background: url(../i/gfx_box_header_spotlight.png) no-repeat 0 0;}
#wrapper #sidebar .box h3.event {background: url(../i/gfx_box_header_event.png) no-repeat 0 0;}
#wrapper #sidebar .box h3.eventSpotlight {background: url(../i/gfx_box_header_eventSpotlight.png) no-repeat 0 0;}
#wrapper #sidebar .box h3.announcing {background: url(../i/gfx_box_header_announcing.png) no-repeat 0 0;}
#wrapper #sidebar .box h3.save {background: url(../i/gfx_box_header_save.png) no-repeat 0 0;}
#wrapper #sidebar .box h3.updates {background: url(../i/gfx_box_header_updates.png) no-repeat 0 0;}
#wrapper #sidebar .box p {padding: 0 18px;}
.rule {width:99%;height:1px;background-color:#999;content:&nbsp;}
.calendar {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666;line-height: normal;}
.calendar td {padding: 10px;border-bottom: 1px solid #92D4EE;}

