.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


a.noline  { border-bottom: none !important }

body { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif ; background-color:#8b7a66}

h1 { font-size:1.5em; margin:15px 0 15px 0 }

table { border:none; padding:0 }
table td { padding:0; border:none }

.masthead {

}

.masthead td { padding-bottom:10px }

.masthead .city {padding-left:10px; font-size:2em; border-left:1px solid #e8e8e8 }

ul.topnav {
	margin:0;
	padding:0;
}

ul.topnav li {
	list-style:none;
	list-style-image:none;
	display:inline;
	padding-right:20px;
	font-size:1.1em;
	font-weight:bold;
}


.topnav .crumb { font-size:.8em; font-weight:normal ; color:#555555}
.p-layout a:link, .p-layout  a:visited{ font-weight:bold;color:#000000; padding:2px ;  text-decoration:none; border-bottom:1px dotted #999999 }
.p-layout  a:hover { background-color:#fafafa } 

.p-foot{ padding-left:10px; margin-top:20px; padding-top:15px; clear:both ; border-top:1px solid #e8e8e8 ;
color:#777777; font-size:1em}
.foot-nav{ margin-top:5px; }
.p-foot div { margin-bottom:5px } 


.p-foot a:link, .p-foot a:visited, .p-foot a:hover {
  text-decoration:none;
	color:#555555;
}  

.p-foot a:hover{ text-decoration:underline }

.foot-help {
	font-size:10px;color:#999;margin-top:10px	
}

.foot-help a:link , .foot-help a:visited , .foot-help a:hover  { text-decoration:none; color:#999 }
.foot-help a:hover { text-decoration:underline; }

.homebox a:link, .homebox  a:visited{ font-weight:bold; color:#444444; padding:2px ; background-color:#fafafa; text-decoration:none; border-bottom:1px dotted #999999; line-height:1.8 }
.homebox  a:hover { background-color:#f2f2f2 } 

.topnav a:link,.topnav a:visited,.topnav a:hover { color:#000000; text-decoration:none }
.topnav a:hover{ text-decoration:underline}



.c-body {
	padding:5px 0 20px 0;
	text-align:left;
	width:980px;
	font-size:1.15em;
	background-color:#ffffff;
}

.col {
	line-height:1.6em;
	color:#444444;
}

.col-single{
	padding-left:20px;
	padding-right:20px;
}

.homebox, .homebox-4 {
	float:left;
	width:230px;
	margin-right: 5px;
	padding:10px;
	border-right:1px dashed #e8e8e8
}

.homebox-4
{
	width:180px;
	margin-right:5px;

}


.homebox h2 , .homebox-4 h2 {
 color:#77a326;
 font-size:1.3em;
 margin:0 0 10px 0;
}


.home-section { padding:0 10px 0 10px }
.home-section ul { margin-left:0; padding-left:14px;  }
.home-section ul li { list-style:disc ; margin-bottom:5px} 
.home-section h3 { font-size:14px }

.form .l {
	color:#4d700c;
	margin-bottom:5px;
	margin-top:5px;	
/*	font-weight:bold; */
	font-family:tahoma, Verdana, Arial, Helvetica, sans-serif
}


.form .ta {
	width:500px;
	height:80px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:4px;
	font-weight:bold;
	line-height:1.5;
	background-color:#f8f8f8

}

.form .tf, .form .tf2, .form select, .form .dt{
	width:230px;
	font-size:1.1em;
	padding:2px;
	color:#333333;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#f8f8f8
}


.form .ta, .form .tf, .form .tf2, .form select, .form .dt {
	border:1px solid #cccccc;
}


.form .tf2 {width:500px;}
.form .dt { width:140px;}


.form .buttons
{
	padding:10px 0 0 0;
	margin:10px 0 15px 0;
	border-top:1px dashed #e8e8e8;
}

.form .crumb
{
 	 font-size:1em;
	 color:#888888;
}

.buttons input { 
	padding:2px 5px 2px 5px;
}

.form_err_msg{
	color:#a40606;
}

.cbgroup input{
	margin-right:5px;
}
.cbgroup label{
	width:200px;
	margin-top:5px;
	float:left;
	display:block;
}

.r-rule { border-right:1px solid #e8e8e8 }

.page-desc {
	font-size:1.2em;
	font-weight:bold;
	color:#777777;
	padding:10px 4px 10px 4px;
	border-bottom:1px dashed #e8e8e8;
	border-top:1px dashed #e8e8e8;
	font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}

.page-desc b, .page-desc strong {
	color:#cc6601
}

.page-desc p{
	margin:8px 0;	
}


.t-results td , .t-results th { border:none }
.t-results th {
	font-weight:bold;
	font-size:1.15em;
	text-align:left;
	color:#77a326;
	border-bottom:1px solid #888888;
}	

.t-results td{
	padding:4px 4px 4px 8px;
	border-bottom:1px solid #e8e8e8;
}



.t-results td.odd-row { background-color:#f8f8f8 }

.t-data td { padding:4px ; border-bottom:1px solid #ffffff; border-top:2px solid #ffffff }

.t-data .l {
	color:#4d700c;
	padding-left:9px;
	font-weight:bold;
	font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color:#f8f8f8;

}

.item-detail .desc {
	font-size:1.2em;
	line-height:1.6;
	margin-bottom:20px;
}

.item-detail .buttons{
  border-top:1px solid #e8e8e8;
	margin-top:20px;
	padding-top:20px;
	margin-bottom:20px;
}

.item-detail .buttons div
{
  display:inline;
	border:1px solid #666666;
	background-color:#aaaaaa;
	padding:4px 8px 4px 8px;
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;
}

.item-detail .buttons div:hover{
  background-color:#bbbbbb;
}

.item-detail .buttons a { color:#ffffff; background-color:transparent }


.banner { 
	background-image:url(/images/ui/banner.jpg); 
	width:964px;
	height:172px;
	margin-left:12px;
	position:relative;
	background-repeat:no-repeat;
	}
	
.banner-content {
	padding-left:9px;
}	

.breadcrumb{
  height:20px;
}

.banner-text{
	position:absolute;
	top:100px;
	left:20px;
	font-size:12px;
	width:690px;
	line-height:1.5
}

.banner-sub { 
margin-bottom:5px; height:53px; }

.banner-col-m{
  
	height:46px;
	color:#ffffff;
	float:left;
	width:827px;
}

.banner-col-r{
  float:right;
	height:53px;
	width:242px;
	color:#ffffff;
}



.banner-col-m .t1, .banner-col-r .t1 {
	width:400px;
	font-size:22px;
	font-weight:bold;
	padding:11px 0 0 10px;
	float:left;
}

.banner-col-m .t2 {
	width:200px;
	font-size:15px;
	font-weight:bold;
	padding:15px 10px 0 10px;
	float:right;
	text-align:right;
}

.super-nav{
	margin:3px 0 4px 0;
	padding:0 20px 0 15px;
	line-height:20px
}
.super-nav .city-select{
	float:left;
	width:340px;
}
.super-nav .search{
	float:left;
	width:300px;
}

.super-nav .links{
	float:right;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	width:500px;
	color:#ff6600;
}

.super-nav .links a:link , .super-nav .links a:visited { color:#ff6600; text-decoration:none }
.super-nav .links a:hover { color:#ff6600; text-decoration:underline }



.city-select .city{ font-size:25px; color:#598115; font-family:Arial, Helvetica, sans-serif }
.city-select .city-change { color:#ff6600; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px }

.city-change a:link , .city-change  a:visited { color:#ff6600; text-decoration:none }
.city-change  a:hover { color:#ff6600; text-decoration:underline }


.super-nav .search em { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; font-style:normal;padding-right:10px }
.super-nav .search input { font-size:14px; padding:4px; width:180px }

.devnote { background-color:yellow }


.col-main{
 width:800px;
 padding-left:8px;
 float:left;

 min-height:400px;
 
}

.col-right{
	background-color:#e8e8e8;
	width:120px;
	float:right;
	height:30px;
	margin-right:16px;
	margin-top:5px
}

.section-work h3 , .section-work h2 , .section-work h1 {  color:#9b37ce }
.section-volunteer h3, .section-volunteer h2 , .section-volunteer h1 {  color:#3366cc }
.section-coupons h3, .section-coupons h2 , .section-coupons h1 {  color:#3abcc1 }
.section-events h3, .section-events h2 , .section-events h1 {  color:#77A326 }
.section-people h3, .section-people h2 , .section-people h1 {  color:#fdb324 }
.section-classifieds h3, .section-classifieds h2 , .section-classifieds h1 {  color:#c22b2c }

.c-work {  color:#9b37ce }
.c-volunteer {  color:#3366cc }
.c-coupons { color:#3abcc1 }
.c-events { color:#77A326 }
.c-people { color:#fdb324}
.c-classifieds {color:#c22b2c}

.l , th { font-size:11px }
.step-desc { font-weight:normal }


.section-coupons  .step-desc, .section-coupons .l, .section-coupons.t-data .l , .section-coupons th { color: #3abcc1; }
.section-work  .step-desc, .section-work .l, .section-work.t-data .l , .section-work th { color: #9b37ce; }
.section-volunteer  .step-desc, .section-volunteer .l, .section-volunteer.t-data .l , .section-volunteer th { color: #3366cc;  }
.section-people  .step-desc, .section-people .l, .section-people.t-data .l , .section-people th { color: #fdb324;  }
.section-classifieds  .step-desc, .section-classifieds .l, .section-classifieds-data .l , .section-classifieds th { color: #c22b2c; }



.sidenav { padding-top:10px }
.sidenav div { margin-bottom:5px }


.home-top { height:145px; margin-bottom:5px; border-bottom:1px dashed #e8e8e8 }

.home-ahds {
	width:120px;
	margin-right:-7px;
	
	
	float:right;
}

.home-ahds .ahd {
	height:120px;
	border:1px dashed #ccc;
	margin-bottom:10px;
}

.newsletter-bar {
	background: url('/images/ui/newsletter_bg.png') repeat-x;
	height:38px;
	margin-left:-3px;
	margin-top:8px;
	margin-bottom:12px;
	border:1px solid #848484;
	width:817px;
	color:#fff
}
.newsletter-bar h3 {
	color:#fff;
	margin:0 0 0 15px;
	padding:0;
	font-size:16px;
	line-height:35px;
	height:38px;
}

.newsletter-bar div{
	height:38px;
	line-height:35px;
}

.newsletter-bar .tf {
	width:100px;
	font-size:1em;
	padding:3px;
	border:1px solid #ccc;
}

.step { font-weight:bold ; margin-bottom:3px; font-size:1.1em; padding-bottom:3px; margin-bottom:3px; border-bottom:1px dashed #e1e1e1 }
.step-search input { padding:3px 12px 3px 12px; margin-top:5px }

.larger { font-size:1.2em }
.smaller { font-size:.8em }
.req-marker{ color:#555555 }
.l-req { font-weight:bold }

.action-links li { margin-bottom:8px }

.no_search_results { padding:4px;margin-bottom:10px;background-color:#f8f8f8; font-weight:bold }

.ad-image { margin:20px 0}
.ad-image img { border:4px solid #efefef }


.sponsors-links a:link , .sponsors-links a:visited { text-decoration:none ; border:none ; background:none }

.result-pager{
	text-align:center;
	padding-top:0px;
	margin-top:10px;
	padding-bottom:20px;
}

.result-pager-page { 
display:block; 
float:left;
width:20px; 
margin:0 5px ; 
text-align:center;
background-color:#f8f8f8; 
border:1px solid #e8e8e8; 
padding:4px}

.pager-current-page {
	background-color:#e8e8e8;
	color:#fff;
}