/* Global Page Styles */

body {
	margin:0; 
	padding:0; 
	font-family:Arial; 
	font-size:10pt; 
	background-color:#ffffff;
        	color:#000000;
	text-align:left;
	}
	
a {
	text-decoration:none; 
	font-weight:bold;
	color:#000000
	}
	

a:hover {
                     color:$css.hover_color;
                     text-decoration:underline;	}	
	
.title {
	font-size:9pt; 
        color:#000000;
	font-weight:bold; 
	text-align:left;
	}

ul {
	padding: 0 0 0 12px; 
	margin:3px;
	}

.headlines {font-size:10pt;}

.topstory {
    color:#000000;
	font-size:9pt; 
	font-weight:bold; 
	}


/* Search and Timestamp */
.headerSearch {
float:left;
margin-left:10px
}


.timestamp {
float:left;
margin-left:20px; 
margin-right:10px;
font-size:10pt;
color:#000000;
line-height:20px
}


#headerSearchForm {margin:0; padding:0; display:inline; line-height:25px; font-size:8pt}
#headerSearchForm input {font-size:8pt}

/* Header and Header Tout Items */
#header {
position:relative; 
color:;
height:105px;
}

#header a {color:;}

#headerLogo {
float:left;
height:105px;
}

#headerScroll {
float:left;
height:105px;
}

.scroll {
height:105px;
width:inherit;
}



#headerWeather {
background-image:url($css.headerWeather.url);
background-repeat:no-repeat;
height:105px;
float:right;
}

#weatherSticker {

}


#headerAd {
float:right;
height:105px;
}


#staticText{
float:right;
height:105px;
}


#headerImage {width:986px; margin-left:auto; margin-right:auto}

#marquee {
	width:986px; 
	margin:3px auto; 
	background-color:#ffffff;
	font-size:9pt; 
	font-weight:Bold; 
	color:#000000; 
	}

/* Header Nav Items */
#headerNavRow {
height:25px;
background-color:; 
text-align:right; 
color:; 
font-size:$css.headerNavFontSize;
}

#headerNavRow ul {margin:0px 15px 0px 5px; padding:0; list-style-type:none}
#headerNavRow li {display:inline; padding:0px  0px ;line-height:25px;}
#headerNavRow a {text-decoration:none;font-weight:bold;color:}
#headerNavRow a:hover { text-decoration:none; }


/* Top Nav Row Items */
#topNavRow {font-size:$css.topNavFontSize; background-color:; color:; text-align:left; height:25px; background-image:url($css.topNavBgImage.url); background-repeat:repeat-x;}
#topNavRow ul {margin:0px 15px 0px 5px; padding:0; list-style-type:none; display:inline;}
#topNavRow li {display:inline; padding:0px 4px 0px 4px;line-height:25px;}
#topNavRow a {text-decoration:none;color:; font-weight:bold}
#topNavRow a:hover { text-decoration:none;   color:;}

/* Bottom Nav Row Items */
#bottomNavRow {
font-size:9pt; 
height:25px; 
background-color:#ffffff; 
color:#3F3F3F; 
text-align:Center; 
background-image:url($css.bottomNavBgImage.url);
background-repeat:repeat-x;
}

#bottomNavRow ul {margin:0px 15px 0px 5px; padding:0; list-style-type:none}
#bottomNavRow li {display:inline; padding:0px 4px 0px 4px;line-height:25px;}
#bottomNavRow a {
text-decoration:none;
color:#3F3F3F;
font-weight:bold;
padding: 0 14px;
}
#bottomNavRow a:hover { text-decoration:none;  color:#AA0003;}




#pageContainer {width:986px; margin-left:auto; margin-right:auto; }
#content {width:990px; margin-top:8px;margin-left:auto; margin-right:auto; clear:both;}
#fullWide {float:left;width:100%;}

#leftColumn {width:510px; float:left;margin-right:8px;}
#leftColumnWide {width:678px; float:left;margin-right:8px;}


#middleColumn {float:left;width:160px; margin-right:8px;}
#middleColumnMerge {display:none}

#rightColumn {width:300px; float:left}
#rightColumnWide  {width:469px; float:left}

#storyColumn {width:678px; float:left; margin-right:8px}
#storyColumnFullWide {width:986px}
td {text-align:left}


.contentModule {
background-color:#ffffff; 
margin:5px 0px;
border:0px $css.moduleBorderType ;
}
.toutModule  {text-align:center; margin:5px 0px;}
.adModule {margin:5px 0px;text-align:center;}


#cont {text-align:left; position:relative;width:98%;height:175px; overflow:hidden; padding:3px}
.news {position:absolute;top:0px;left:0px;width:94%;height:175px;visibility:hidden;text-align:left}
.storyOn {width:15px; border:thin solid black 1px;padding:0px; text-align:center;background-color:red;color:white;}
.storyOff {width:15px; border:thin solid black 1px;padding:0px; text-align:center;background-color:white;color:red;}
.storyLinkOn {text-decoration:none; font-weight:bold;font-size:8pt;color:#ffffff}
.storyLinkOff {text-decoration:none; font-weight:bold;font-size:8pt;color:#000000}


.header {background-color:#ffffff; color:#000000; font-weight:bold; padding:3px; font-size:9pt;}
.breaking {background-color:#ffffff; color:#000000; font-weight:bold; padding:3px; font-size:9pt;}


#footer {width:986px; background-color:#ffffff; font-size:9pt; color:#3F3F3F; padding-top:5px; clear:both;margin: 0 auto; text-align:center;}
#footer a { font-size:9pt; color:#3F3F3F;}
#footer a:hover {color:#AA0003; text-decoration:none; }

.navTitle, .navTitle a { color:#ffffff; }



#pager {text-align:left; position:relative; padding:3px;}
#pager a  {padding:5px; text-align:center;background-color: white;color: #000000;text-decoration:none;}
#pager a.activeSlide  {padding:5px; text-align:center;background-color: red;color: white; text-decoration:none;}

.gradient2 {
	position: relative;
}

/* Set the style for tabbed modules. */

 
.shadetabs {padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; margin-right: 0; font-size:8pt; list-style-type: none; text-align: left; border-bottom: 1px solid #999999;}

.shadetabs li{display: inline; margin: 0 -4px 0 0;}

.shadetabs li a{text-decoration: none; padding: 3px; margin: 0; border: 1px solid #999; color: #2d2b2b; position: relative; background-image:url(http://media.graytvinc.com/images/gradient-alpha-white.png);  background-color: #AAAAAA;  }

.shadetabs li a:visited{color: #2d2b2b;}

.shadetabs li a:hover{text-decoration: none;}

.shadetabs li.selected{paddint-top: 5px; position: relative; top: 0px; background-color:#FFFFFF;}

.shadetabs li.selected a{padding: 3px; background-image:url(http://media.graytvinc.com/images/gradient-alpha.png); color: #2d2b2b; border-bottom: 1px solid #FFFFFF; background-color:#FFFFFF; outline:none;}

.shadetabs li.selected a:hover{ /*selected main tab style */text-decoration: none;}

.tabcontentstyle{ /*style of tab content container*/border: 0px solid #999; width: 100%; /* height: 120px;*/ padding:0px; background-color:#ffffff;}

.tabcontent{display:none;}

.linksholder {overflow: auto;}

.linksholder table img {border: 0px solid black;}
.linksholder table {font-size: 12px; line-height: 15px;}
.linksholder table td {border-bottom: 1px dashed #999999; padding: 3px 0 3px 0;}

@media print {
.tabcontent {display:block!important;}
}

.storyTime {font-size:8pt; font-style:italic;}


.storyImage {padding:5px; text-align:right; float:right; background-color: #AAAAAA;}

.storyImageCaption {padding:0 5px 3px; font-size:8pt; text-align:center; background-color: #AAAAAA; color: #2d2b2b;}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li {width: 150px; font-size:8pt}

/* Styling the basic apperance of the menu elements */
#primary-nav a {
display: block; 
margin: 0px; 
padding:0px 14px;
text-decoration: none; 
font-weight:bold; 
color: #ffffff;
}
#primary-nav li a {color:#3F3F3F; font-size:9pt; border-right:1px solid 0px; }
#primary-nav li li a {color:#3F3F3F; border:1px solid 0px; }	

/* background color here should match menuwrapper color */
/*#primary-nav li, #primary-nav li.menuparent {background-color:#ffffff;}*/

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {background-color:#ffffff;}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) 
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth {}
*/

/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh {background-color: #AA0003;}


#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}

/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   line-height:25px;
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   float: left; 
}

#primary-nav li a:hover{
color:#AA0003;
}

/*dropDownBgColor should go here*/
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
   background-color:#ffffff;
}

#menu_vert {margin-left: 0px; margin-right: 0px;}

.clearb { clear: both; }
#menuwrapper {
background-color:#ffffff; 
width:986px;
height:25px;
position:relative; 
z-index:9999;
background-image:url($css.bottomNavBgImage.url);
background-repeat:repeat-x;
}

#tooltip{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
} 

.tooltip{
cursor:default;
}

/* IE Hacks */
#primary-nav li li {float: left; clear: both;}
#primary-nav li li a {height: 1%;}
#mobileContainer {display:none;}