/*
*** WARNING ***
Changing this css file will impact the whole web-site

*** EXPLANATION ***
The css declarations in this page control the layout and formatting for all elements of the 
website. It is highly recommended not to make any changes to this file, if changes are made
they should be througoughly tested on multiple browsers and all pages with in the site. To 
make minor formatting changes (font color, font family or padding type changes) use the css
files specifically designated for this (web_custom.css and web_custom_ie6.css).
*/

body {
	font-family: arial;
	font-size: 10pt;
	text-align: center;
	min-width: 700px;
}
#wrapper {
	text-align: left;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}
#header, #main, #footer {
	width: 700px;
	padding: 0;
	margin: 0;
	clear: both;
}

/*
The following style declarations are used
to control the layout and formatting of the
header contents.
*/

#header #search {
	text-align: right;
	clear: both;
	height:45px;
}
#header #search div {
	width: 300px; 
	text-align: left;
	float: right;
}
#header #searchLogo {
	width: 200px;
	height: 36px;
	border: none;
	margin-right: 155px;
	position: relative;
	float: left;
}
#header #button_go {
	width: 20px;
	height: 19px;
	border: none;
	vertical-align: bottom;
	margin-bottom: 3px;
}

/*
The following style declarations are used
to control the layout and formatting of the
top horizontal navigation.
*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav li { /* all list items */
	float: left;
	position: relative;
	background-color: #731611;
	width: 10em;
	text-align: center;
	border-left: 1px solid #ffffff;
	padding: 1px 0 2px 0;
}
#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1.5em;
	left: 0;
	z-index: 100;
}
#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
}
#nav a, #nav li {
	color: #fff;
	text-decoration: none;		
	font: 11px/16px Arial bold;
	font-weight: bold;	
}
#nav li ul a:hover {
	color: #7E7E7E;
}
#nav li ul li {
	padding-left: 0.5em;
	padding-right: 1em;
	text-align: left;
	border: none;
}
#nav #menuDate {
	width: 157px;
	text-align: left;
	padding-left: 5px;
}

/*
The following style declarations are used
to control the layout and formatting of the
footer contents.
*/

#footer {
	padding-top: 20px;
	text-align: center;
}
#footer #logo {
	height: 25px;
	width: 200px;
	margin-right: 25px;
}
#footer img {
	height: 60px;
	width: 468px;
	vertical-align: middle;
}
#footer div {
	text-align: center;
	color: #990000; 
}
#footer #links a {
	font-weight: bold; 
	font-size: 14px; 
	color: #990000; 
	text-decoration: none
}
#footer #links a:hover {
	color: #ffffff;
	background-color: #990000
}
#footer #disclaimer {
	color: #000000;
	font-size: 8pt;
}

/*
The following style declarations are used
to control the layout and formatting of the
main content wrapper (left banner and content).
*/

#main #leftColumn {
	width: 150px;
	float: left;
}
#main #leftColumn #banners {
	background-color:  #cccccc;
	padding: 15px 0 0 0;
	text-align: center;
}
#main #leftColumn #banners img {
	margin-bottom: 15px;
	border: none;
}
#main #leftColumn #banners a {
	border: none;
}

#main #leftColumn #oas img{
	margin-top: 25px;
}
#main #content {
	width: 510px;
	float: right;
}

#main {
	padding-top: 15px;
}

/*
Styles for the home page content
*/

#content #homepage_content {
	width: 240px;
	float: left;
}
#content #currentIssue {
	border: 1px solid #990000;
	padding: 4px;
	margin-bottom: 20px;
}
#content #homepage_content .story h5 {
	color: #352cab;
	margin: 0;
	font-size: 9pt;
}
#content #homepage_content .story h6, #content #homepage_content .editorial h6 {
	margin: 0;
	font-size: 11pt;
}
#content #homepage_content .story h6 a, #content #homepage_content .editorial h6 a, #content #homepage_content .more {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
#content #homepage_content .story h6 a:hover, #content #homepage_content .editorial h6 a:hover, #content #homepage_content .more:hover {
	background-color: #990000;
	color: #ffffff;
}
#content #homepage_content .story p.byline {
	font-style: normal;
	margin: 0;
	font-size: 9pt;
}
#content #homepage_content .story p {
	font-style: italic;
	margin: 0;
	font-size: 9pt;
}
#content #homepage_content .editorial p {
	font-size: 10pt;
}
#content #homepage_content .editorial .subhead {
	font-family: Times New Roman,Times,serif;
    font-style: italic;
}
#content #homepage_content .editorial .summary {
    font-family: Arial,Helvetica,sans-serif;
    font-style: italic
}
#content #homepage_content #editorial {
	margin: 20px 0 ;
}
#content #homepage_ads {
	float: right;
	width: 250px;
}
#content #survey {
	background-color: #eeeeee;
	width: 250px;
	margin-top: 20px;
}
#content #survey p#question {
	padding: 0 5px;
	margin: 0;
	font-weight: bold;
}
#content #survey p#popup {
	padding: 0 5px 5px 5px;
	margin: 0;
	font-style: italic;
	font-size: 8pt;
}
#content #survey #submit {
	margin-left: 3px;
	margin-right: 66px;
	margin-bottom: 6px;
}

/*
Styles for the article content page 
*/
#content #article .articlehead {
	font-weight: bold;
	color: #990000;
	margin-bottom: 0;
}
#content #article .articletext {
	font-weight: bold;
	margin-top: 0;
}
#content #article .Subhead {
	font-style: italic;
}
#content #article .articleeyebrow {
	color: #336699;
}
#content #article .button {
	text-decoration: none;
	float: right;
	position:relative;
	width: 72px;
}

/*
Style for current issue
*/
#content #issueColOne {
	width: 240px;
	float: left;
}
#content #issueColTwo {
	float: right;
	width: 250px;
}
#content #issueColOne h4, #content #issueColTwo h4 {
	font-size: 14pt;
	font-style: italic;
	color: #000099;
	margin-bottom: 0;
}
#content #issueColOne h5, #content #issueColTwo h5 {
	color: #000099;
	margin: .5em 0;;
	font-size: 9pt;
	font-weight: normal;
}
#content #issueColOne h6, #content #issueColTwo h6 {
	margin: 0;
	font-size: 11pt;
}
#content #issueColOne h6 a, #content #issueColTwo h6 a {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
#content #issueColOne h6 a:hover, #content #issueColTwo h6 a:hover {
	background-color: #990000;
	color: #ffffff;
}
#content #issueColOne p, #content #issueColTwo p {
	font-style: italic;
	margin-top: 0;
	font-family: Helvetica;
}
#content #issueColOne p.byline, #content #issueColTwo p.byline {
	font-weight: bold;
	font-style: normal;
	margin: 0;
}

#content #colOne, #content #colThree {
	width: 155px;
	float: left;
}
#content #colTwo {
	width: 156px;
	float: left;
	padding: 0 10px;
}
#content #colOne {
	padding-right: 10px;
	border-right: 2px solid black;
}
#content #colThree {
	padding-left: 10px;
	border-left: 2px solid black;
}
#content #colOne a, #content #colTwo a, #content #colThree a {
	text-decoration: none;
	color: #990000;
}
#content #colOne a:hover, #content #colTwo a:hover, #content #colThree a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #990000;
}
#content #colOne img, #content #colTwo img, #content #colThree img {
	margin-bottom: 20px;
}
#content #viewpoint {
	margin: 20px 0;
}

/*
Style for department pages
*/
#content #department h5 {
	color: #352cab;
	margin-bottom: 0;
	font-size: 9pt;
}
#content #department h6 {
	margin: 0;
	font-size: 10pt;
}
#content #department h6 a {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
#content #department h6 a:hover {
	background-color: #990000;
	color: #ffffff;
}
#content #department #deptLogo {
	margin-bottom: 20px;
}
#content #department p.byline {
	margin: 0;
	font-size: 9pt;
	font-weight: bold;
}
#content #department p.Subhead {
	font-style: italic;
	margin-top: 0;
}

/*
Style for classified pages
*/
#content #classified .contact {
	font-style: italic;
}
#content #classified #classLogo {
	margin-bottom: 20px;
}

/*
Style for online pages
*/
#content #online h6 {
	margin: 0;
	font-size: 10pt;
}
#content #online h6 a {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
#content #online h6 a:hover {
	background-color: #990000;
	color: #ffffff;
}
#content #online p.byline {
	margin: 0;
	font-size: 9pt;
	font-weight: bold;
}
#content #online p.Subhead {
	font-style: italic;
	margin-top: 0;
}
#content #online p.icymi_byline {
	margin-top: 0;
	font-style: none;
}
#content #online img.authorImage {
	width: 72px;
	height: 96px;
	margin-right: 13px;
}