/* Global stylesheet for Web applications and vendors */
/* Revised 1/24/07 */

/* Lightbox CSS */
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}

#lightboxDetails{
font-size: 1em;
padding-top: 0.4em;
}	

#lightboxCaption{
float: left;
font-family: "Arial", sans-serif;
width: 85%;
}

#keyboardMsg{
float: right;
font-weight: bold;
width: 15%;
text-align: right;
}

#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 

#lightbox a:hover {border-bottom: none;}

#overlay img{ border: none; }

#overlay{ background-image: url(http://www.roanoke.com/images/v2005/lightboxv1/overlay.png); }

/* GLOBAL */
body {
background: #fff; 
font-family: "Arial", "Verdana", sans-serif; 
font-size: 12px;
margin: 0; 
padding: 0;
}

form {margin: 0;}

#page {
width: 972px;
padding:0 4px;
margin: 0 auto;
}

#content {margin-top: 10px;}

.clear {
margin:0; 
clear: both;
}

abbr, acronym {cursor:help;}

/* GLOBAL TEXT */
h1, h2, h3, h4 {
margin: 0;
}
     
ul {
margin: 4px 0 4px 25px;
list-style: square;
padding: 0;
}
	
li {padding: 3px 0 3px 0;}
	
a { 
color: #4E79BD;  
text-decoration:none;
}

a:hover {
color: #2D4A78;
text-decoration: none; 
border-bottom: 1px dotted #BDBDBD;
}

img a:hover {border-bottom: none;}


/* TABS */
.tabs, .tabs-side {
	margin: 0px 0px 4px 1px;
	padding: 0;
	font-size: 12px; }

.tabs li, .tabs-side li {
	display: inline;
	margin: 2px 0 0 -1px; }

.tabs li a, .tabs-side li a, .tabs li a.visited, .tabs-side li a.visited {
	padding: 4px;
	background-color: #337364;
 	border: 1px solid #999999;
	border-bottom: none;
	color: #fff;
	font-weight: bold;
	text-decoration: none; }

.tabs li a.current, .tabs-side li a.current {
	padding: 4px;
	border-bottom: 1px solid #fff;
	color:  #2D4A78;
	background-color: #fff; }

.tabs li a:hover {
	border: solid 1px #999;
	border-bottom: solid 1px #fff; }

.tabs-side li a.current {
	border-bottom: 1px solid #fff;
	background-color: #fff; }


/* BREAKING NEWS */
.breakingnews {
font-weight: bold;
margin: 0;
padding: 0;
font-size: 10px;
}

.breakinghead {
color: #FF0000;
}

/* HEADER */
#header-top {
background:#1A3C41; 
border-bottom: 2px solid #fff;
height:18px;
padding:4px;
color:#fff;
}

#header-top h1 {
text-indent: -1000em;
overflow: hidden;
background: url(http://www.roanoke.com/images/nd/toplogo.jpg) no-repeat 5px 2px;
line-height: 16px;
}

#search {float: right; }

#search-box {font-size: 9px; }

.button-small {font-size: 10px;}

#header-center {
background: #adadad url(http://www.roanoke.com/images/v2005/logo_big.jpg) no-repeat;
height:75px;
position: relative;
}

h1#logo {
text-indent: -1000em;
overflow: hidden;
}

#header-center a {
position: absolute;
width: 250px;
height: 30px;
}

#header-center #logo a {
top: 10px;
left: 10px;
}

#header-center #logo a:hover {
border-bottom: none;
}

#header-center .date {
bottom: 5px;
color: #fff;
left: 11px;
font-size: 11px;
position: absolute;
}

#headline-ticker {
float: left;
margin-left: 405px;
}

.ticker-frame {
padding-left: 2px; 
padding-right: 2px;
height: 74px;
width: 260px;
margin: 0 0 0 5px;
z-index: 100000;
}

#login {
margin:4px 5px 0 0;
width:280px;
float: right;
}

#login ul {
margin:0;
padding: 0;
}

#login li {
list-style: none;
display: inline;
font-size:10px;
font-weight:bold;
text-decoration: none;
}

#login li a {
position: relative;
}

#login p {
font-size:12px;
padding-bottom:2px;
border-bottom: 2px solid #2C3544;
margin:0 0 2px 0;
font-weight: bold;
}

#header-bottom {
clear: both;
background:#1A3C41; 
border-top: 2px solid #fff;
padding: 5px 0 5px 2px;
}

#adNav {padding-left: 55px;}

#main-nav {
color: #fff;
font-size: 10px;
margin: 0;
padding: 0;
}

#main-nav li {display: inline; }

#main-nav li a {
color: #FFFFCC;
padding: 0 8px 0 6px;
}

#main-nav li a:hover {
color:#003300;
background:#FFFFCC;
border-bottom: none;
}

/* ADVERTISEMENTS */
#ad-leaderboard {margin: 10px 0;}

#ad-skyscraper {float: right;}

#ad-bigbox p, #ad-skyscraper p, #ad-leaderboard p {
font-size: 9px;
text-align: center;
margin: 0;
} 

#ad-skyscraper a:hover, #ad-leaderboard a:hover {border-bottom: none;}

#ad-bigbox {
float: right;
margin-right: 15px;
}

#ad-bigbox a img {border:none;}
    
#ad-bigbox a:hover img {border:none;}

/* READ MORE LINK*/
.more-link {
font-weight:normal;
font-size:10px;
float:right;
margin-top:-14px;
margin-right:2px;
}
      
/* FOOTER */
#footer {
margin-top:5px;
border-top: 1px solid #c5c5c5;
background:#fff;
padding:10px; }

#footer h2 {
background: #1A3C41;
color: #fff;
font-size: 14px;
margin: 0 0 4px 0;
padding: 3px;
font-weight: bold;
border-bottom:1px #b2b2b2 solid;
border-right:1px #b2b2b2 solid; 
position: relative; }

#footer h3 {
font-size: 12px;
color: #000;
background: transparent;
font-weight: bold; 
text-decoration: underline;}

.footer-index {
float: left;
margin: 0;
height:240px; }

#foot-news, #foot-ent, #foot-online, #foot-market {
background-color:#eaeaea;
padding: 2px 4px 2px 4px;
}

#foot-sports, #foot-local, #foot-bus {
padding: 2px 4px 2px 4px;
}

#foot-news {
width: 110px;
}

#foot-sports {
width: 115px;
}

#foot-ent {
width: 120px;
}

#foot-local {
width: 145px;
}

#foot-online {
width: 120px;
}

#foot-bus {
width: 155px;
}

#foot-market {
width: 130px;
}

#footer ul {
font-size: 11px;
margin: 5px 5px 0 0;
padding: 0;
list-style: none;
}

#footer li {
padding: 0; 
margin: 0;
}

#footer a:link {
color: #2d4a78;
}

#footer a:visited {
color: #2d4a78;
}

#footer a:hover {
background: #2d4a78;
color: #fff;
border-bottom: none;
}

#sitetools {
clear: both;
background: #fff;
margin-top: 10px;
margin-bottom: 1.3em;
}

#sitetools img {
float: left;
margin-left: 290px;
margin-top: 20px;
border: none;
}

#sitetools ul {
margin: 0 0 0 5px;
float: left;
border-left: 1px solid #ccc;
padding-left: 7px;
}

#sitetools p {
clear: left;
margin: 0 0 0 430px;
font-size: 9px;
color: #ccc;
padding-top: 10px;
}
	
