/* 
font sizes: use EM
container sizes: use PX
sitewide blue: #0A4366;
*/ 
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 12px;
}

#iservices_login_loading2 {
	display: none;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.75em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.25em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 0.75em;
}

h7 {
	font-size: 0.5em;
}

p {
	line-height: 1.5em;
	margin: 1.5em 0; /* font-family: "MS Reference Sans Serif", 'Helvetica Neue', Arial, sans-serif; */
}

/* GENERIC FLOATS AND CLEARS
-------------------------------------------------------------------------------- */
.left {
	float: left;
}

.right {
	float: right;
}

.clearBoth {
	clear: both;
}

.white_rule {
	height: 10px;
}

/* SITE GUTS CONTAINER, ARTICLE, AND ALL CRAP
-------------------------------------------------------------------------------- */
#bodyContent {
	padding: 10px 0 0 0;
	margin: 0;
}

a:link {
	color: #0A4366;
	text-decoration: none;
}

a:visited {
	color: #072D44;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #333399;
}

/* GENERALIZED COMPONENTRY
-------------------------------------------------------------------------------- */
.kicker {
	color: #870E06;
	text-transform: uppercase;
}

.pubDate {
	color: #999999;
}

/* sitewide bullets styles within body of site, not top nav or footer areas affected */
#bodyContent ul {
	line-height: 1.5em; /* list-style-type: disc;
	list-style-position: outside; */
/* list-style-image: url(/graphics04/bullet_blue.png); */
	margin: 1em 0 0 0;
	padding-left: 0;
	list-style: none;
}

#bodyContent ul li {
	/* list-style-position: outside 
	margin: 5px 0 0 -20px;
	margin: 5px 0 0 0; */
	margin-bottom: 0.5em;
	background-image: url(/graphics04/bullet_blue.png);
	background-position: 0 0.15em;
	background-repeat: no-repeat;
	padding-left: 1.5em;
}

/* used to make news listing dates gray */
#bodyContent ul li span {
	color: #666666;
}

/* BLUE BAR ACROSS TOP OF SITE
-------------------------------------------------------------------------------- */
div.topContainer {
	width: 100%;
	border-bottom: 1px solid #666666;
	margin: 0px;
	background-color: #0A4366;
	color: #FFFFFF;
	padding: 0.5em 0em;
}

div.topContainer a {
	color: #FFFFFF;
}

div.topContainer div.content {
	width: 976px; /* width: 81.33em; */
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}

/* sitewide upper left tools. > Classifieds > Jobs > Autos > Homes > Place an Ad */
div.topContainer div.content ul.topTools {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

div.topContainer div.content ul.topTools li {
	float: left;
	text-indent: 0.5em;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0 1em 0 0;
}

div.topContainer div.content ul.topTools li a {
	text-decoration: none;
	padding: 0em 0.5em;
	display: block;
	color: #FFFFFF;
	background: url(/graphics04/icons_buttons/topContainerArrow.gif) no-repeat left;
}

div.topContainer div.content ul.topTools li a:hover {
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}

/* sitewide top syndication tools.  Podcast, Mobile, RSS */
div.topContainer div.content ul.topSyndication {
	list-style-type: none;
	float: right;
	margin: 0;
	padding: 0;
}

div.topContainer div.content ul.topSyndication li {
	float: left;
	text-indent: 0.75em;
	font-size: 1.25em;
}

div.topContainer div.content ul.topSyndication li a {
	text-decoration: none;
	text-transform: uppercase;
	padding: 0em 0.5em;
	display: block;
	color: #ECECEC;
}

div.topContainer div.content ul.topSyndication li a.podcast {
	background: url(/graphics04/icons_buttons/syndicationIconPodcast.png) no-repeat left;
}

div.topContainer div.content ul.topSyndication li a.mobile {
	background: url(/graphics04/icons_buttons/syndicationIconMobile.png) no-repeat left;
}

div.topContainer div.content ul.topSyndication li a.rss {
	background: url(/graphics04/icons_buttons/syndicationIconRss.png) no-repeat left;
}


div.topContainer div.content ul.topSyndication li a.twitter {
	background: url(/graphics04/icons_buttons/syndicationIconTwitter.png) no-repeat left;
}

div.topContainer div.content ul.topSyndication li a:hover {
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}

/* MAIN CONTENT CONTAINER, is centered area containing all site content sans top bar and footer
-------------------------------------------------------------------------------- */
#container {
	width: 976px; /* width: 81.33em; */
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0 1em 1em 1em;
}

/* TOP LOGO AND WEATHER */
#container div.logoContainer {
	padding: 1em 0.5em 0.5em 0.5em;
	height: 72px;
}

/* FRONT PAGE MASTHEAD LAYOUT */
#container div.logoContainer h1.fppTitle {
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	display: block;
	width: 450px; /* width: 19em; */
	height: 3em;
	float: left;
	background: url(/graphics04/logoBulletinMain.gif) top left no-repeat;
	background-position: 0 0;
}

#container div.logoContainer h1.fppTitle a {
	display: block;
	width: 19m;
	height: 3em;
}

/* URL and timestamp layout for site front page */
#container div.logoContainer div.fppTimeURL {
	height: 5.8em; /* width: 22em; */
	width: 220px;
	float: left;
	background: url(/graphics04/logoBulletinURL.gif) bottom left no-repeat;
}

#container div.logoContainer div.fppTimeURL p {
	font-size: 0.875em;
	margin: 2.75em 0 0 0;
	color: #666666;
}

/* SECTION FRONT MASTHEAD LAYOUT */
#container div.logoContainer div.scfTimeURL {
	width: 500px;
	height: 72px;
	float: left;
}

#container div.logoContainer div.scfTimeURL h1 {
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	display: block;
	width: 130px; /* width: 19em; */
	height: 20px; /* float: left; */
	background: url(/graphics04/hed_logo.png) top left no-repeat;
	background-position: 0 0;
}

#container div.logoContainer div.scfTimeURL h1 a {
	display: block;
	width: 130px;
	height: 20px;
}

#container div.logoContainer div.scfTimeURL p {
	font-size: 0.875em;
	margin: 0;
	color: #666666;
}

#container div.logoContainer div.scfTimeURL h2 {
	margin: 0;
	text-indent: -5000px;
	width: 700px;
	height: 45px; /* background: url(/graphics04/mastheads/bulletin-categories-localstate.gif) bottom left no-repeat; */
	background-position: bottom left;
	background-repeat: no-repeat;
}

#container div.logoContainer .weather {
	float: right;
	padding: 0;
	margin: 0.25em 0 0 0;
	width: 230px;
}

#container div.logoContainer .weather div {
	float: left;
	padding: 0;
	width: 7.5em;
	height: 6em;
}

#container div.logoContainer .weather div a img {
	border: 0;
}

#container div.logoContainer .weather h3 {
	padding: 0;
	margin: 0;
}

#container div.logoContainer .weather h3 span {
	padding: 0;
	margin: 0 0 0 3px;
	font-size: 0.5em;
}

#container div.logoContainer .weather p {
	padding: 0;
	margin: 10px 0 0 0;
	width: 135px;
	float: left;
}

#container div.logoContainer .weather p a {
	color: #0A4366;
	font-weight: normal;
	font-size: 1.125em;
}

/* MAIN TOP HORIZONTAL NAVIGATION
div.mainCategories ==> top dark color bar
div.subCategories ==> lower light gray bar
-------------------------------------------------------------------------------- */
#container div.mainNav {
	margin: 0.5em 0;
}

#container div.mainNav ul {
	clear: both;
}

#container div.mainNav div.mainCategories {
	width: 100%;
	background: url(/graphics04/corners_gradients/corner_2_top.gif) #333333 top left no-repeat;
}

#container div.mainNav div.mainCategories ul {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

#container div.mainNav div.mainCategories ul li {
	margin: 0;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
}

#container div.mainNav div.mainCategories ul li a {
	text-decoration: none;
	padding: 0.5em 1em 0.25em 1em;
	margin: 0.125em 0 0 0;
	display: block;
	color: #FFFFFF;
	background: url(/graphics04/corners_gradients/tabNavSprite.png) top right no-repeat;
}

	
#container div.mainNav div.mainCategories ul li a:hover {
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
	color: #FFFFFF;
}

#container div.mainNav div.mainCategories ul .activeFirst {
	display: block;
	background: url(/graphics04/corners_gradients/tabNavSprite.png) no-repeat;
	background-position: right -39px;
	color: #870E06;
}

#container div.mainNav div.mainCategories ul .activeFirst a {
	color: #870E06;
	background: none;
	padding: 0.25em 0em 0 0;
	margin: 0;
}

#container div.mainNav div.mainCategories ul .activeFirst a:hover {
	text-decoration: underline;
	color: #870E06;
}

#container div.mainNav div.mainCategories ul .activeFirst div.leftCorner {
	background: url(/graphics04/corners_gradients/tabNavSprite.png) no-repeat;
	background-position: -1px -79px;
	width: 0.6em;
	margin: 0;
	padding: 0;
	height: 27px;
	float: left;
}

#container div.mainNav div.mainCategories ul .activeFirst div.rightCorner {
	padding: 0.5em 0.8em 0 0;
	margin: 0;
}

/* rounded gray tab, of active content */
#container div.mainNav div.mainCategories ul .active {
      display: block;
	background: url(/graphics04/corners_gradients/tabNavSprite.png) no-repeat;
	background-position: right -39px;
	color: #870E06;
}

#container div.mainNav div.mainCategories ul .active a {
	color: #870E06;
	background: none;
        padding: 0.5em 1em 0 0.8em;
}

#container div.mainNav div.mainCategories ul .active a:hover {
	color: #870E06;
}


#container div.mainNav div.mainCategories ul .active div.leftCorner {
	background: url(/graphics04/corners_gradients/tabNavSprite.png) no-repeat;
	background-position: 0px -39px;
	width: 0.8em;
	margin: 0 0 0 -3px;
	padding: 0;
	height: 27px;
	float: left;
}

#container div.mainNav div.mainCategories ul .active div.rightCorner {
	padding: 0.5em 0.8em 0 0;
	margin: 0;
}

/* round corner on right */
#container div.mainNav div.mainCategories div.mainRightCorner {
	background: url(/graphics04/corners_gradients/corner_2_top.gif) #333333 top right no-repeat;
	height: inherit;
	width: 0.8em;
	float: right;
	margin: 0;
	padding: 0;
}

/* div.subCategories ==> lower light gray gradient bar */
#container div.mainNav .subCategories {
	width: 100%;
	background: url(/graphics04/corners_gradients/navLeftExtended.png) #EBEBEB bottom left no-repeat;
	height: 27px;
}

#container div.mainNav .subCategories ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 950px;
}

#container div.mainNav .subCategories ul li {
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
	font-weight: bold;
}

#container div.mainNav .subCategories ul li a {
	text-decoration: none;
	display: block;
	padding: 0.5em 0.75em;
	background: url(/graphics04/nav-pipe-blue.png) no-repeat right;
}

	
#container div.mainNav .subCategories ul li a:hover {
	display: block;
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}

#container div.mainNav .subCategories ul .active {
}

#container div.mainNav .subCategories ul .active a {
	color: #870E06;
}
 
/* lower right rounded corner */
#container div.mainNav .subCategories div.subRightCorner {
	background: url(/graphics04/corners_gradients/navRightExtended.png) #EBEBEB bottom right no-repeat;
	height: inherit;
	width: 0.8em;
	float: right;
	margin: 0;
	padding: 0;
}

/* SITEWIDE SEARCH, SEARCH SPONSOR, E-EDITION CREDENTIALS 
-------------------------------------------------------------------------------- */
#container div.eddContainer {
	margin: 0 auto 10px auto;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #CCCCCC;
}

/* div.lc_full and div.rc_full - generalized rounded corner endcaps for search and e-edition login containers, this get used with searchCenterGradient.png as the body fill  */
#container div.eddContainer div.lc_full{
	background: url(/graphics04/corners_gradients/searchLeftSide.png) #ECECEC top left no-repeat;
	float: left;
	height: 60px;
	width: 10px;
}

#container div.eddContainer div.rc_full{
	background: url(/graphics04/corners_gradients/searchRightSide.png) #ECECEC top left no-repeat;
	float: right;
	height: 60px;
	width: 10px;
}

#container div.eddContainer img {
}

/* sitewide search form styles */
#container div.eddContainer div.searchArea {
	float: left;
	background: url(/graphics04/corners_gradients/searchCenterGradient.png) #ECECEC repeat-x;
	width: 600px;
	height: 60px;
	font-weight: bold;
}

#container div.eddContainer div.searchArea form {
	float: left;
	width: 580px;
}

#container div.eddContainer div.searchArea form .search_field {
	width: 480px;
	margin: 5px;
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	padding: 2px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-image: url(/graphics/v3_wide/headerBackground.gif);
	background-position: 0 -50px;
	background-repeat: repeat-x;
	font-family: 'Helvetica Neue', Arial, sans-serif;
}

#container div.eddContainer div.searchArea .search_submit {
	background: url(/graphics04/icons_buttons/btnNavSearch.png) #ECECEC bottom right no-repeat;
	width: 70px;
	height: 26px;
	color: #FFFFFF;
	text-align: center;
	border: 0;
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 0;
	float: right;
}

#container div.eddContainer div.searchArea div.searchChooser {
	clear: both;
}

#container div.eddContainer div.searchArea div.searchChooser div.radioChoices {
	float: left;
}

#container div.eddContainer div.searchArea div.searchChooser div.radioChoices span {
	font-weight: normal;
}

#container div.eddContainer div.searchArea div.searchChooser div.googlePowered {
	float: left;
	font-weight: normal;
	font-size: 0.8em;
	margin: 0 0 0 3px;
}

#container div.eddContainer div.searchArea div.searchChooser div.advancedArchive {
	float: right;
	text-transform: uppercase;
	font-size: 0.8em;
	margin: 6px 0 0 0;
}

#container div.eddContainer .searchSponsor {
	float: left;
	width: 120px;
	height: 60px;
	margin: 0 0 0 10px;
	border: 0;
}

#container div.eddContainer .eEditionLogin {
	float: right;
	margin: 0;
	background: url(/graphics04/corners_gradients/searchCenterGradient.png) #ECECEC repeat-x;
	width: 230px;
	height: 60px;
}

#container div.eddContainer .eEditionLogin div.content {
	width: 205px;
	float: left;
}

#container div.eddContainer .eEditionLogin div.content .utility_bar {
}

#container div.eddContainer .eEditionLogin div.content .utility_bar .login_field {
	width: 200px !important;
	margin: 0;
	font-size: 1.2em;
	background-image: url(/graphics04/icons_buttons/loginSprite.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
}

#container div.eddContainer .eEditionLogin div.content .utility_bar .password_field {
	width: 138px !important;
	margin: 0.125em 0.25em 0 0;
	font-size: 1.2em;
	float: left;
	background-image: url(/graphics04/icons_buttons/loginSprite.gif);
	background-position: 0 -28px;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
}

#container div.eddContainer .eEditionLogin div.content .utility_bar .field_hover {
	background-position: 0 -500px;
}

#container div.eddContainer .eEditionLogin div.content .utility_bar .submit_button {
	margin: 0.25em 0 0 0;
}

#container div.eddContainer .eEditionLogin div.content .utility_bar .submit_button input {
	margin: 0;
	padding: 0;
	background: url(/graphics04/icons_buttons/btnIservices.png) #ECECEC bottom right no-repeat;
	width: 57px;
	height: 19px;
	color: #FFFFFF;
	text-align: center;
	border: 0;
	font-weight: bold;
	font-size: 0.8em;
}

#container div.eddContainer .eEditionLogin div.content p.utility_bar_date {
	display: none !important;
}

#container div.eddContainer .eEditionLogin div.content p.sign_in_message {
	margin: 0.25em 0 0 0;
	font-weight: bold;
}

#container div.eddContainer .eEditionLogin div.content p.sign_in_link {
	margin: 0;
	font-weight: bold;
	font-size: 0.8em;
}

#container div.eddContainer .eEditionLogin div.content #account_utility_bar {
	clear: both;
	padding: 0.25em 0 0 0;
}

/* TOP LEADERBOARD AND HOUSE AD POSITIONING
-------------------------------------------------------------------------------- */
#container div.leaderContainer {
	margin: 0 auto 0.25em auto;
        padding: 0 0 0.75em 0;
        border-bottom: 1px solid #ccc;
}

#container div.leaderContainer img {
	border: 1px solid #CCCCCC;
}

#container div.leaderContainer .leaderAd {
	float: left;
}

#container div.leaderContainer .houseAd {
	float: right;
	margin: 0 0 0 1em;
}

/* BREAKING NEWS
-------------------------------------------------------------------------------- */
#container h1.breakingNews {
	margin: 10px 0 20px 0;
	padding: 5px 0 5px 160px;
	background: url(/graphics04/breakingNews_txt.png) #CCCCCC no-repeat 0 50%;
	font-weight: normal;
	font-size: 1.2em;
}

#container h1.breakingNews span {
	color: #999999;
}

#container h1.breakingNews a {
	font-weight: bold;
}

/* BREADCRUMB
-------------------------------------------------------------------------------- */
#container ul.breadcrumb {
	padding: 0.5em 0 0.75em 0;
	margin: 0 0 10px 0;
	font-weight: bold;
}

#container ul.breadcrumb li {
	display: inline;
	background: url(/graphics04/nav_bc_arrow.png) no-repeat;
	padding: 0 0 0 0.9em;
	margin: 0 0.85em 0 0;
}

/* WHITE ROUNDED CORNER BOX, WIDTH NEEDS TO BE SET WITH SEPARATE STYLE
SET 3 ( corner_3_top.gif | corner_3_bottom.gif )
fill: #FFFFFF (white)
stroke: #d6d6d6
-------------------------------------------------------------------------------- */
div.rcWhiteContainer {
}

div.rcWhiteContainer .upperLeftCorner {
	background: url(/graphics04/corners_gradients/corner_3_top.gif) top left no-repeat;
	width: 100%;
	height: 10px;
	text-align: center;
}

div.rcWhiteContainer .upperRightCorner {
	background: url(/graphics04/corners_gradients/corner_3_top.gif) top right no-repeat;
	height: 10px;
	width: 10px;
	float: right;
}

div.rcWhiteContainer .content {
	border-right: 1px solid #D6D6D6 !important;
	border-left: 1px solid #D6D6D6 !important;
}

div.rcWhiteContainer .lowerLeftCorner {
	background: url(/graphics04/corners_gradients/corner_3_bottom.gif) bottom left no-repeat;
	height: 10px;
	width: 10px;
	width: 100%;
}

div.rcWhiteContainer .lowerRightCorner {
	background: url(/graphics04/corners_gradients/corner_3_bottom.gif) bottom right no-repeat;
	height: 10px;
	width: 10px;
	float: right;
}

/* WHITE ROUNDED CORNER BOX, WIDTH NEEDS TO BE SET WITH SEPARATE STYLE
SET 1 ( corner_1_top.gif | corner_1_bottom.gif )
fill: #f0f0f0
stroke: d6d6d6
-------------------------------------------------------------------------------- */
div.rcGrayContainer {
}

div.rcGrayContainer .upperLeftCorner {
	background: url(/graphics04/corners_gradients/corner_1_top.gif) top left no-repeat;
	width: 100%;
	height: 10px;
	text-align: center;
}

div.rcGrayContainer .upperRightCorner {
	background: url(/graphics04/corners_gradients/corner_1_top.gif) top right no-repeat;
	height: 10px;
	width: 10px;
	float: right;
}

div.rcGrayContainer .content {
	background-color: #F0F0F0;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
}

div.rcGrayContainer .lowerLeftCorner {
	background: url(/graphics04/corners_gradients/corner_1_bottom.gif) bottom left no-repeat;
	height: 10px;
	width: 10px;
	width: 100%;
}

div.rcGrayContainer .lowerRightCorner {
	background: url(/graphics04/corners_gradients/corner_1_bottom.gif) bottom right no-repeat;
	height: 10px;
	width: 10px;
	float: right;
}

/* FRONT PAGES PROMO BOX ON FRONT PAGE OF SITE and GLOBAL RIGHT RAIL
-------------------------------------------------------------------------------- */
#bodyContent .frontPages {
	width: 305px;
	margin: 10px 0;
}

#bodyContent div.frontPages div.content {
	padding: 0 10px;
}

#bodyContent div.frontPages h3 {
	margin: 0;
	color: #666666;
}

#bodyContent div.frontPages h4 {
	margin: 5px 0;
	color: #0A4366;
}

#bodyContent div.frontPages a img {
	float: left;
	margin: 0 5px 0 0;
	border: 3px solid #CCCCCC;
}

#bodyContent div.frontPages a:hover img {
	border-color: #0A4366;
}

#bodyContent div.frontPages p {
	margin: 0;
}

#bodyContent div.alsoFree {
	width: 305px;
	margin: 10px 0;
}

#bodyContent div.alsoFree div.content {
	padding: 0 10px;
}

#bodyContent div.alsoFree h3 {
	margin: 0;
	color: #666666;
}

#bodyContent div.alsoFree h4 {
	margin: 5px 0;
	color: #0A4366;
}

#bodyContent div.alsoFree a img {
	float: left;
	margin: 0 5px 0 0;
	border: 3px solid #CCCCCC;
}

#bodyContent div.alsoFree a:hover img {
	border-color: #0A4366;
}

#bodyContent div.alsoFree p {
	margin: 0;
}

/* AP MONEY AND MARKETS, MARKET GRAPH LARGE
-------------------------------------------------------------------------------- */
#bodyContent div.apMarketGraph {
	margin: 10px 0;
	padding: 0;
}

#bodyContent div.apMarketGraph div.content {
	padding: 0 10px;
	margin: 0;
}

#bodyContent div.apMarketGraph h3 {
	margin: 0 0 1em 0;
	background: url(/graphics04/icons_buttons/apLogo.gif) center left no-repeat;
	text-indent: 38px;
	color: #000000;
	text-decoration: none;
}

/* this hides 'AP' where the background graphic replaces it. AP text will show when CSS is turned off, bots, spiders */
#bodyContent div.apMarketGraph h3 span {
	display: none;
}

#bodyContent div.apMarketGraph h4 {
	margin: 5px 0;
	color: #0A4366;
}


