/* Start of CMSMS style sheet 'Maps GOOGLE CENTERED' */
/* RESET 
=============================== */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-weight: normal; font-style: normal; }
ul, ol { list-style: none; }
fieldset,img { border: none; }
a{text-decoration: none;}
html, body {height: 100%;}
body{ font-size: 100%; font-family: Arial, Helvetica, sans-serif; color: #333; background: #fff url(uploads/images/master/headerbkgd_new.jpg) repeat-x;}
table {border-collapse: collapse;border-spacing: 0;}
a:focus {outline: none}

/* LAYOUT
=============================== */
.wrapper {min-height: 100%;height: auto !important;height: 100%;position: relative;width: 988px;text-align: left;margin: 0 auto -95px;}
.guts{background: #FFF; margin: 0 auto; position:relative;}
.footer, .push {height: 95px;} /* .push must be the same height as .footer */
.clear {clear: both;}
.leftcol {position:relative; top:0; width:205px; float:left; background: none; padding-left:10px}

/* TYPOGRAPHY
=============================== */
h3.directoryHeadings{font-size: .81em; font-weight:bold; line-height: 1.6em;}
.content-left p, .text p{margin-bottom:10px;}

/* LINKS
======================================================= */
a, a:link, a:visited, a:active {color: #333333; font-size:1em; text-decoration: none;}
a:hover{color: #669900;}
a.border{border-bottom: 1px dotted #9C9C9C}

/* HEADER
=============================== */
#header{clear:both; position:relative;height: 50px;background: #669900 url(uploads/images/master/headerbkgd_new.jpg) repeat-x;margin:0 0 10px 0}

#logo_small {position:absolute;top:0;width:75px;
background: url(uploads/images/master/logo_sm.png) no-repeat 0 4px;padding: 0; left:15px;}

#header h1 a { height: 50px; text-indent: -999em; text-decoration:none;display: block;}

#areaheader {color:#fff;font-weight:bold;position:absolute;top:0;left:75px;width:450px;height: 50px;}

.ie_warning{font-size: 1em; font-weight:bold; text-align:center; padding: 5px; display: block; background-color: #F9F1CC; color: #CC0000; margin:0 0 5px 0; border:1px solid #CC0000}
.ie_warning a{color:#CC0000; border-bottom:1px dotted #CC0000}
.ie_warning a:hover{color:#333; border-bottom:1px dotted #999}

/* TOP NAV
=============================== */
dfn {position: absolute;text-indent: -999em;width: 0;height: 0;overflow: hidden;display: inline;}

#navbar{font-size:0.63em;color: #FFFFFF; position: absolute;width: 500px; left:auto; right: 25px; top: 15px; z-index:20;text-align:center;background:none;}

#navbar ul {list-style-type:none;}

#navbar li{padding: 0; margin:0}

#navbar ul li a{color:#FFF; padding-top:4px;font-weight:bold;display:block;
float:right;margin:0 0 0 10px;width:120px;height:16px;
background: url(uploads/images/master/nav_btn.png) no-repeat 0 0;}

#navbar ul li.currentpage, #navbar ul li a:hover{color:#FFF; padding-top:4px;font-weight:bold;
display:block;float:right;width:120px;height:16px; margin:0 0 0 10px;
background: url(uploads/images/master/nav_btn.png) no-repeat 0 -20px;}

/* TABS
===============================  */

.tabberlive .tabbertabhide {display:none;}
ul.tabbernav{margin:0;padding: 3px 0;border-bottom: 1px solid #E1E1E1; font: .75em arial,tahoma,verdana,sans-serif;}
ul.tabbernav li{list-style: none;margin: 0;display: inline;}
ul.tabbernav li a{padding: 3px 10px;margin-right: 3px;border: 1px solid #E1E1E1;border-bottom: none;background: #F1F1F1;text-decoration: none;}
ul.tabbernav li a:link, ul.tabbernav li a:visited {color: #999;}
ul.tabbernav li a:hover{color: #666;}
ul.tabbernav li.tabberactive a{background-color: #fff;border-bottom: 1px solid #FFFFFF; color: #666;font-weight:bold;}
ul.tabbernav li.tabberactive a:hover{background: white;border-bottom: 1px solid #FFFFFF;}
.tabberlive .tabbertab {padding:5px;border:1px solid #E1E1E1;border-top:0;height:457px;overflow:auto;}
.tabberlive .tabbertab h2 {display:none;}

/*-- CATS/ADVERTISERS --*/
.topic{font-size:1em;padding:5px 0 0 0;}
.tabbertab{font-size:.75em;padding:5px 0 0 0;}
.topic a, .cat a, .tabbertab a{text-decoration: none; color:#333}
.topic a:hover, .cat a:hover, .tabbertab a:hover{text-decoration: none; color:#659834}
.cat{line-height:1em}
.item{line-height:1.2em; margin: 0 0 0 30px}
.tabbertab br, .item br{margin-bottom:7px}

/* CONTENT
=============================== */
#cartography{position:relative; height:488px; padding:11px; 
border: 1px solid #ccc; margin: 0 0 15px 0}

#tab{width:258px; position:relative; float:left}

#bus_description{position:relative; float:right; width:679px; color: #003366;
background:#F2EFE9; height:43px; padding:5px 8px; margin: 0 0 5px 0;
font-size:.81em; line-height: 1.6em}

#map{height:431px; background:#FFF; width: 695px; float:right; font-size:.81em; line-height:1.3em}/* <--- text inside info window */

#map form{margin-bottom: 5px}

#map a{border-bottom: 1px dotted #999}

/* #map .infoWindowContent{display:block} */

.content-wrap {position:relative; float:left; width:988px; padding: 0}

.leftCol {position:relative; top:0; width:263px; float:left; background: #FFF; margin:0 19px 0 0}

.text{width:430px; float: left; position: relative;font-size:.81em; line-height: 1.6em}

.ads{width:263px; float: right; position: relative; background:#fff}

.content-bottom{clear:both; padding: 20px 0;}
#images{float:left;margin: 0 15px 10px 0;background-color: #FFFFFF;}

.sidebar{position:absolute; left:10px; top: 0; width:259px;z-index:20;
padding:0;overflow:auto;background:#FFFFFF;}
#closeDirections{float:left;display:none; padding:10px 20px 0 0}
#side_bar{margin: 0; max-height:460px; overflow:auto;clear:both;background:none;}

#reset{position:absolute; left:195px; top:11px; z-index:20; width:75px; height:17px;
text-align:left; font-size:.75em;}

#reset a{color:#666; padding:2px 0 0 10px;font-weight:normal;display:block;
height:15px;background: url(uploads/images/master/reset_btn.png) no-repeat 0 0;}

#reset a:hover{background: url(uploads/images/master/reset_btn.png) no-repeat 0 -17px;}

#clientlinks{display:none; font-size:.1em; line-height:.1em}

/* CHAMBER BUTTONS 
===============================  */
.chamberbtn a{display:block;background:url(uploads/images/maps/chamber_btn.png) no-repeat 0 0; 
width:230px;height:36px; margin: 0 0 10px 0;padding: 9px 30px 0 10px; color:white; font-size:.73em;
line-height:1.2em; font-weight: bold; text-transform:uppercase}

.chamberbtn a:hover{background:url(uploads/images/maps/chamber_btn.png) no-repeat 0 -45px;}

/* ADS 
===============================  */
.side-ads {margin: 0; padding: 0; clear: both;}
.side-ads img {padding: 0; margin: 0 0 8px 4px;}
.leftCol img{padding: 0; margin: 0 4px 8px 0;}

.promote a{display:block;background:url(uploads/images/ads/advertise_btn.jpg) no-repeat 0 0; 
width:258px;height:60px; margin: 0 0 10px 0;text-indent: -999em;}

.promote a:hover{background:url(uploads/images/ads/advertise_btn.jpg) no-repeat 0 -60px;}

/* WEATHER
=============================== */
#weather{background:url(weather/forecast/weatherbg.png) no-repeat; height:70px;width:258px; margin:0 0 5px 0;position:relative}
.temp{position:absolute; left: 90px; margin:0; top:15px; width: 55px; font-size:1.75em;}
.condition{position:absolute; left: 90px; top:48px; margin:0; width: 165px; line-height:1em;font-size:.69em;}
.condition_icon{position:absolute;left: 10px; width: 80px; height: 70px; text-align:center;}

/* FOOTER 
=============================== */
.footer {position: relative; margin: 0 auto; width: 988px; background: #FFFFFF; border-top: 1px solid #EEEEEE}
.footer a { color: #666;}
.footer a:hover { color: #333;}
.footer p { color: #666; font-size: 0.76em; line-height:1.3em;}
.footer .powered{ text-indent:-9999px; background: url(uploads/images/cityguide/powered_logo.png) no-repeat 0 0; line-height:3em}
.footer-content{ margin: 0 auto; padding: 10px; }

#footer-nav{width: 160px; position:absolute; left: 785px; top: 8px; padding:0 0 0 10px; border-left:1px solid #EEEEEE;}
#footer-nav li{ padding: 5px 0; font-size: .69em; line-height: .88em;}
#footer-nav li a{ color: #666666;}
#footer-nav li a:hover{ color: #99ffff;}
/* End of 'Maps GOOGLE CENTERED' */