/* Global Classes */
body {
	background-color:white;
	text-align:center;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	width:980px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:7.5pt;
}

/*include h1 a and h2 a to fix IE inheritence bug*/
h1,h2,h3,h4,h5,h6,
h1 a, h2 a{
	font-family: Arial Black;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: -1px;
	line-height: 1.2em;
	font-size: 1.1em;
	
	margin:0;
	padding-bottom:2px;
}

h1{
	letter-spacing:0;
}

p{
	margin-top:0;
	margin-bottom:0;
}

a, a:visited{
	text-decoration:none;
}

a:active, a:hover{
	text-decoration:underline;
}

a img{
	text-decoration:none;
	border:0;
}

table{
	padding:0;
	margin:5px auto;
	
	border:2px gray solid;
	border-collapse:collapse;
	
	text-align:center;
	caption-side:bottom;
}

caption{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
	color:gray;
	font-weight:bold;
}

td{
	margin:0;
	padding:3px;

	border:1px gray solid;
}

tr{
	margin:0;
	padding:0;

	border:1px gray solid;
}

tr#header{
	color:gray;
	font-weight:bold;
	text-transform:capitalize;
	
	border:2px gray solid;
}

form
{
    padding:10px 0;
}

form label
{
    font-weight:bold;
    display:block;
}

form.error
{
    font-weight:bold;
    color:Red;
}

form table, form td, form tr{
	padding:0;
	margin:0;
	border:0;
	text-align:left;
}

/*Outer container to control entire block*/
#mainContainer{
	background-color:gray;
	width:956px;
	text-align:center;
	margin-top:0;
	margin-bottom:0;
	padding-left:12px;
	padding-right:12px;
}

/* Top Navigation */
#topBar {
	text-align:left;	
	height:82px;
	margin-bottom:5px;

	border-top:1px transparent solid; /*hack to make nav bar display correctly in FF*/
	color:gray; /*hack to make transparent border blend in with background in IE6*/
}

#logo{
	margin:0;
	padding:0;
	
	float:left;
	
	width:312px;
	height:84px;
}

#bayerlogo{
	margin:0;
	padding:0;

	float:right;
	
	background-image:url('/images/bg-bayer.gif');
	background-repeat:no-repeat;
	width:644px;
	height:54px;
}

#bayerlogo img{
	float:right;
}

#mainNav{
	width:643px;
	height:27px;
	background-color:gray;
	margin:0;
	padding:0;
	background-image:url('/images/navlink.gif');
	background-repeat:repeat-x;
	
	float:right;
}

#mainNav li{
	/*block+left used to ensure border spacing is correct on the boxes
	  since IE and FF differ slightly in box models*/
	display:block;
	float:left;
	
	height:27px;
	line-height:27px;
	border-left:1px #909090 solid;
	
	text-align:center;
	text-decoration: none;
	font-family: Trebuchet MS;
	color: #fffbf9;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0;
	font-size: 1.2em;

	margin:0;
	padding:0 9px 0 10px;;
}

#mainNav li#first{
	border-left:0;
}

#mainNav li#last{
	border-right:0;
}

#mainNav a{
	text-decoration:none;
	color:white;
	font-weight:normal;
}

#mainNav a:hover, #selected a{
	color:#60bb46;
	font-weight:normal;
}

#midBar {
	height:90px;
	text-align:left;
	margin-bottom:5px;
	margin-top:5px;	
}

#midLeft {
	width:228px;
	height:90px;
	float:left;
}

#midLeft #eNews {
	width:110px;
	margin:0;
	padding:0;
	
	/*used for alignment*/
	margin-left:118px;
	margin-top:11px;
}

#superBanner {
	float:right;
	width:728px;
	height:90px;
}

/* Main Blocks */
#container {
	/*extending columns hack*/
	overflow:hidden;
	height:100%; /*required for ie6 compatability*/
	
	font-family: Georgia;
	background-color: #fff;
	color: #555;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.3em;
	font-size: 1.3em;
}

#contentMain {
	text-align:left;
	background-color:white;
	margin:0;
	float:left;
	width:100%;
	margin-right:-180px;
	
	/*extending columns hack*/
	padding-bottom:10000px;
	margin-bottom:-10000px;
	
	padding-top:15px;
}

/*Content Blocks*/
#contentSections{
	margin:0;
	padding:0;
	padding-left:10px;
	float:left;
	width:390px;
}

#contentLeft{
	float:left;
}

.topRow{
	height:325px;
}

#contentLeft h1, #contentSections h1, #article h3{
	text-transform:uppercase;
	vertical-align:middle;

	color:white;
	padding-left:22px;
	line-height:24px;
	
	font-family: Arial;
	background-color: #050000;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 1px;
	font-size: 0.8em;
}

.contentWide {
	margin:7px;
	margin-right:0;
	margin-top:0;
	width:364px;
	clear:both;
}

.contentWide h1{
	background-image:url('/images/contentWideHeader.gif');
	background-repeat:no-repeat;
}

.level{margin-top:33px;}

.contentNarrow {
	padding:10px;
	margin:0;
	padding-top:0;
	padding-bottom:7px;
	width:175px;
}

.contentNarrow h1{
	background-image:url('/images/contentNarrowHeader.gif');
	background-repeat:no-repeat;
}

/* Column - intended for the right-hand side */
.column{
	border-left:1px black solid;
	padding: 0 10px;
	margin-top:0;
	float:left;
	width:180px;
	
	/*extending columns hack*/
	padding-bottom:10000px;
	margin-bottom:-10000px;
}

.column h1{
	font-size:17px;
	letter-spacing:-1px;
	border-top:4px black solid;
	padding:5px 0;
	margin-top:0px;
	margin-bottom:5px;

	text-align:left;
	text-transform:uppercase;
}

.column h2{
	border-top:1px gray dotted;
	margin-top:5px;
	padding-top:5px;
	margin-bottom:5px;
	
	font-size:1.1em;
	letter-spacing:-2px;
}

.column h3, .column h4, #article h2{
	font-family:Arial;
	font-size:15px;
	color:#999;
	letter-spacing:0;
}

.column h3, .column h4 {
	font-weight: normal;
	font-size: 13px;
}

.column p{
	margin-top:5px;
	margin-bottom:15px;
}

/* Section Page */
#section{
	float:left;
	width:545px;
	padding: 0 10px;
	margin-top:0;
	
	/*extending columns hack*/
	padding-bottom:10000px;
	margin-bottom:-10000px;
}

#section h1{
	border-top:4px black solid;
	background-image:url('/images/sectionHeader.gif');
	background-repeat:no-repeat;
	background-position:left 4px;
	letter-spacing: -1px;
	height:24px;
	margin:0;
	padding-left:23px;
	padding-top:4px; /*4px from bg*/
	
	text-transform:uppercase;
	font-size:13pt;
}

/*Articles list, from DailyNews.css*/
ul#DailyHeadlines{
	margin:0;
	padding:0;
}

ul#DailyHeadlines li{
	list-style:none;
	padding-top:10px;
	margin-bottom:10px; /*spacing based on bottom of text, not bottom of image*/
}

#section ul#DailyHeadlines li#mainArticle{
	list-style:none;
	padding-top:0;
	margin-bottom:10px;
}

#section ul#DailyHeadlines li#mainArticle img{
	float:left;
	margin-bottom:10px;
}

ul#DailyHeadlines li h2 img{
	float:left;
	margin-top:5px; /*line up top of image with li h2, since line-height for text creates extra space*/
	margin-right:10px;
}

/*Unlinked Archived Section Title*/
/*Copied mostly from '.continue a'*/
#archived h1{
	font-family: Arial Black;
	text-transform:uppercase;
	text-decoration:none;
	color:#60bb46;
	background:none;
	border:0;
	
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size:0.85em;
	font-weight:normal;
	
	padding:20px 0 0 0;
	margin:0;
	height:auto;
}

#archived p{
	padding:10px 0;
}

#archived ul{
	margin:0;
	padding:0;
	padding-top:5px;
}

#archived ul li{
	list-style:none;
	margin-bottom:5px;
}

#archived ul li h2{
	color:gray;
	display:inline;
}

#archived ul li p{
	display:inline;
	padding-left:2px;
}

/*Article page*/
#article{
	width:545px;
	float:left;
	padding:10px;
	padding-top:0;
}

/*title*/
#article h1 {
	font-size:1.6em;
	padding-bottom:15px;
	display:inline;
}

/*byline (author)*/
#article h2{
	letter-spacing: -1px;
	/* this style is defined elsewhere.
	only this property is modified here.*/
	display:inline;
}

/*the section/issue text*/
#article h3{
 color:gray;
 background-color:white;
 margin:0;
 padding:0;
 line-height:normal;
 vertical-align:top;
 letter-spacing:normal;
 text-transform:uppercase;
 
 background-image:url('/images/articleSectionHeader.gif');
 background-repeat:no-repeat;
 margin-top:10px;
 padding-bottom:10px;
 padding-left:15px;
}

/*section/issue text as a hyperlink*/
#article h3 a{
 color:gray; /*IE hack: doesn't support inherit*/
}

/*h4:secondary title for article*/
#article h4,h5{
 /*color:inherit;
 font:inherit;
 letter-spacing:inherit;*/
 
 /*duplicated from #container, since IE doesn't support inherit*/
 	font-family: Georgia;
	color: #808080;
	letter-spacing:normal;

 font-size: 1em; /*equivalent of inherit for font-size*/
 padding:5px 0;
}

/*sub-heading within article*/
#article h5{
	text-transform:uppercase;
	padding:10px 0 0 0;
	font-weight:bold;
}

#article #story{
	width:98%;
	padding:0;
	margin:0;
	float:left;
}

#article #story p{
	padding:5px 0;
}

#article #story a, #article #story a:visited{
	color:#60bb46;
	font-weight:bold;
}

#story h1 {
	margin-right: 0.15em;
}

#story h2 {
	font-weight: normal;
}

/*other story locations - uses include contact, subscribe, sitemap*/
#section #story p{
	padding:5px 0;
}

#section #story a, #section #story a:visited{
	color:#60bb46;
	font-weight:bold;
}

/*Side Bar*/
#sidebar{
	background-color:#bde5e7;
	float:right;
	margin:0;
	padding-top:15px;
	width:174px;
	border-left:2px black solid;

	font-family:Trebuchet MS;
	color:black;

	/*extending columns hack*/
	padding-bottom:10000px;
	margin-bottom:-10000px;
}

#sidebar p{
	margin:5px;
}

#sidebar #currentIssue{
	margin:0 auto;
	text-align:center;
}

#sidebar #currentIssue img{
	padding:0;
	padding-bottom:5px;
}

/*link to the past issues*/
#sidebar a#pastissues{
 color:black;
 margin:0;
 padding:0 0 0 15px;
 
 background-image:url('/images/blackArrow.gif');
 background-repeat:no-repeat;
 background-position:0 0.3em;
}

#skyscraper{
	margin:0 auto;
	padding:10px 0;
	border-top:1px gray solid;
	height:600px;
	width:160px;
}

/* Footer */
#footer{
	background-color:#deeed4;
	margin:0;
	padding:0;
	clear:both;
	
	font-family: Trebuchet MS;
	text-align:left;
	font-size:1em;
	font-weight:bold;	
}

#footer #navlinks{
	background-color:#92cc78;
	padding:5px;
}

#footer #navlinks ul{
	margin:0;
	padding:0;
}

#footer #navlinks li{
	display:inline;
	border-left:2px gray groove;
	padding-left:5px;
	padding-right:5px;
}

#footer #navlinks li#first{
	display:inline;
	border:none;
}

#footer a, #footer #navlinks li a{
	color:black;
	text-decoration:none;
}

#footer a:hover, #footer #navlinks li a:hover{
	color:black;
	text-decoration:underline;
}

#footer #content{
	padding:10px;
}

/*Other Links*/

/*"More ..." text*/
.continue a, .continue a:hover {
	background-image:url(/images/continue.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:12px;
	padding-top:0px;
	
	font-family: Arial Black;
	text-transform:uppercase;
	text-decoration:none;
	color:#60bb46;
	background-color: #fff;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 0.8em;
	border:solid 1px white; /*Removing this line will cause some arrows not to show */
}

/*"More" image*/
.more a{
	line-height: 1.2em;
	vertical-align:middle;
}

/*Read More - Archived*/
h2 .continue a{
	font-size:0.6em;
	font-weight:normal;
	margin-left:0.3em;
}

/*Other styles*/
img.winner {
	/*for the winners of the OYH contest*/
	float:left;
	margin-right:10px;
	margin-top:7px;
	margin-bottom:5px;
}

/*Begin: E-Newsletter*/
ul#enews{
	padding:0;
	margin:0;
}

#enews li{
	float:left;
	height:120px;
	width:48%;
	margin:10px 10px 0 0;
	border-top:1px gray dotted;
	display:block;
}

#enews li h2 a{
	color:#555 !important;
}

#section #footer{
	background-color:transparent;
	color:black;
	font-size:0.8em;

}
#section #footer #content{
	padding-left:0;
}
/*End: E-Newsletter*/