body {margin:0; font-family:verdana, sans-serif; color:#000000; background:#2C4559; }
p {margin:0 12% 5px 12%; text-indent:30pt; font-size:11px; line-height:20px; text-align:justify; }
h1 {font-family:arial, sans-serif; margin:0 0 0 0; font-size:36px; }
h2 {font-family:arial, sans-serif; margin:0 0 0 0; font-size:16px; }
h3 {font-family:arial, sans-serif; margin:0 0 5px 0; font-size:15px; font-weight:bold; font-style:italic; text-align:right; }
h4 {font-family:arial, sans-serif; margin:3px 0 0 0; font-size:15px; text-align:right; }
h5 {font-family:arial, sans-serif; margin:0; font-size:7pt; font-weight:bold; } /* not used */
h6 {font-family:arial, sans-serif; margin:0; font-size:13px; font-weight:bold; }
div {margin:0; }
form {margin:0; }
label {cursor:pointer; }
dl {margin:0; }
dt {font-size:13px; font-family:arial, sans-serif; font-weight:bold; }
dd {font-size:10px; font-family:verdana, sans-serif; margin-left:20px; margin-bottom:5px; color:#333333; }
aa:hover {background-color:#EEEEEE; }

/* the masthead's percentage width is there in case stuff gets added to the navigation line; the width will ensure that the line wraps, and doesn't go under the sidebar */
#masthead {margin:0; padding:0; width:72%; background: url(/images/masthead/stripes.gif); }
#logo {padding:4px 0 0 5px; }
#navigation {background:#001122; padding:2px 0 3px 5px; 
	border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; 
	color:#FFFFFF; font-family:verdana, sans-serif; font-size:10px; }
	#navigation a {color:#FFFFFF; text-decoration:none; }
	#navigation a:hover {color:#FFFFFF; background:#536F84; }

#frontpage {float:left; width:68%; padding:20px; background:#FFFFFF; color:#000000;}
div.coverHeadline {margin:8px 0 0 0; font-family:arial, sans-serif; font-size:16px; font-weight:bold; }
div.coverSubhead  {margin:0 0 0 0; padding:0 0 0 10px; font-family:verdana, sans-serif; font-size:11px; font-weight:normal; }
div.coverByline {margin:0 0 0 0; padding:0 0 0 10px; font-family:verdana, sans-serif; font-size:9px; font-weight:normal; font-style:normal; text-align:left; }
div.coverSection {margin:8px 0 0 0; font-family:arial, sans-serif; font-size:12px; text-align:left; text-decoration:underline; font-weight:bold; }
div.coverHeadlineBig {font-family:arial, sans-serif; font-size:30px; font-weight:bold; }
div.coverSubheadBig {padding:0 0 0 10px; font-family:arial, sans-serif; font-size:18px; font-weight:bold; }
div.coverBylineBig {padding:0 0 0 10px; font-family:arial, sans-serif; font-size:14px; font-weight:bold; font-style:italic; text-align:left; }

div.twentyfour {border:1px solid #333333; background:#EEEEEE; margin:10px 0 20px 0; padding:6px 9px 6px 8px; }
p.twentyfour {margin:0 6% 5px 6%; text-indent:0; 
	font-family:verdana, sans-serif; font-size:9px; text-align:justify; line-height:15px; }
	
#content {float:left; width:72.5%; background:#FFFFFF; color:#000000; padding:0 0 20px 0;}
div.articleHead {margin:0; padding:4px 35px 4px 30px; background:#EEEEEE; }
div.articleBody {margin:0; padding:20px 0 0 0; border-top:1px solid #667788; }
#articleSidebar {top:600px; right:10px; width:31%; position:absolute; z-index:99; 
	padding:5px 10px 5px 10px;
	border:1px solid #667788; background:#F8F8F8; font-size:7pt; line-height:11pt; color:#334455; }
p.articleSidebar  {margin:0; text-indent:20pt; font-size:7pt; line-height:11pt; }
a.coverstory {color:#000000; text-decoration:none; }
a.coverstory:hover {color:#0000FF; background-color:#FFFFFF; text-decoration:underline; }
a.coverSection {color:#000000; text-decoration:underline; }
a.coverSection:hover {color:#0000FF; background-color:#FFFFFF; text-decoration:underline; }
a.sidebar {color:#000000; text-decoration:none; }
a.sidebar:hover {background-color:#FFFFFF; }
#sendLink {position:absolute; left:1%; top:400px; cursor:pointer; }
img.coverStoryImage {float:right; margin:0 10px 0 20px; }

#search {float:left; width:60%; margin:0 0 0 2%; padding:20px 10px 40px 10px; background:#FFFFFF; color:#000000; 
	border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }
div.listings {border:1px solid #333333; background:#EEEEEE; margin:10px 0 20px 0; padding:3px 6px 3px 6px; 
	font-family:verdana, sans-serif; font-size:8pt; float:left; width:61%;  }
.searchControls {border:2px solid #FFAA00; background:#FFFFDD; margin:4px; clear:both; }
input.searchControlsRadio {border:0; background:#FFFFDD; }

#sidebar {position:absolute; top:0; right:0; 
	width:28%; border-left:1px solid #CCCCCC; border-bottom:0px; 
	font-size:10px; color:#DDDDDD; 
	margin:0; padding:0; background:#223344; }
.elsewhere {padding:5px 5px 5px 5px; border-bottom:1px solid #CCCCCC; }
a.classifieds {color:#DDD; }
a.classifieds:hover {color:#FFF; }
p.elsewhere {font-style:normal; font-size:10px; line-height:15px; background:#E7E7E7; text-indent:0; text-align:left; 
	margin:2px 6px 2px 6px; padding:0 4px 0 4px; border:1px solid #223344; 
	font-family:verdana, sans-serif; color:#000000; }
a.credits {font-weight:normal; color:#DDDDDD; text-decoration:none; }
a.credits:hover {background-color:#445566; color:#FFFFFF; }
input.text {border:1px solid #000000; font-family:trebuchet ms, sans-serif; font-size:12px; background:#556677; color:#FFFFFF; 
	margin:0; padding:1px 2px 4px 6px; }
input.submit {border:2px solid #000000; 
	font-family:trebuchet ms, sans-serif; font-size:12px; background:#556677; color:#EEEEEE; font-weight:bold; 
	 margin:0; padding:0; }
textarea.text {border:1px solid #000000; font-family:trebuchet ms, sans-serif; font-size:12px; background:#556677; color:#FFFFFF; 
	margin:0; padding:1px 2px 4px 6px; }
select.switcher {font-size:10px; font-family:verdana, sans serif; border:1px solid #000000; }

th.form {font-size:11px; text-align:right; font-weight:normal; }
td.form {font-size:11px; }
input {border:2px solid #000000; background-color:#EEEEEE; font-family:trebuchet ms, sans-serif; font-size:10pt; padding:1px 1px 1px 4px; }
textarea.form {border:2px solid #000000; background-color:#EEEEEE; font-family:trebuchet ms, sans-serif; font-size:13px; }
input.radio {border:0; background-color:#FFFFFF; padding:0; }
input.bodySubmit {border-top:3px solid #AAAAAA; border-left:3px solid #888888; 
	border-right:3px solid #777777; border-bottom:3px solid #555555; font-weight:bold; }
input.textDisabled {border:#AAAAAA; background:#DDDDDD; border:2px solid #777777; }
input.textEnabled {border:#000000; background:#EEEEEE; border:2px solid #000000; }
select {background-color:#EEEEEE; border:2px solid #000000;  font-family:trebuchet ms, sans-serif; font-size:13px; }

body.sendLink {margin:0 4px 4px 4px; color:#FFFFFF; background:#2C4559; font-family:verdana, sans-serif; font-size:10px; }
h1.sendLink {font-size:16px; margin-bottom:2px; font-family:arial, sans-serif; }

#message {padding:10px; margin:20px; border:3px solid #FF3300; background:#FFFFF9; width:80%; font-size:18px; font-weight:bold; }
.footer {
	width:72%;
	border-bottom:0px;
	font-size:10px;
	color:#DDDDDD;
	margin:0;
	padding:0;
	background:#223344;
	text-align: center;
}
