@import url(reset.css);
@import url(menu.css);
@import url(sectionmenu.css);

hr { display: none; }
hr.rule { display: block; background-color: #cccccc; height: 1px; border: 0; }
.clearall { clear: both; height: 0px; }
.printonly { display: none; }

a { color: #152a67; text-decoration: none; border-bottom: 1px dotted #152a67; }
a:hover, a:hover:visited { color: #cc0000; border-bottom: 1px solid #c01; }
a:visited { color: #880088; border-bottom: 1px dotted #808; }
#pagemenu ul li a, #sidecontent ul li a { border: 0; }

html { text-align: center; background: url('../images/back.gif') top center repeat; color: #222222; }
body { position: relative; margin: 0 auto; width: 974px; text-align: left; }

#container { position: relative; }
#pagehead { width: 974px; height: 92px; background: url('../images/head_back.gif') top left no-repeat; margin-top: 38px; }
	body#cover #pagehead { width: 974px; height: 250px; background: url('../images/cover_head_back.jpg') top left no-repeat; margin-top: 0; }

	#pagehead h1, #pagehead p { font-size: 0; text-indent: -5000px; overflow: hidden; height: 0; }
	#pagehead h1 { position: absolute; top: 30px; left: 30px; width: 451px; height: 46px; background: url('../images/name.gif') top left no-repeat; }
	#pagehead p { position: absolute; top: 37px; right: 34px; width: 358px; height: 35px; background: url('../images/slogan.gif') top left no-repeat; }
		body#cover #pagehead h1 { position: absolute; top: 128px; left: 37px; width: 445px; height: 95px; background: url('../images/cover_name.gif') top left no-repeat; }
		body#cover #pagehead p { position: absolute; top: 140px; left: 622px; width: 315px; height: 75px; background: url('../images/cover_slogan.gif') top left no-repeat; }
	
	#pagehead img { display: none; }


#pagebody { width: 950px; padding: 30px 10px 0; border-width: 0 2px 2px; border-style: solid; border-color: #cccccc; background-color: white; }

	#maincontent { float: left; width: 710px; padding-right: 10px; border-right: 1px solid #ccc; margin-bottom: 10px; }
	#sidecontent { float: right; width: 219px; margin-bottom: 10px; }
		#sidecontent p { font: normal 80% Verdana; }

	#sectionhead { margin-bottom: 0.125em; }
	#sectionhead h2 { font: normal 150%/1em Georgia; color: #152a67; font-style: italic; padding-bottom: 0.1875em; border-bottom: 1px solid #999; }
		#sectionhead h2 span { font: normal 70% Georgia; font-style: normal; text-transform: uppercase; letter-spacing: 0.1190em; color: #999; margin-right: -0.0585em; }

		ul#sectionmenu { background: #999; height: 1em; padding-left: 2px;  }
			ul#sectionmenu li { float: left; padding-top: 0.0625em; }
				ul#sectionmenu li a { display: block; padding: 0.1em 6px 0.4em 5px; margin-right: 2px; font: bold 62.5%/1em Verdana; color: white; border: 0; }
				ul#sectionmenu li a:hover { color: #777; background-color: #ddd; }


#pagenomenu { position: absolute; top: 92px; left: 12px; width: 950px; height: 20px; background: url('../images/menu_serving.gif') top left no-repeat; }

#pagemenu { position: absolute; top: 92px; left: 12px; width: 950px; height: 20px; background: url('../images/menu_back.gif') top left no-repeat; }
	body#cover #pagemenu { top: 250px; }


#pagefoot { width: 950px; padding: 10px 12px 0; margin-bottom: 50px; }
	#pagefoot p { font: normal 65% Verdana; color: #999; }
		p.paidfor { float: left; margin-bottom: 6px; }
/*
			p.paidfor span { border: 1px solid #999; padding: 1px 4px 2px; }
*/
		p.copyright { text-align: right; }

		#pagefoot p a { color: #999; }
			#pagefoot p a:visited { color: #999; border-color: #999; }
			#pagefoot p a:hover { color: #c01; border-color: #c01; }
		
		
	#article { margin: 0 1px 1.5em 0; }
  	#article h4 { font: normal 200%/1.5em Georgia; }
  	#article p { font: normal 100%/1.5em Georgia; padding: 0 10px 0 240px; text-indent: 1.25em; }
			#article h4+p, #article h5+p, #article img.articlepic+p { text-indent: 0; }
			#article img.articlepic { float: left; width: 220px; height: 300px; margin: 0.375em 0 10px; background: white; border: 1px solid #ccc; padding: 4px; }
		#article ul { padding: 0 10px 0 256px; list-style: disc; }
  	#article li { font: normal 100%/1.5em Georgia; }
  	#article h5 { font: normal 100%/1.5em Georgia; text-transform: uppercase; letter-spacing: 0.1em; color: #152a67; padding: 0 10px 0 240px; margin-top: 1.5em; }

	

.previewbox, .sidebox { border-top: 5px solid #666; margin-bottom: 10px; }
	.previewbox a, .sidebox a { border: 0; }
	.previewbox a:visited:hover, .sidebox a:visited:hover { border: 0; }

	.previewbox h3, .sidebox h3 { font: bold 75%/1em Georgia; letter-spacing: 0.0833em; text-transform: uppercase; padding: .333em 0 .4167em; color: #666; }
		.previewbox h3 a, .sidebox h3 a { border: 0; color: #666; }


/* SIDE CONTENT */

.sidebox ul { border-top: 1px dotted #ccc; }
	.sidebox ul li { border-bottom: 1px dotted #ccc; }
		.sidebox ul li a { display: block; font: normal 75%/1em Verdana; color: #666; padding: 0.25em 0 0.333em 15px; background: url('../images/issues_tabs.gif') 1px 0 no-repeat; }
			.sidebox ul li a:hover { color: #c01; background: url('../images/issues_tabs.gif') -309px 0 no-repeat; text-decoration: underline; }
	.sidebox p.more { font: normal 75%/1em Verdana; }
		.sidebox p.more a { display: block; color: #666; padding: 0.25em 0 0.25em; text-align: right; }
			.sidebox p.more a:hover { color: #c01; text-decoration: underline; }

	#takeaction { border-color: #c01; } 
	#takeaction h3 a { color: #c01; }
	
	#topissues { border-color: #152a67; }
	#topissues h3 a { color: #152a67; }
	
	#toprecord { border-color: #152a67; }
	#toprecord h3 a { color: #152a67; }


/* COVER CENTERPIECE */

body#cover #centerpiece { width: 690px; background: url('../images/cover_photobox_back.jpg') bottom left repeat-x #383838; padding: 10px; margin-bottom: 10px; }
	#centerpiece h3 { font: bold 75%/1em Georgia; letter-spacing: 0.0833em; text-transform: uppercase; padding: .333em 0 .4167em; color: #ccc; border-top: 5px solid #ccc; }
	
	#centerpiece .summary { width: 219px; border-top: 1px dotted #666; padding-top: .3em; }
		#centerpiece .summary h4 { font: normal 175%/1.1em Georgia; color: #c3cce5; margin-bottom: .25em; }
		#centerpiece .summary p { font: normal 75%/1.5em Verdana; color: #cccccc; margin-bottom: .6em; }
			#centerpiece .summary p.more { border-top: 1px dotted #666; padding-top: .6em; font: normal 80%/1em Verdana; text-align: right; margin: 0; }
		#centerpiece .summary p a { font-weight: bold; color: #ccc; border: 0; }
			#centerpiece .summary p.more a:after { content: " \203A\203A\203A"; }
			#centerpiece .summary p.more a:hover { color: white; border-bottom: 1px solid white; }

	#centerpiece #flashcontent { float: right; width: 456px; height: 256px; padding: 1px; border: 1px solid #ccc; background: #222; overflow: hidden; }

	#centerpiece-print { display: none; }

/* COVER NEWS */

#newspreview .topstory { float: left; width: 469px; margin: 0 11px 0.5em 0; border-top: 1px dotted #ccc; padding-top: 0.3125em; }
	#newspreview .topstory a { line-height: inherit; }

	#newspreview h4 { font: normal 62.5%/1em Verdana; text-transform: uppercase; letter-spacing: 0.1em; color: #999; margin-bottom: 0.2em; }

	#newspreview .topstory h5 { font: normal 150%/1.125em Georgia; color: #152a67; margin-bottom: 0.0416em; padding-right: 10px; }
	#newspreview .topstory p { font: normal 75%/1.5em Verdana; padding-right: 10px; } 

#newspreview .recentstories { float: right; width: 229px; margin: 0 1px 10px 0; border-top: 1px dotted #ccc; padding-top: 0.3125em; }
	#newspreview .recentstories dt { font: normal 100%/1.125em Georgia; color: #152a67; padding-top: 0.125em; }			
	#newspreview .recentstories dd { font: normal 62.5%/1em Verdana; color: #999; padding-bottom: 0.4em;  }