/* Base Styles */
ul {margin:0; padding:0; list-style:none;} 

a {text-decoration:none;}
a:link {color:#04c;}
a:visited {color:#448;}
a:hover {color:#930;}

p a:hover {text-decoration:underline;}


body {
	margin:0;
	padding:0;
	background:#eceadd url(../style_images/body_bg.png) repeat-x fixed;
	font:normal 14px Arial, Helvetica, sans-serif;
}

h1, h3, h4, .headline, .tab,#topnav, #subnav {font-family:Palatino Linotype, serif; font-weight:bold; margin:0;}
.recent_stories ul .headline {font-family:Arial, Helvetica, sans-serif;}

	
.box {overflow:hidden; border:1px solid #765; border-width:1px 0; background:#eceadd; padding:5px 5px; margin:5px 0; text-align:center; font-weight:bold;}
.linkbox { clear:both; text-align:left; font-size:12px;}
.linkbox a {display:block; padding-left:15px; background:url(../style_images/arrowright.png) left center no-repeat;} 

.adlistbox {margin:9px 0px 7px;}

.ad {margin:5px 0;}
#topad {overflow:hidden; width:970px; margin-bottom:5px;}
#topad .ad {float:left; margin:5px}
.housead img {float:left; margin-right:5px; }
.housead {clear:left; padding:0; text-align:left; font:normal 12px Arial;}
.housead .headline {font-size:17px;}

.contentarea {width:970px; margin:0 auto;}
#stage {
	overflow:hidden;
	background:#fff;
	border:1px solid #ccc;
	border-width:0 1px;
	}

#header {
	background:#000 url(../style_images/head_bg.png) bottom repeat-x;
	overflow:hidden;
	}

#head_logo {
	float:left;	
	width:300px;
	padding-bottom:10px;}

iframe {margin:5px;}
	
h2 {font-size:18px; line-height:18px; margin:0; border-bottom:2px solid #dc9;}
h2 span {float:right; font:bold 13px/18px Arial;}
h2 span a:link, h2 span a:visited {color:#04c;}
h2 span a:hover {color:#930;}

a img {border:none;}
h2 a:link, h2 a:visited {color:#000;}
h2 a:hover {color:#930;}

.smalllink {font-size:10px; vertical-align:top; color:#888;}
a.smalllink:link, a.smalllink:visited {color:#888;}
a.smalllink:hover {color:#d63 !important;}


.story {clear:both; border-bottom:1px dotted #dc9; padding-bottom:2px;  overflow:hidden;}
.teaser_thumb {float:left; margin:5px 5px 5px 0; border:1px solid #888;}
.timestamp, .byline {margin:0; padding:0; font-weight:bold; font-size:90%;}
.timestamp {color:#888;}
 .syn, .syn p {margin:0; padding:0;}

 a.more {float:right; font-size:90%; font-weight:bold; padding-right:15px; margin:0 5px;
 		background:url(../style_images/arrowright.png) right center no-repeat;}

.clear {clear:both;}
.text_block {overflow:hidden;}

/* Navigation */	

#topnav {
	background:#eceadd url('../style_images/nav_bg.png') top repeat-x;
	border-bottom:1px solid #bbb;
	font-size:16px;
	}
ul.nav {
	overflow:hidden;
	padding:0;
	list-style:none;
	}
.nav li {
	float:left;
	padding-right:10px;
	background:url('../style_images/bullet.gif') left center no-repeat;
	padding-left:20px;}

.nav li.first{
	background:none; padding-left:0;
}

.nav a {color:#000 !important; text-decoration:none !important;}
.nav a:hover {color:#930;}

#topnav a {display:block;}
#topnav a span{
	display:block;
	padding:4px 0;
	}

#topnav a.active  {
	background:url('../style_images/nav_arrow_down.gif') top center no-repeat;}
#topnav a:hover span{
	background:url('../style_images/topnav_ul.png') center 23px no-repeat;
}

.navspacer {float:left; height:1px; margin-right:-20px; background:#fffff6; position:relative; z-index:2; height:20px}
#homepage_navspacer, #obituaries_navspacer {height:1px;}
#news_navspacer {width:25px;}
#sports_navspacer {width:125px;}
#entertainment_navspacer {width:150px;}
#life_navspacer {width:250px;}
#business_navspacer {width:375px;}
#opinions_navspacer {width:500px;}
#multimedia_navspacer {width:480px;}
#elections_navspacer {width:500px;}

	
#subnav {
	background:#fffff6;
	border-bottom:1px solid #999;
	font-size:14px;
}
#subnav a {
	display:block;
	padding:2px 0px;
	}
#subnav a:hover {
	background:url('../style_images/subnav_ul.png') center 19px no-repeat;
}


/* sub nav promotion HomePage */
#subnavpromo {
	background:url(http://news.herald-dispatch.com/z4m/mirror/style_images/home-sub-nav.png) repeat-x;
	font:normal 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	width:970px; margin:0px auto;
	height:23px;
}

#subnavpromo a {
	color:#000000;
	display:block;
	padding:6px 0px;
	}
#subnavpromo a:hover {
color:#CC0000 !important; background:none;	
}
#subnavpromo ul {
	overflow:hidden;
	padding:0;
	list-style:none;
	}

#subnavpromo li {
	float:left;
	padding:0px 10px 0px 20px;
	background:none;
}
	
#subnavpromo li a:hover {
color:#CC0000;	
}
	
#subnavpromo-right {float:right; margin-right:-15; width:230px; text-align:right;}
#subnavpromo-left {margin-left:10px ; width:500px; text-align:left;}


/*epaper graphic subnav link */
.e{
	margin-top:8px;
	background:url('../static_images/e2.gif') left center no-repeat;
	height:15px;
	width:30px;
}	

/* Dock */

#dock {
	background: #000 url("../style_images/dock_bg.png") bottom no-repeat; 
	width: 630px;
	height: 40px;
	padding:0px 215px;
	margin-top:5px;
	color: #fd8;
	font-size:12px;
	font-weight:bold;
}
#dock div {	width:50px;}
#dock a, #dock div {
	position: relative;
	float:left;
	height: 29px;
	padding-top:10px;
	text-align:center;
}
#dock a {
	width:90px;
	color: #fff;
	background-position:center bottom;
	background-repeat:no-repeat;
	}
#dock a:hover span {display:none;}

#dock_jobs:hover	{background-image: url('../style_images/dock/jobs.png');}
#dock_cars:hover	{background-image: url('../style_images/dock/cars.png');}
#dock_homes:hover	{background-image: url('../style_images/dock/homes.png');}
#dock_yp:hover	{background-image: url('../style_images/dock/yp.png');}
#dock_class:hover	{background-image: url('../style_images/dock/class.png');}
#dock_epaper:hover	{background-image: url('../style_images/dock/epaper.png');}

#hdlogo {width:398px; height:40px; background-image: url(../images/hd_logo.png);}

/*Global Forms */
form {margin:0;}
input, button {border-width:1px;}
input[type=text] {border:1px solid #bbb;}
input[type=checkbox], input[type=radio] {position:relative; top:2px;}
input[type=submit], button {vertical-align:top; background:#fd8; padding-top:1px; font:bold 12px Arial;}
select {font-size:11px;}

fieldset {border:none; padding:0 10px; }
fieldset + fieldset {margin-top:5px; border-top:1px solid #ccc}
legend {font-weight:bold; margin-left:-5px;}


.half_col {float:left; width:48%;}
.half_col + .half_col {margin-left:1%;}	


/* Site Search */
#sitesearch a.smalllink {color:#aaa;}
#sitesearch {clear:right; float:right; margin:5px 60px 10px 0px;text-align:left; }
#sitesearch input[type=text] {width:190px;}
#sitesearch input[type=submit] {vertical-align:bottom;}

/* Site Map */
#sitemap 	{overflow:hidden; background:#e9e6d7 url('../style_images/sm_bg.png') repeat-x}
#sitemap_top {height:8px; width:970px; background:url('../style_images/sm_top.png') no-repeat}
#sitemap_bot {clear:both; height:8px; width:970px; background: url(../style_images/sm_bot.png) bottom no-repeat}

.sm_sub {float:left; width:160px; margin-left:30px}
ul.siteindex {margin:0; padding:0; list-style:none; font-size:11px;}
ul.siteindex li {padding-left:10px; margin-left:5px; background: url('../style_images/nav_arrow.png') left no-repeat}
ul.siteindex li.label 	{padding:0; background:none; margin:7px 0 0 0; font-weight:bold;}
ul.siteindex li.label a {color:#000}

#sitemap li a 		{color:#000;}
#sitemap li a:hover {text-decoration:underline; color:#930;}


/* Actions */
#actionlinks {margin:10px 0 0 0; padding:2px 4px; 
			font-size:12px;
			border:1px solid #bb8;
			border-width:1px 0;
			text-align:center;
			background:#ffe;
			list-style:none;
			}
#actionlinks li { display:inline; padding:0 5px 0 16px; background:url('../style_images/bullet.gif') left no-repeat}
#actionlinks li.first {background:none; padding-left:5px;}


/* Footer */
#footer {overflow:hidden; background:#000 url('../style_images/footer_bg.png') bottom repeat-x; color:#fff; font-size:11px; line-height:15px}
#footer a {color: #fd8;}
#footer a:hover {color:#4af;}
#tos {float:right; margin:12px 10px 0 0; width:215px; text-align:right}
#supported {float:right; margin:12px 200px 0 0; width:100px; text-align:center; height:36px}
#copyright { margin:10px 0 -5px 10px; width:305px; text-align:left;}
#footer_bot {height:8px; background:url('../style_images/footer_bot.png') bottom no-repeat}



/* Story Lists and Teasers */
a.headline {
	font-size:14px;
	color:#352;
}
a.headline:hover {
	color:#930;
	text-decoration:underline;
	}




/* Tabs */
.tabset {position:relative; float:left; width:300px; font-size:12px; padding-top:22px; margin-bottom:5px;}
.tabset h3 {margin:0; color:#000;}

.tabset a.tab-off,
#left_col .tabset a.tab-off {
	background:#f5f3eb; color:#555;
	}
.tabset a.tab-off:hover{color:#930}
.tabset a.tab-on{
	background:#c9bf97 url(../style_images/tabon_bg.gif) top repeat-x;
	color:#000;}
a.tab {
	float:left;
	top:0;
	font-size:15px;
	border:1px solid #c9bf97;
	border-bottom-width:0;
	height:22px;
	margin-left:5px;
	cursor:pointer;
}
a.tab span {
	display:block;
	position:relative;
	top:-1px; left:-1px;
	background:url(../style_images/tabcorner_left.gif) top left no-repeat;
}
a.tab span span {
	top:0px; left:2px;
	padding:0 10px;
	background:url(../style_images/tabcorner_right.gif) top right no-repeat;
}

.sheet {
	position:relative;
	display:none;
	overflow:auto; 
	min-height:150px;
	border-top:1px solid #c9bf97;
	background:#fff url(../style_images/tan_grad.jpg) top left no-repeat;
	padding-top:5px;
	z-index:2;
	}

/* Left Col Tabs */
#right_col {float:right; width:300px; padding:5px; }
#left_col {float:left; width:170px; text-align:center;}


.tabset {position:relative; float:left; width:300px; font-size:12px; padding-top:22px; margin-bottom:5px;}


#left_col .tabset {height:auto; margin-bottom:10px; text-align:left; width:auto; padding:0;}
#left_col .tabset .sheet {padding:5px; margin:0; height:auto; top:0; position:relative;}
#left_col .tabset .tab span {background:none;}
#left_col .tabset .tab {display:block; float:none; margin:0; border-width:0 0 1px 0; }
#left_col .tabset .linklist {margin:0; font-size:12px;}
	
	
/* Link Lists */
.linklist {margin:0 0 10px 5px; padding:0; list-style:none;}
.linklist li {padding-left:10px; background:url(../style_images/nav_arrow.png) 0px 4px no-repeat;}
.linklist a:link {color:#060}
.linklist a:visited {color:#555;}
.linklist a:hover {color:#930; font-weight:bold;}
	
