/***** general, default, general article, and shared styles ******/
body {
	margin: 6px 0px 0px 0px;
	padding: 0px;
	text-align: center; /**** to correct the centering IE bug ****/}
	
#globalCenter {
     margin-left: auto;
     margin-right: auto;
     width: 950px;
	 text-align: left; /**** to realign your text ****/}

/** standard/sitewide OOL fonts **/	 
body, p, td {
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	color:#000;}
	 
/** OOL standard/sitewide link colors **/
a:link {color: #06C;}
a:visited {color: #999;}
a:hover {color: #006;}

/** other standard treatments of elements **/
img {border: none 0px;}

ul {
	list-style-type: none; 
	margin: 0px; 
	padding: 0px;}
	
h1 {font-size: 18px; margin: 18px 0px 18px 0px; padding: 0px;} /*** used for standard page title ***/

h2 {font-size: 15px; margin: 18px 0px 18px 0px; padding: 0px;} /*** standard section headings ***/

.bold {font-weight: bold;}

.ninepx {font-size: 9px;}

/** header and top nav styles **/
#header-left {
	float:left; 
	height: 176px; 
	width: 749px; 
	background-color: #EA8A2E; 
}
#header-left #logo-tab {
	background-color: #fff;
}
#header-right {
	float: left; 
	height: 176px;
	width: 201px; 
	background: #FEDA4F url(/images/outside/header_052006/subscribe_bg.gif) no-repeat;
}
#header-right img {
	margin-top: 17px;
}

#header .primaryNav {
	font-weight: bold; 
	font-size: 13px;
	background-color: #FEDA4F;}
	
#header div.topNav {
	padding: 0px 0px 0px 0px; 
	height: 27px;}
	
/*#header div.topNav ul, #header div.topNav li {display: inline;} */

#header div.topNav li {float: left; line-height: 27px; padding: 0px 7px;}

#header div.topNav li.first {padding-left:8px;} 

#header div.topNav li.filled {
	background-color: #930;
}

#header div.topNav a {color: #000; padding: 0px 7px;}

#header div.topNav a.selected, #header div.topNav a.selected:hover {
	color: #fff; 
	background-color: #930;
}

#header div.topNav a:hover {color: #930;}

/*#header div.topNav a:visited {color: #06C;}

#header div.topNav a:visited:hover {color: #006;}*/

#banner-ad-table {
	height: 104px;
}
#banner-ad-table td.ad-title {
	padding-right: 3px;
}

/** end header styles **/


/** search in top nav **/
#site-search-bar {
	background-color: #EB8E2E; 
	padding: 0px; 
	height: 29px;
	vertical-align: middle;
}
#site-search-form {
	float: left;
	width: 462px;
}
#site-search-form form {
	margin: 6px 15px 0px 15px; 
	padding: 0px;
}
#site-search-bar input {
	font-size: 10px;  
	vertical-align: middle;
}
#quote-flash {
	float: left;
}

/** sub box in right nav **/
		INPUT {
		font-family : Verdana;
		font-size : 10px;
		border-color : #000000;
		border-width : 1;
	}
	SELECT {
		font-family : Verdana;
		font-size : 10px;
	}

/** creates display of dotted line hard rules (page dividers) **/
hr {display: none;}
div.hr {
	background-image: url(/images/dip/grey-white-dots.gif); 
	background-repeat: repeat; 
	height: 1px;
	margin: 0px;
	padding: 0px; }
div.fullWidthHr {width: 950px;} /*** appears in header and footer sections ****/
div.header-hr {
	background-color: #930;
	height: 1px;
	margin: 0px;
	padding: 0px; 
}

div.header-hr-white {
	background-color: #fff;
	height: 1px;
	margin: 0px;
	padding: 0px; 
}

/**** breadcrumbs ****/
#breadcrumbs {
	background-color: #F1E191; 
	font-size: 9px; 
	padding: 6px 30px 6px 15px;
	clear: both;}
	
#breadcrumbs ul, #breadcrumbs li {display: inline;}

/** these are hacks to get around the hard coded html returned by the breadcrumbs proc	
	fix the proc, these can go **/
#breadcrumbs td {font-size: 9px;}
#breadcrumbs td b {font-weight: normal;}


/** end breadcrumbs **/


/***** outerTable width and columns for dynamic pages with left nav ******/
#outerMostTable {width: 950px;}

#leftNav {
	width: 130px; 
	font-size:10px; 
	background-color: #FFFFCC;
	vertical-align: top;}
	
.leftNavGrey {
	width: 130px; 
	font-size:10px; 
	background-color: #DDD;
	vertical-align: top;}


/*** standard center width is 484px but shouldn't be set here to account for additional padding that may be added depending on the page ***/
#center, #fullLeft {vertical-align:top;}

#right {
	width: 336px; 
	background-color: #EBEBEB;
	font-size: 10px;
	vertical-align:top;}
	
/***** left nav styles ******/
#leftNav h3 {  /**** left nav headings *****/
	color: #fff; 
	font-size: 10px; 
	padding: 5px 5px 5px 15px;
	margin: 0px;
	background-color: #999966;} 
	
#leftNav li {padding: 4px 5px 4px 15px;} /***** default spacing for left nav list items *****/

#leftNav ul {margin: 6px 0px 12px 0px;}

#leftNav .navthumb {border: 1px solid #666; margin: 6px 0px 0px 15px;}

#leftNav p {margin: 6px 4px 12px 15px; font-size: 10px;}

.leftNavList li {
		background-image: url(/images/outside/online-exclusives/channel/+.gif); 
		background-repeat: no-repeat; 
		background-position: 5 8px; 
		padding: 4px 0px 4px 15px;
	}

/*** end left nav styles ***/


/***** global right nav styles ******/
#right h6 {
	text-align: center; 
	background-color: #fff; 
	padding-top: 6px;
	margin: 0px; 
	padding: 0px;
	font-weight: normal;
	font-size: 9px;}

#right #iframe {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #EEF5FD;
	height: 240px;
	text-align: center;
	padding: 8px 0px 0px 0px;}
	
#right div.hr {
	background-color: #fff; 
	width: 336px; 
	height: 5px;
	background-image: none;}
	
#right #boxAd, #right #towerAd {text-align: center;}	

#right div.rnListContainer { /***** right nav list container *****/
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #EEF5FD;
	padding: 0px 5px 12px 5px;
	text-align:left;}
	
#right li {
	background-image: url(/images/dip/right_nav/right-nav-bullet.gif); 
	background-repeat: no-repeat; 
	background-position: 0 8px; 
	padding: 6px 0px 0px 15px;}
	
/****** global footer styles ******/
#footer h2 {
	background-color: #000; 
	color: #fc0; 
	margin: 0px 0px 12px 0px; 
	text-align: center;
	padding: 3px;}

#footer div.listA {float: left; width: 237px;}

#footer div.listB {float: left; width: 238px;}

#footer h3 {font-size: 11px; margin: 0px 0px 6px 0px; padding: 0px;}

#footer .listA li,  #footer .listB li {padding: 0px 15px 4px 0px;}

#oolcopyright {font-size: 9px; text-align:center;}

#oolfooternav {
	background-color: #F1E191; 
	border-bottom: 9px solid #000; 
	text-align: center; 
	padding: 6px 0px 12px 0px;}

#oolfooternav ul, #oolfooternav li {display: inline;}

#oolfooternav li {line-height: 18px;}


/**** away bot ****/
#awayBot {
	width: 336px;
	text-align: left;
	background-color: #fff;
}

#awayBot form {
	padding: 0px;
	margin: 0px;
}

#awayBot a {
	color: #06C;
}

#awayBot, #awayBot td {font-size: 10px;}

#awayBot #tabs {margin-bottom: 1px;}

#awayBot img.rightmargin {margin-right: 1px;}

#awayBot table.top {
	width: 320px;
	background: url(/images/dip/awaybot/top_bg.jpg) repeat-x;
}

#awayBot td {
	padding-top: 12px;
	vertical-align: top;
}

#awayBot td.noTopPad {
	padding-top: 0px;
}

#awayBot td.left {
	padding-left: 10px;
}

#awayBot table.bottom {
	width: 320px;
	background: url(/images/dip/awaybot/bottom_bg.jpg) repeat-x bottom;
}

#awayBot input, #awayBot select {
	font-size: 9px;
	font-family: verdana;
	margin-top: 2px;
}

#awayBot input.date {
	width: 76px;
}

#awayBot .nine {
	font-size: 9px;
}

#awayBot #submit {
	background-color: #E8F1F5;
	width: 320px;
	padding: 8px 0px 12px 0px;
	text-align: center;
}

#awayBot .compare {
	color: #c90;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

#awayBot table.providers {
	margin-top: 4px;
}

#awayBot table.providers td {
	padding: 0px 10px 0px 0px;
}

#awayBot .error {
	color: f00;
	width: 320px;
	background-color: #E8F1F5;
	text-align: left;
	margin-left: 10px;
	width: 95%;
}

#awayBot .error ol {
	margin: 0px 0px 12px 24px;
}

#awayBot .error ol li {
	background-image: none;
	padding: 0px;
}

/***  article styles. these are shared with away. TODO: create one stylesheet ****/
.stdArticleContent {padding: 18px 7px;}
.stdArticleContent hr, .articleContent hr {display: block;}
#genericbox {width:175px; margin:4px;}
#genericbox td.title {background-color:#339; font-weight: bold; color: #fff; text-align: center;}
#genericbox td.text {background-color:#D7E5EE; border:1px solid #ccc; line-height: normal}
#pullquote hr {color: #ccc; height: 1px;}
#pullquote .text {font-size: 10px; padding: 0px 12px; text-align: center;}

/**** forced to reuse DEPRECATED article styles from old css. DO NOT USE THESE STYLES. 
	  these are shared with away. TODO: create one stylesheet ****/
.CenterSectionTitle {font-size: 18px; font-weight: bold;}
.CenterCreditText {font-size: 10px;}
.CenterBodyText {font-size: 12px; line-height: 18px}
.CenterBodyText p {font-size: 12px; line-height: 18px; margin-bottom: 12px;}
.CenterBodyText table td {font-size: 11px;}
.PlainBlack10 {font-size: 10px;}
.PlainBlack11 {font-size: 11px;}
.PlainBlack12 {font-size: 12px;}
.PlainBlack12 p {font-size: 12px; line-height: 18px;}
.BoldRed11 {color: #C33; }
.liteblue_link {color: #3965AD; font-weight: bold;}
.liteblue_link10 {color: #3965AD; font-size: 10px;}

/**** more DEPRECATED styles to support older pages. Not all attributes have been implemented. These should not be reused going forward 
	  these are shared with away. TODO: create one stylesheet ****/
.BoldBlack11 {font-weight: bold;}
.BoldBlack12 {font-weight: bold;}
.PlainBlack13 {font-size: 13px;}
.PlainDarkBlue18 {font-size: 18px;}
.BoldLiteBlue20 {font-size: 20px;}
.BoldAqua24 {font-size: 20px;}
.BoldRealRed11 {color: red; font-weight: bold;}
.BoldBlack20 {font-size: 20px; font-weight: bold;}
.yellow11 {font-size: 11px; font-weight: bold; color: #FFCC33;}
.orange11 {font-size: 11px; font-weight: bold; color: #FF6000;}