@charset "utf-8";
/* CSS Document */

/*--------------------RESET-----------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal; vertical-align: baseline; }
:focus {
	outline: 0;
}
body { line-height: 1; color: #000000; background: white; text-align:left; }
ol, ul, li {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}

caption, th, td {text-align: left;	font-weight: normal;}

/*--------------------RESET-----------------------*/
body{ font:12px Georgia, "Times New Roman", Times, serif; }


/*--------------------BLOCK DEFS-----------------------*/

#globnav{ margin: 0 auto; display:block; width: 1000px; position:relative;}
#menu{ position:relative;}
#masthead {text-align:center; margin: 0 auto; height: 84px; padding: 12px 0; width: 1000px;}
#content{ margin: 0 auto; width: 1000px; border: 1px solid rgb(201, 201, 201); padding-bottom:10px;}
#contentframe{ margin: 0 auto; width: 1000px; border: 1px solid rgb(201, 201, 201); padding-bottom:10px; }

.colwidth-1{ width:75px; float:left; margin:0px 5px;}
.colwidth-2{ width:147px; float:left;; margin:0px; }
.sidebar-2{ width:150px; float:right;; margin:0px 0 20px 0;}
.colwidthright-2{ width:149px; float:left;; margin:0px; }
.colwidth-3{ width:170px;float:left; margin:0px 5px;}
.colwidth-4{ width:300px; float:left; border-left: 1px solid #F6F4F5; margin:10px 10px 0 0; padding:0px 0px 0px 10px; }
.colwidth-5{ width:405px; float:left;margin:0px 10px 10px 10px;}
.colwidth-6{ width:490px; float:left; margin:0px 10px 10px 10px; }
.colwidth-7{ width:595px;}
.colwidth-8{ width:660px; float:left;  margin:10px 9px 10px 10px; }
.colwidth-12{ width:1020px; }
.softlight{ background-color:rgb(246,244,245);padding: 0px 9px;}
.adcentre{display:block; text-align:center;}
.ad600{display:block; text-align:center; width:125px; margin:5px; float:left;}
.ad468{display:block; text-align:center; width:468px; margin:5px 90px; float:left;}
#footer{ margin: 10px auto; width: 1000px;}
#footer p{ font-family: Helvetica, Arial, sans-serif; font-size: 10px; color:#999999; }
#footer span { text-align: right; float:right;}
.showadvert{ max-width:500px; }
#property, #classifieds, #jobs, #motors { }
.classified{ width:176px; float:left;; margin:0px; }

#ad600{ width:120px; float:left;; margin:18px 0px 0px 3px ; }
#adbanner { height: 90px; }
/*--------------------GLOBAL-----------------------*/

.clear{
clear:both;
}
.underline{
background:none rgb(205,205,205);
border:medium none;
clear:both;
color:rgb(205,205,205);
height:1px; margin-top:10px;}
.floatright{ float:right;}
.floatleft{ float:left;}
.floatrightimg{ float:right; padding: 5px 0px 5px 5px;}
.floatleftimg{ float:left;padding: 5px 5px 5px 0px;}
.textright{ text-align:right;}
.editor { font-size: 11px; padding: 0px; color:#333333;}
.date { font-size: 11px; padding: 0px; color:#999999;}
/*--------------------CLASSES-----------------------*/
/******************* old ******************************/
#globnav ul{ background-color: #444444; height:30px; margin: 0px; display:block; padding:0px;}
#globnav ul li { display: inline; }
#globnav ul li a{ background-image:url("http://www.bullivantmedia.com/i/navline.jpg"); background-position:left center; background-repeat:no-repeat; float:left; display:block; color:#efefef; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; padding: 8px 5px; font-weight: bold; }
#globnav ul li a.first { background-image:none; }/* no seperator line on first menu option */
#globnav ul li a.select { color:#efefef; }
#globnav ul li a:hover{ color:#ffffff; text-decoration: underline; }
#menu span.created{position:absolute; top: 9px; right:10px;}

/**************** new ************************/

#globalbg { padding: 0; margin: 0; width: 100%; height: 42px; background-image:url("http://www.bullivantmedia.com/i/globnav/bg.png"); background-position:left top; background-repeat: repeat-x; }
#globalcontainer { padding: 0; margin: 0 auto; width: 960px; height: 35px; font-family: Helvetica, Arial, sans-serif; position: relative; font-size: 12px; line-height: 18px; position: relative; z-index: 2; }
ul.globalnav { list-style: none; padding: 0; margin: 0; float: left; width: 960px; font-size: 1em; }
ul.globalnav li { float: left; margin: 0; padding: 0 5px; position: relative; z-index: 100; }
ul.globalnav li a {	padding: 8px; color: #eee; display: block; text-decoration: none; float: left; line-height: 18px; }
ul.globalnav li a:hover { background-color: #333; color: #cccccc; }
ul.globalnav li span { width: 24px; height: 35px; float: left; color:#efefef; padding:8px 30px 0px 8px; margin-right: 0px; font-family: Helvetica, Arial, sans-serif; background: url("http://www.bullivantmedia.com/i/globnav/nav_arrow.png") no-repeat 45px 15px;}
ul.globalnav li span.subhover { background-color: #333; color: #cccccc;  cursor: pointer; }
ul.globalnav li ul.subnav {	list-style: none; position: absolute; left: 0; top: 35px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 0px solid #111; }
ul.globalnav li ul.subnav li {  margin: 0; padding: 0; clear: both; width: 170px; position: relative; z-index: 1100; }
ul.globalnav li ul.subnav li a { float: left; width: 142px; padding-left: 20px; border-bottom: 1px solid #444;  position: relative; z-index: 1100; }
ul.globalnav li ul.subnav li a:hover { color: #fff!important; background: #444; }
ul.globalnav li.current a { color: #cccccc!important; background-color: #333;  }
ul.globalnav li.advertise { float: right!important; }










.mainstory{ border: solid 1px #aaaaaa; }
.thumbnail{float:left ; width:70px; margin: 0px 5px 5px 0px;}
.thumbnail4{float:left ; max-width: 142px;  margin: 0px 5px 5px 0px;}
.xtras{background-color:#F6F4F5; height:80px;}
.listarrow{ list-style-position: inside;  list-style-type: none;  padding:4px; }
.normal { height: 200px; margin: 4px 0px; width: 154px; }

.leftmargin{ margin-left: 10px;}

.storyvar{ margin: 10px 0px;width:145px; float:left;border-right: 1px rgb(205,205,205) solid; padding:0px 5px;}
.story2{ width:144px; border-right: 1px rgb(205,205,205) solid; padding: 0 10px 0px 0px; margin:5px 10px 10px 0; display: inline-block; float:left; }
.story4{ width:322px; border-right: 1px rgb(205,205,205) solid; padding: 0 5px 0 0; margin:5px 5px 5px 0; float: left;}
.story6{ width:466px; padding: 0 5px 0 0; margin:5px 5px 5px 0; float: left;}
.storyright{ border-right: 1px rgb(255,255,255) solid; margin:5px 0px; padding:0px;}
.story8{ width:660px;}

.rightmargin{ margin-right: 10px;}
.red{ color:#FF0000;}
.newsimage{float:right; padding-left:20px; width:450px; }

.captionright{ float:right; width:450px; margin-left: 15px ;}
.captionright img { width:450px; }
.captionbox{ float:right; width:490px; margin-left: 15px ;}
.captionbox img { width:490px; }

.captionbox-promo{ float:right; width:250px; margin-left: 15px ;}
.captionbox-promo img { width:250px; }
.nomargin{ margin-left: 0px ;}

span.picslink { display: block; font-size: 11px; padding: 0 0 15px 0; color:#777777;line-height:18px; }
/* maybe delete me */
.imgstory img{ width:490px; }
.imgpromo { width:200px; }

img.compo_img{width:300px; }
img.imgsmall{ display: inline-block;max-height:250px; padding-right:5px;}
img.imgmedium{ display: inline-block;max-height:280px; padding-right:5px; margin-top:10px}
 a.search{ background-position: 0 0; background-repeat:no-repeat; height:18px; width:67px; background-image:url(http://www.bullivantmedia.com/i/search-accord.png); display:block;}
 a.search:hover{ background-position: left bottom; background-repeat:no-repeat; display:block;}
.services{min-height:140px;background-color:rgb(246,244,245);float:left;}
.boxleft{ border:1px solid #ededed; float:left; width: 220px ; padding: 7px; margin-right: 7px;}

.adcol {float: left; width: 320px; border: 0px solid #ccc; margin-top: 20px; color: #fff;  background-color: #d91b5c; min-height: 150px;}
.adcol p {color: #fff;  padding: 10px; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.adcol strong {font-weight: bold;}
.adcol h2 {color: #fff; display: block; font-weight: bold; background-color: #9f1f63; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; text-transform: uppercase;}
.adcol h2 a:link, .adcol h2 a:visited {color: #fff; font-weight: bold; text-decoration: underline;}
.adcol h2 a:hover {color: #fff; text-decoration: none;}
.adcol .expires { font-size: 12px;}
.adcol .contact {display: block; background-color: #9f1f63; height: 16px;}
.adcol .adimg {display:block; margin: 10px auto 0 auto; text-align: center; min-height: 200px;}
.marginleft {margin-left: 20px;}
#eeditions { width: 400px; }
.showthumb{ border: 1px solid #dedede; clear:both; margin: 2px;}
.thumbimg{ float:left; margin: 5px; }
/*-------------------- ACCORDIAN -----------------------*/


#slider h3 { font-size: 12px; color: #FFffff; background-color: #333333; cursor: pointer; position: relative; margin-top: 1px; zoom: 1; cursor:pointer; }
#slider h3:hover {  background-color: #555; }
#slider h3 a { color:#ffffff; display: block; font-size: 1em; padding: 5px 10px;  font-size: 14px;  text-transform: uppercase; }
#slider h3 a:hover { text-decoration: none; }
#slider h3.current {	cursor:default; }
#slider .pane { margin-bottom: 2px; overflow: auto; display: none; background-color:rgb(246,244,245);padding: 0px 9px; }


/*--------------------TEXT-----------------------*/


h1{ letter-spacing:-0.5px; color:#222222; padding: 0px 0px 8px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 33px; font-style: normal; font-weight: normal; font-variant: normal; }
h2{ font:normal 21px Georgia, "Times New Roman", Times, serif;; padding: 5px 0; }


h2.larger {
    border-bottom: 7px solid #E1E1E1;
    color: #646464;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 0.4em;
    padding: 0 0 2px;
}
h3{ font:normal 16px Georgia, "Times New Roman", Times, serif; padding: 5px 0; }
h4{ font-size: 14px; padding:5px 0; }
h4.minih4{ padding: 5px 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: uppercase; color: rgb(45,45,43); }
h5{ padding: 5px 0px 0px 0px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color:rgb(45,45,44);}
h5.regional{ font-family: Georgia, Helvetica; font-size: 11px;}
h6{ font:9px Helvetica, Arial, sans-serif; padding: 0px 0 5px 0;  color:#606060;}

.title{ background: rgb(246,244,245); color:#333333; border-top-style: dotted; border-bottom-style: dotted; padding: 5px 5px; font-family: Georgia, Helvetica; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; margin:18px 0px 3px 0px; text-transform: uppercase; border-width: 1px 0 1px 0; border-color: rgb(205,205,205); }
h2.title a{ font-weight: bold; }
h2.first{ margin-top:0px !important;}

.fauxtitle{ background: rgb(246,244,245); color:#333333; border-width: 1px 0;  border-top-style: solid; border-bottom-style: solid; border-color: rgb(205,205,205); padding: 5px 5px; font-family: Georgia, Helvetica; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal;  margin:3px 0px; }

.lowercase{ text-transform: lowercase; }
/*.uppercase{ text-transform: uppercase; }*/
.caps{ text-transform:capitalize; }
.textright{ text-align:right;}
p{ padding: 5px 0 5px 0; text-align:left; color:#606060; line-height:18px; font-family: Georgia, "Times New Roman", Times, serif;; font-size: 12px; }
p.subtext{ font:12px Helvetica, Arial, sans-serif; padding: 0px 0 5px 0;  color:#606060;}
li.subtext{ font:12px Helvetica, Arial, sans-serif;}
p.textright{ text-align:right; }
/*br{ margin: 10px 0 0px 0; }*/
.rightmargin h3{font:normal 14px  Helvetica, Arial, sans-serif;padding: 5px 5px;}
.rightmargin p{font:normal 11px Helvetica, Arial, sans-serif;padding: 5px 0 10px 0;text-align:left;}
h5 a{ color: #333333; text-decoration: none; font-weight: bold; }
a{ color: #234a7a; text-decoration: none; }
a:hover{ color: #333333; text-decoration:underline; }
a.hoverglow:hover{ color: #777777; text-decoration:none; }
p > a{ color: #333333; text-decoration: underline ; }
p> a:hover{ color: #333333; text-decoration:none; }
b, strong{ font-weight:normal;}
.colwidth-8 ul{ padding-left: 15px;}
.colwidth-8 li{list-style-position: inside; list-style-type: square; color:#606060; line-height:18px; font-family: Georgia, Helvetica; font-size: 12px; margin-bottom: 10px; }
/*-------------------- MENU -----------------------*/

#dropline { padding:0; margin:0 0 27px 0; list-style:none; height:30px; position:relative; border-width: 2px 0 1px 0; border-top-style: solid; border-bottom-style: solid; border-top-color: rgb(201,201,201); border-bottom-color: rgb(205,205,205);}
#dropline table {border-collapse:collapse; width:0; height:0; margin:-3px -10px;}

#dropline li {float:left;background-image:url("http://www.bullivantmedia.com/i/navline.jpg"); background-position:right center; background-repeat:no-repeat;}
#dropline li a { display:block; height:30px; line-height:30px; padding:0 10px; float:left; color:#333333; text-decoration:none; font-size:13px; font-weight: bold;}
#dropline li a:hover { line-height:30px; height:30px; color:#ffffff; background-color: #3d6089;  }
#dropline li:hover > a { line-height:30px; height:30px ; }
#dropline li.last{ background-image:none; }

#dropline li.menu-hightlight{ }

#dropline ul { padding:0; margin:0; list-style:none; position:absolute; height:30px; width:1000px; background-color: #F6F4F5; left:-9999px; top:30px; z-index:10; border-top:1px solid rgb(205,205,205); }
#dropline ul li {height:30px; line-height:30px; background-image: none;  }
#dropline ul li a,
#dropline li.news ul li a { color:#444444; padding:0px; margin: 0 6px; height:30px; line-height:30px;  font-size:12px;font-weight:normal;}


/* used in body tags to follow menu item */
#ents #dropline li.ents ul li a,
#sport #dropline li.sport ul li a,
#feat #dropline li.feat ul li a,
#props #dropline li.props ul li a,
#serv #dropline li.serv ul li a,
#news #dropline li.news ul li a { color:#444444; padding:0 0px 0 0px; margin: 0 6px; height:30px; line-height:30px;  font-size:12px;font-weight:normal; background-color: #F6F4F5;}

/*#dropline ul li.last a, 
#dropline li.news ul li a.last, 
#dropline li ul li a.last { background-image:none; }*/

#dropline ul li a:hover {
	height:30px;
	line-height:30px;
	color:rgb(45,45,43);
	background-color: #969d9f;
	background-image: url(http://www.bullivantmedia.com/i/menu_transparent_line.png);
	background-repeat: repeat-x;
	background-position: center 0px;
	bottom: 0px;
	background-color:#7c7e7c;
}
#ents #dropline li.ents ul li a:hover,
#sport #dropline li.sport ul li a:hover,
#feat #dropline li.feat ul li a:hover,
#props #dropline li.props ul li a:hover,
#serv #dropline li.serv ul li a:hover,
#news #dropline li.news ul li a:hover{
	height:30px;
	line-height:30px;
	color:rgb(45,45,43);
	background-image: url(http://www.bullivantmedia.com/i/menu_transparent_line.png);
	background-repeat: repeat-x;
	background-position: center 0px;
	bottom: 0px;
	background-color:#7c7e7c;
}

#ents #dropline li.ents ul li a.potato, 
#sport #dropline li.sport ul li a.potato, 
#feat #dropline li.feat ul li a.potato, 
#props #dropline li.props ul li a.potato, 
#serv #dropline li.serv ul li a.potato, 
#news #dropline li.news ul li a.potato, 
#dropline ul li a.potato {
	background-image: url(http://www.bullivantmedia.com/i/menu_transparent_line.png);
	background-repeat: repeat-x;
	background-position: center 0px;
	bottom: 0px;
	background-color: #274364;
	margin: 0px 8px;
}

.spud{
	background-color: #274364 !important;
}

#dropline :hover ul {left:0; display:block;}

/* #dropline li.news ul {left:0; z-index:1;} */
#ents #dropline li.ents ul,
#sport #dropline li.sport ul,
#feat #dropline li.feat ul,
#props #dropline li.props ul,
#serv #dropline li.serv ul,
#news #dropline li.news ul {left:0; z-index:1;}

#ents #dropline li.ents a,
#sport #dropline li.sport a,
#feat #dropline li.feat a,
#props #dropline li.props a,
#serv #dropline li.serv a,
#news #dropline li.news a { line-height:30px; height:30px; color:#ffffff; background-color: rgb(39,67,100); background-image: none;}
 /* add a arrow under this? 

#dropline li.news ul li a {  font-weight:normal;}
#dropline li.news ul li a:hover {color:rgb(45,45,43);}*/

/*-------------------- right col read online edition and social links -----------------------*/
.adhere { line-height: 6px; margin: 0; font-size: 10px; margin-top: -2px; margin-bottom: 5px; }
#social li{ float:left; margin-left: 14px; margin-top: 14px; }
#social li a { display:block; width:32px; height:32px; text-indent:-9999em; background-image:url("http://www.bullivantmedia.com/i/social-icons.png"); }
#social li a:hover ,#social li a:focus {  }
#social li.facebook a { background-position:0 0; }
#social li.twitter a { background-position: 0 -32px; }
#social li.subscription a { background-position: 0 -64px; }
#social li.facebook a:hover { background-position: -32px 0; }
#social li.twitter a:hover { background-position: -32px -32px; }
#social li.subscription a:hover { background-position: -32px -64px; }
.desc-sm { text-align: center; border-top: 3px ; padding: 10px 0 4px 0; position: relative; top: -3px; }
.desc-sm p.subtext {text-align: center; margin: 5px 0 0 5px;}
.desc-sm p.subtext strong { font-weight: bold; text-transform: uppercase; }
.cover{ margin: 10px; float:right;}

/*-------------------- multiple images -----------------------*/
#image_wrap { width: 490px; margin-top: 8px; }
.scrollable { position:relative; overflow:hidden; width: 490px; }
.items div { float:left; width:490px; }
.scrollable img { float:left; margin: 8px 8px 0px 0px; background-color:#fff;	padding:4px; border:1px solid #ccc;	width:48px;	height:48px; }
.scrollable .active { border:1px solid #000; position:relative;	cursor:default; }
#image_caption { margin-top: 5px; display: block; min-height: 30px; }

/*-------------------- services scroller -----------------------*/
.services-scroller { /* required settings */ position:relative; overflow:hidden;	width: 660px; height:220px;	margin-top: 3px; padding: 0;	background: #F6F4F5; }
.services-scroller .items {	width:20000em;	position:absolute; clear:both; }
.items div { float:left; width:660px; margin: 0; padding: 0; }
.services-scroller ul { margin: 0; padding: 0; }
.services-scroller li {	list-style:none; float:left; border-right: 1px solid #CDCDCD; margin: 5px 0px 10px 0; padding: 0 10px; width: 141px; height: 176px; }
.services-scroller li:hover { background: #E8E8E8; }
.right { border: 0 !important; }
.services-scroller { float:left; }
a.browse { background:url('http://www.bullivantmedia.com/i/controls.png') no-repeat; display:block; width:30px; height:30px;	float:left;	margin:0 5px; cursor:pointer; font-size:1px;
	position: relative;	left: 584px; top: -28px; }

a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; } 
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

a.eeditionbrowser { background:url('http://www.bullivantmedia.com/i/controls.png') no-repeat; display:block; width:30px; height:30px; float: left;  cursor:pointer; font-size:1px; }
a.up { background-position: 0 -60px; clear:right; margin-right: 0px;}
a.up:hover { background-position:-30px -60px; }
a.up:active { background-position:-30px -60px; } 
a.down				{ background-position: 0 -90px; clear:right; margin-right: 0px;  } 
a.down:hover  		{ background-position: -30px -90px; }
a.down:active  	{ background-position:-30px -90px; }

a.disabled {visibility:hidden !important;} 	
.services-title { background: #F6F4F5; border-top: 4px solid #274364; color: #333333; font-family: Georgia,Helvetica; font-size: 12px; font-style: normal;
    font-variant: normal; font-weight: bold; margin: 0; padding: 10px; text-transform: uppercase; }
	
/*-------------------- popular stories -----------------------*/
#popular_stories { background-color:#F6F4F5; padding-bottom: 10px; margin-bottom: 10px; }
#col-bg { background-color: #F6F4F5; margin-bottom: 10px; }
ul.tabs { list-style:none; margin:0 !important; padding:0; height:30px; }
ul.tabs li { float:left; padding:0; margin:0 !important; list-style-image:none !important; }
/* non active tab */
ul.tabs a { background-color: #E8E5E5; font: 14px Georgia,"Times New Roman",Times,serif; display:block; height: 30px; line-height:30px; text-align:center;	
 color: #234A7A; text-decoration: underline; padding: 0px 10px; margin:0px 4px 0 0;	position: relative;	left: 10px;	}
ul.tabs a:active { outline:none; }
ul.tabs a:hover { color: #333; background: #ccc; }
/* current */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background: #fff;	 cursor:default !important; color:#000 !important; text-decoration: none; }
.panes .pane { display:none; }
.panes div { display:none; margin: 0 10px; padding: 10px 5px; border-top:0; 	background-color:#fff; }
.panes .num { color: #999999; }