* { margin: 0; padding: 0;}

body {
  text-align: center;
  background: #f7f7f7;
  color: #40403F;
  font: 10pt/18px Lucida Grande, Lucida Sans Unicode, Trebuchet MS, serif;
}

h2,h3,h4,h5,h6 {letter-spacing:-1px; color: #333;}

h1 { font-size:196%; margin-top: 0.6em; }
h2 { font-size:13pt; margin: 0px 0 10px 15px; font-weight: normal;}
h3 { margin: 0 0 0.5% 15px; font-weight: normal; font-size: 11pt;}
h4 { font-size:116%; }
h5 { font-size:106%; }
h6 { font-size:96%; }

ul { list-style:none; }

hr {
  background: #f2f2f2;
  height:1px;
  border:none;
  clear:both;
  margin:1em 0;
}
table { width: 100%;}
table tr td { font-size: 10pt;}

.clear {  clear:both;  font-size:1px;  height:1px;  line-height:1px;}

li { line-height:1.4em;  }

a, a img, a:link, a:hover { cursor:pointer; color: #008000; border: none;}
a:hover,a:active { color: #666; }

#wrap {
  background: url(../cssimg2/body_tile.jpg) 0 0 repeat-y;
  width: 1000px;
  text-align:left;
  margin: 0 auto;
}

#left_sidebar { width: 203px; float: right; margin: 5px 25px 15px 0px;}

#contentbox {
  margin-top: 10px;
  padding: 0 0 0 14px;
  width: 727px;
  float: left;
  clear: both;
}
div.footnote { font-size: 8pt; color: #999; padding: 5px 25px 5px 25px; clear: both; height: 60px;}
div.footnote1 { font-size: 8pt; color: #999; padding: 5px 25px 5px 25px; clear: both; height: 105px;}

p.fntitle { font-weight: bold; width: 120px; float: left; color: #004900;}
p.fncontent {  text-align: justify; float: right; width: 830px;}
p.fncontent a {}

#contentbox2 {}
#content-wrap2 { clear: both; }
#contentbox p, #contentbox ul, #contentbox fieldset {margin: 0 0 10px 15px; list-style: disc inside;}

/* ==================================== sitemap */
.sitemap { font-size: 8pt;}
.sitemap h3 { clear: both;}
ul.threecolul li { float: left; width: 230px;}
div.columnize { width: 215px; float: left; padding-left: 15px;}
div.columnize h4 a { font-size: 1.1em; color: #004800;}
div.columnize ul { margin: 5px 0 10px 0!important; padding: 0!important;}


#header { background: url(../cssimg2/header_tile.jpg) 0 0 repeat-x; }
div#sitename {  height: 148px;   background: url(../cssimg2/logo.jpg) 0 0 no-repeat;}
div#sitename a.logo {
  float: left;
  height: 125px;
  text-decoration: none;
  width: 300px;
  display: block;
  margin-right: 210px;
}

div.search2 {
  margin: 0 0 0 0;
  width: 490px;
  float: left;
  background: url(../cssimg2/search_end.jpg) top right no-repeat;
}

div.search2 fieldset {
  height: 81px;
  margin: 32px 0 -32px 0;
  padding: 36px 6px 10px 12px;
  border: none;
  background: url(../cssimg2/searchbox.jpg) 0 0 no-repeat;
}
div.search2 input, div.search2 select { color: #666; }
div.search2 input {height: 19px; width: 170px; padding: 5px; font-size: 11pt; float: left;}
div.search2 .select { 
  margin: 0 2px;
  height: 21px;
  border: 1px #999 solid;
  background: white;
  float: left; 
  width: 150px;
  padding: 5px;
  font-size: 11pt;
  position: relative;
  top: 2px;
}
div.search2 select { border-collapse: collapse; font-size: 11pt; border: none!important; width: 100%;}
div.search2 select option { padding: 0px 4px; }
div.search2 span.submit { }
div.search2 span.submit input {
  width: 92px;
  border: none;
  background: url(../cssimg2/btnsearchbox.jpg) 0 0 no-repeat;
  height: 33px; 
}

#headbar { clear: both;}
#headbar ul {}
#headbar ul li {  display:inline;  }
#headbar form,.pagination * {margin:0;}
#headbar ul a,#navbar a {text-decoration:none;}
#headbar ul a:hover,#navbar a:hover {text-decoration:underline;}

/* ---------------------- bread crumb */
#breadcrumb {
  border-left: 1px #B7D8A9 solid;
  margin: 0 -13px 0 13px;
  font-size: 0.8em;
}
#breadcrumb ul { width: 705px; float: left;}
#breadcrumb li {  float: left;  background: url(../cssimg2/breadcrumb_tile.jpg) 0 0 repeat-x; padding: 4px 5px;}
#breadcrumb li a {  text-decoration:none; color: #40403F; }
#breadcrumb li a:hover {  text-decoration:underline; color: #40403F; }
#breadcrumb li.bc_end {  background: url(../cssimg2/breadcrumb_end.jpg) 0 0 no-repeat;}

div.box_about {
  margin: -7px 0 10px 0;
  z-index: 9999;
  float: left;
  width: 220px;
  padding: 0!important;
}
div.box_about #s1 {
  border: 1px #dfdfdf solid;
  background: #fff url(../cssimg2/box_hdr.jpg) 0 0 no-repeat;
  padding: 0 10px;
  margin: 0 7px;
  width: 212px;
  z-index: 100000;
  position: absolute;
}

div.box_about .tlb {
  width: 250px;
  background:url(../cssimg2/hdr_how.jpg) 0 0 no-repeat;
}
div.box_about .tlb:hover {}
div.box_about .tlb a {
  height: 27px;
  display: block;
}
.box_footer { height: 6px; background: url(../cssimg2/rcol_footer.jpg) 0 0 no-repeat;}

/* --------------------------- sub nav tabs */

#headbar {width: 975px; margin-left: 14px;}
#topnav {  background: url(../cssimg2/nav_tile.jpg) 0 0px repeat-x; height: 50px; position: relative; top: -15px; margin-bottom: -10px;}
#topnav ul {  list-style:none; }
#topnav li {
  color: white;
  font-size: 1em;
  float:left;
  height: 48px;
}
#topnav li a, #topnav li.active {  color: white!important; text-decoration:none; height: 48px; float: left; padding: 0 0 0 12px;}
#topnav li.active a.homeactive {  color: white!important; text-decoration:none; height: 48px; float: left; padding: 0 0 0 0px!important;}
#topnav li a:hover, #topnav li.active { background: url(../cssimg2/tab_activeleft.jpg) top left no-repeat;text-decoration:none!important; }
#topnav li a:hover span, #topnav li.active span { 
  color: #333;
  background: url(../cssimg2/tab_activeright.jpg) top right no-repeat;
  height: 40px;
}

#topnav li.homeactive a { 
  background: url(../cssimg2/tab_activeleft.jpg) top left no-repeat;  
  text-decoration:none; 
  padding: 0 0 0 12px!important;
}
#topnav li.homeactive span { 
  background: url(../cssimg2/tab_activeright.jpg) top right no-repeat;
  color: #333;
  height: 40px;
}


#topnav li span {  padding: 10px 10px 0 0px;   float:left;}

#topnav li.last {
  text-decoration:none;
  display:block;
  float: right;
  padding-right: 10px;
}
#topnav li.last span {font-size: 0.8em;   padding: 7px 0 0 0;}
#topnav li.last span.sep { background: url(../cssimg2/last_seperate.jpg) 5px 8px no-repeat;}
#topnav li.last span.usr {}
#topnav li.last span.usr a {}
#topnav li.last span a {display: inline!important;}
#topnav li.last span a:hover { text-decoration: none!important; background: none!important; }

/* ------------------------ form styles */
form { margin:0 0 1.5em;}
input {  margin:2px 0;}
label span {color: red; font-weight: normal;}
label br { clear:left;}

/* --------------- buttons */
p.btn_continue, p.btn_submit, 
p.btn_emailme, p.btn_login, 
p.btn_createuser, p.submit {  margin: 5px 0 10px 0!important;}

p.btn_continue input, p.btn_submit input, 
p.btn_emailme input, p.btn_login input, 
input.btn_verify, p.btn_createuser input,
td.btn_modify input, input.btn_submit, input.btn_reset {
  cursor: hand;
  cursor: pointer;
  border: none;
  height: 24px;
}
p.btn_readmore { 
  width: 100px;
  margin: 10px 0 0 0;
  background: url(../cssimg2/btn_readmore.png) 0 0 no-repeat;
}
p.btn_readmore a { text-decoration: none; display: block; height: 20px;}

p.btn_continue input { background: url(../cssimg/btn_continue.gif) no-repeat; width: 83px;}
p.btn_submit input { background: url(../cssimg/btn_submit.gif) no-repeat; width: 83px;}
p.btn_emailme input { background: url(../cssimg/btn_emailme.gif) no-repeat; width: 183px;}
p.btn_login input { background: url(../cssimg/btn_login.gif) no-repeat; width: 54px;}
input.btn_verify { background: url(../cssimg/btn_verify.gif) no-repeat; width: 64px;}
input.btn_reset {background: url(../cssimg/btn_reset.gif) no-repeat; width: 54px;}
input.btn_submit { background: url(../cssimg/btn_submit.gif) no-repeat; width: 83px; border: none; height: 25px; }
p.btn_createuser input { background: url(../cssimg/btn_createuser.gif) no-repeat; width: 93px;}
td.btn_modify input { background: url(../cssimg/btn_modify.gif) no-repeat; width: 93px;}

fieldset { 
  border:1px solid #ccc;
  margin:1em 0;
  padding:1em 1.5em;
}

* html fieldset {background:none; }
*,fieldset dl {margin:0;padding:0;}
fieldset dt {
  clear:left;
  float:left;
  width:18em;
  text-align:right;

  padding:0 1em 0.5em 0;
}

fieldset dd {padding:0 0 0.5em;}

fieldset.labels label {
  width:10em;
  float:left;
  text-align:right;
  display:block;
  padding:0.2em 0.5em 0.2em 0;

}
fieldset.taf{  margin: 0!important;}
fieldset.taf input, fieldset.taf textarea {  width: 185px;}

fieldset.labels div {clear:left;padding:0.2em 0;}

label { display:block; padding:5px 0; font-weight: bold;}
label br { clear:left;}
legend {padding: 0 0.5em;}

/* ------------------------ right col boxes */
.featurebox { margin-bottom: 10px;   background:url(../cssimg2/rcol_tile.jpg) repeat-y 0 0;}
.featurebox p {  margin: 0.5em 1em;}
.featurebox ul { }
.featurebox li { width: 208px;}
.featurebox li a {
  display:block;
  margin-right: 8px;
  padding: 0 0 4px 15px;
  text-decoration:none;
  line-height:2em;
  border-bottom: 1px #e4e4e4 solid;
}
.featurebox a:hover { text-decoration:underline;}
.featurebox p.btn_readmore {  list-style:none;}
.featurebox .tlb {
  background:url(../cssimg2/hdr_recent.jpg) no-repeat 0 0;
  padding: 8px;
  font-size: 1em;
  color: white;
}
.featurebox .tlb a, .featurebox .tlb2 a {  color: white;}
.featurebox .tlb a:hover, .tlb2 a:hover {text-decoration:none;}

.tlb2 {
  background:url(../cssimg/header_sidecolumn.jpg) no-repeat 0 0;
  padding: 6px 10px 3px 10px;
  font-size: 15px;
  border-bottom: 1px #CCCCCC solid;
}

.tlb2 span {   padding-right:8px;}
.tlb2 span.selected {}
.tlb2 span.selected a {
  color: black;
  cursor: text;
  padding-right:8px;
}
.count_total {margin-left:8px;font-size:110%;}

/* --------------------------- houses rotten rad icon and ratings for posts */
div.ratings_link span.rotten_rad {
  float: left;
  top: 5px;
  margin: 0 5px 10px 0;
}
div.rotten_rad {
  width: 70px;
  float: left;
  margin: 0 0 10px 0;
}

div.ratings_link ul {  float: left;}

div.post small { font-size: 10pt; color: #003300; display: block; padding: 0 0 10px 15px;}
div#left_sidebar h2 { font-size: 13pt; margin: 10px 0 0 0!important;}

/* ----------------- main publishing news box */
.top { margin-bottom: 10px; padding:0 0 0 5px;}
.top h4 {
padding-left:4px;
font-size:160%;
margin:0;
}
.top h4 a:link,.top h4 a:visited { }

.toptitle {font-size:15px; margin:0; font-weight:bold;}
.toptitle a:link,.toptitle a:visited { }
.toptitle a:hover { }

.news-submitted {font-size:85%; clear: both;}
.news-submitted a {text-decoration:underline;}
.news-submitted img {
float:left;
width: 40px height: 40px;
margin: 5px 10px 50px 0; 
vertical-align:bottom;
z-index: 1;
position:relative;
}

.news-body-text {font-size:96%;margin: 10px 0 0;}

.news-details {  font-size:85%;  margin:5px 0; display: block;}
.news-details a:hover, .news-details a:active {text-decoration:underline;}
.news-details b {}
* html .news-details {padding-right:136px;}
.news-details .comments_no {
padding-left:37px;
border-left:none;
}
ul.news-details li li {
border-left:none;
float:none;
height:21px;
}

.news-upcoming {
background:url("../images/vote.png") no-repeat 0 0;
position:absolute;
top:3px;
left:0;
width:50px;
text-align:center;
font-size:85%;
list-style:none;
}

.news-upcoming2 {
background:url("../images/vote-l.png") no-repeat 0 0;
position:absolute;
top:3px;
left:0;
width:51px;
text-align:center;
font-size:85%;
list-style:none;
margin:0;
padding:0;
}
.news-details .tool,.news-details .tool-right {
display:block;
float:left;
padding:0 4px;
}
.news-summary {padding:5px 0px 10px;}

/* ------------- story center */
#storysidebarmapwrapper { vertical-align: top;}
#storysidebarmap {
  width: 375px;
  height: 350px;
  border: 1px solid #999;
} 
#toolbar {vertical-align: top; width: 320px; padding-right: 10px; }

#comment-wrap {border-bottom:solid 1px #e1e1e1;}
#comment-head {background:#e1e1e1; padding: 6px 0 5px 5px;}
.comment-body {background:#fafafa; padding:0 10px 0 10px;}

.comment-info { font-size:80%; text-align:right; clear: both; padding: 5px;}

.avatar {
float:left;
width:15px;
height:14px;
margin: 1px;
}

#comment-subhead {
float:right;
margin:-18px 5px 0 0;
font-size:8pt;
}

.ratemey {background:#090;padding:1px 5px;}
.ratemen {background:#c00;padding:1px 6px;}

.rateme {font-size:14px;}
#stats {width:48%;float:right;}
#personal_info {width:48%;float:left;}

/* ------------------------------------ search results */
div.searchresults iframe { width: 700px!important; padding: 0 10px; }



/* ------------------------------------ live page styles */
/* ----------------- subtabs */
ul#subnav {list-style: none; margin-left: 15px;}
ul#subnav li {  float:left;}
ul#subnav li span  {
  display: block;
  padding: 7px 13px 0 0; 
  float:left;
}
ul#subnav li a {
  padding: 0 0 0 13px; 
  text-decoration:none;
  display: block;
  float:left;
}
ul#subnav li.active { text-align:center; }
ul#subnav li.active span, ul#subnav li a:hover span { 
  color: white;
  background: url(../cssimg2/bodytab_activeright.jpg) top right no-repeat;
  height: 32px;
}
ul#subnav li.active, ul#subnav li a:hover { 
  padding: 0 0 0 13px;
  background: url(../cssimg2/bodytab_activeleft.jpg) top left no-repeat;
  height: 32px;
}

#story_tabs span  { 
  padding: 7px 13px 0 0;
  display: block;
  float:left;
}
#story_tabs span a  { 
  padding: 4px 0 0 13px;
  text-decoration:none;
  display: block;
  height: 35px;
}
#story_tabs span.selected, #story_tabs span:hover  { 
  padding: 0 13px 0 0;
  display: block;
  float:left;
  background: url(../cssimg2/bodytab_activeright.jpg) top right no-repeat;
}
#story_tabs span.selected a, #story_tabs span:hover a  { 
  padding: 10px 0 0 13px;
  text-decoration:none;
  color: white;
  display: block;
  height: 32px;
  background: url(../cssimg2/bodytab_activeleft.jpg) top left no-repeat;
}

div#comments, #who_voted, #related_pictures {clear: both; margin: 20px 0;}

div#comments, #who_voted {clear: both; margin: 20px 0;}
#who_voted ol li { margin-left: 15px;}

#story_tabs {  border-bottom: #004900 6px solid;}

div.livedata {  background: url(../cssimg2/bodytab_tile.jpg) 0 0 repeat-x;}
div.livedata .cab { height: 32px; background: url(../cssimg2/bodytab_end.jpg) top right no-repeat;}
div.livedata .cab2 { height: 35px; background: url(../cssimg2/bodytab_end.jpg) top right no-repeat;}
div.livedata table {
  clear: both;
  border-collapse: collapse;
  border-top: #004900 6px solid;
  border-right: 1px #BFD1BF solid;
  border-bottom: #004900 6px solid;
  border-left: 1px #BFD1BF solid;
}
div.livedata table table {
  clear: both;
  border-collapse: collapse;
  border: none!important;
  background-color: #e4e4e4;
}

div.livedata table tr td, div.livedata table tr th {  padding: 5px 5px 6px 10px;}
div.livedata table tr th {  text-transform: capitalize; font-size: 9pt; background: url(../cssimg2/tablehdr_tile.jpg) 0 3px repeat-x;}
div.livedata table tr td {
 vertical-align: top;
 border-top: 1px #BFD1BF solid;
 border-bottom: 1px #BFD1BF solid;
}

.comments { width: 355px!important;}
.author { width: 100px;}
.time { width: 50px;}
.title {width: 200px;}
.votes { width: 5%; text-align: center;}
.category { text-align: center; width: 25%;}

/* --------------------- onboard neghborhood navi */
table.OB_navigator {
  background: url(../cssimg2/OB_tile.jpg);
  width: 690px;
  margin: 0 0 10px 17px;
  border-collapse: collapse;
  height: 27px;
}

table.OB_navigator td.OBzip {
  background: url(../cssimg2/OB_zip.jpg) 0 0 no-repeat;
  color: white;
  text-align: center;
  width: 60px;
  font-weight: bold;
  padding: 0 10px;
}
table.OB_navigator td.OB_end {
  background: url(../cssimg2/OB_endcap.jpg) top right no-repeat;
}

table.OB_navigator td a {
  margin: 0 10px;
}

/* --------------------- interesting neighbors table headers */
.Comments {width: 15%;}


.Title {width: 65%;}
.Author { width: 25%;}

.pagination {
  margin-bottom: 15px;
  background: url(../cssimg2/page_tile.jpg) 0 0 repeat-x;
}
.pagination p {
  padding: 6px 10px;
  height: 20px;
  text-align:right;
  background: url(../cssimg2/page_end.jpg) top right no-repeat;
}
.pagination p a:link,.pagination p a:visited,.pagination p a:active {  padding:2px 5px; text-decoration: none;}
.pagination p a:hover {}
.pagination p span {margin-right:1px; padding:2px 5px;}

.pagination p span.current {background: green; color: white;}

.footer {
  width: 1000px;
  margin: 0 auto;
  font-size: 0.8em;
  padding: 20px 0 20px 0; 
  background: url(../cssimg2/footer_tile.jpg) 0 0 repeat-x;
}
.footer a:link {}
.copyright { float: left; width: 350px; padding: 0px 0 20px 25px;} 
.legal { width: 400px; float: right; padding: 0px 20px 0 0px;}

#adsense {  width: 730px; margin: 0px auto;} 						/* ------------------- ads on homepage */
#adsense2 { margin: 0 auto 10px auto; }		/* ------------------- ads on interior pages */
#adsense3 { text-align: center;}	/* ------------------- sidebar ads on interior pages */
#adsense4 { width: 730px; margin: 5px auto 10px auto;}				/* ------------------- ads on map page */
/*
.adsense5 { margin: 15px auto -20px auto; width: 728px; position: relative; top: -20px;}
.adsense5c { margin: 15px auto -20px auto; width: 728px; position: relative; top: -20px;}
*/
.error {
font-weight:700;
margin-top:10px;
border:1px solid red;
background:#FFC5BE;
padding:5px;
}
.success {font-weight:700;}

/* --------------------------- forum */
.leftcol, .rightcol { width: 50%; vertical-align: top;}

iframe { border: none; background: white;}
.row1 { background: #f3f3f3;}
div.left_inner { float: left; width: 500px;}
div.left_inner textarea { width: 100%;}
div.right_inner { float: left; width: 185px;}
p.main_post { padding: 7px 0;}
p.main_post input { width: 90%!important; }
p.submit { clear: both;}
ul.legend {  margin-top: -10px;}
ul.legend li {  margin-left: 12px;  height: 25px;}
ul.legend li img {  position: relative;  top: 3px;}

.forum_name, .forum_last, .forum_topics, .forum_posts, .messagepost { text-align: left;}

.authorpost, .leftcolmin { text-align: left; width: 25%;}
.name { font-size: 12pt;}
.subject { font-size: 12pt;}

table.preview { margin-top: 5px;}
table.preview td { padding: 10px 0 10px 15px;}

div#forum_posting {  padding-top: 15px;  border-right: 1px #BFD1BF solid;}

#post_icon { vertical-align: middle; width: 5%;}
#forum_desc { width: 60%;}

/* ------- forum buttons */ 
span.editbuttons { float: right; position: relative; top: 10px; margin-bottom: -10px;}
.format_btn { font-size: 8pt!important; margin: 10px 0;}
.btn_bold, .btn_italic, .btn_underline, .btn_quote, .btn_code, .btn_list, .btn_list2, .btn_img, .btn_url { border: none; height: 15px; font-size: 7pt; padding-bottom: 3px;}
.btn_bold, .btn_italic, .btn_underline { background: url(../cssimg2/btn_shrt.gif) 0 0 no-repeat; width: 20px;}
.btn_quote, .btn_code, .btn_list2, .btn_img, .btn_url  { background: url(../cssimg2/btn_long.gif) 0 0 no-repeat; width: 36px;}
.btn_list, .btn_img, .btn_url  { background: url(../cssimg2/btn_med.gif) 0 0 no-repeat; width: 30px;}
.btn_bold {  font-weight: bold;}
.btn_italic { font-weight: italics;}
.btn_underline { text-decoration: underline;}
.btn_quote {}
.btn_code {}
.btn_list {}
.btn_list2 {}
.btn_img {}
.btn_url {}
.adminlink { padding: 0 30px 0 0; text-align: right;}