/* QUICK REFERENCE TO STYLE CLASSES & NAMES =====================================
Look here first and see if there's already something to do what we need
Classes used only for positioning divs are not listed.

-CLASS-				-USAGE-
more				HREFs like "Read story..." "More..." etc. after story blurbs
formButton			BUTTONs in any other form
formField			TEXTFIELDs in any other form
tagline				Tag text in header next to logo, e.g."The Leader in Property and Casualty News"
topNav				TD and HREFs in top nav menu
footer				DIV, HREFs and general class in footer
skyscraper			DIV, TD for skyscraper adverts (provides bgcolor, padding)
leftNavTopic		DIV for section headers in left Nav (dark blue w/white text now)
leftNav				TD, UL, LI, and HREFs for main links in left nav
leftSubLink			HREFs in "static" left nav sections (non-This Week)
sidebar				TABLE styling for sidebar sections, right side of news pages
topStory			TABLE enclosing top story on news page (just padding now, but available for additional styling)
sectionBox			General tag for block element (TABLE, DIV) provides border and separation (see Breaking News)
storyColorBox		TABLE, TD of small colored boxes at bottom of Home page
sectionTitleColor	TD colored section header at top of main content on nearly every page
sectionTitle		TD Same as color, but without bgcolor (may not be used, but there in case)
caption				General class for anything that should be small "gray" type: captions with images, datelines on stories, etc.
byline				General class for story bylines
promptUnderField	General class for prompt text appearing under form fields
callout				TABLE holding a link we want to emphasize, e.g. "Today's Breaking Headlines" link on News page
highlight			General class for highlighting phrases in body text, used in span tag
imageLeft			IMAGE class for image aligned left
imageRight			IMAGE class for image aligned right
imageNone			IMAGE class for image unaligned


-ID-				-USAGE-
sideList			DIV, UL, LI named items for lists beside odd-sized advert on some news pages


=====*/

/* Standard styles ============================================================*/
body {
	background-color: white;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: black;
}

td, th {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: black;
	padding: 2px;
	border: 0px;
}

a {
	color: Navy;
	text-decoration: underline;
	font-size: 100%;
}

a:hover {
	text-decoration: none;
}

form {
	margin: 0px;
}

p {margin: 0 0 1em 0}

h1,h2,h3 {margin-bottom: 10px}

h4,h5,h6 {margin-bottom: 0px}

h1 {
	font-size: 200%;
	line-height: 100%;
	color: #160869;
}

h2 {
	font-size: 140%;
	line-height: 100%
}

h3 {
	font-size: 120%;
	line-height: 100%
}

h4 {
	font-size: 110%;
	line-height: 100%
}

/* Used in Staff Listing */
h5 {
	font-size: 150%;
	line-height: 100%;
	background-color: WhiteSmoke;
	color: #003884;
}

/* Sidebar headlines */
h6 {
	font-size: 100%;
	line-height: 100%;
	background-color: Navy;
	color: GhostWhite;	
}

ol {
	margin: 10px;
}

li {
	margin-bottom: 6px;
}

ul {
	margin-top: 2px;
	margin-bottom: 2px;
	list-style-position: outside;
	list-style-type: square;
}

img {
  border:0;
}

/* Named Classes ==============================================================*/

/* Positioning DIVs -----------------------------------------------------------*/

/* All-enclosing div, to provide basic page positioning */
div.overall {
  margin-left: auto; margin-right:auto;
	width: 920px;
}

div.header {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

div.content {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: White;
}

div.footer {
	width: 100%; height:20px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
  background-color:#044380;
	border-top: 1px solid Black;
}

/* Styles for various sections and elements -----------------------------------*/

/* This one is everywhere, but is usually programmatically made, so
	it is not the standard. Be sure to put this class on all
	"read full story" "more" etc. links */

a.more {
	color: Navy;
	text-decoration: none;
	font-size: 95%;
}

a.more:hover {
	text-decoration: underline;
}

.formButton {
	background-color: Silver;
	background-image: url(/images/formbutton_bg.jpg);
	font: normal bold 12px/14px Verdana, Arial, Helvetica, Sans-serif;
	color: #000033;
	border-color: #000033;
	border-width: 2px;
	padding: 2px 6px;
}

.formField {
	background-color: #eeeeee;
	font: normal 12px/14px Arial, Helvetica, Sans-serif;
	margin-left: 6px;
	margin-right: 6px;
}

.tagLine {
	font: italic 700 16px/24px Times New Roman, Times, Sserif;
	color: White;
}

div.topNav {
	position: relative; z-index:10;
	width: 100%;
	background-color: #044380;
	border-bottom: 1px solid Black;
	margin-bottom: 0px;
}

div.topSubNav {
	background-color: #666666;
	width: auto;
}

/* Used for non-link menu items that drop a list sh/be same as anchor styling */
td.topNav {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	color: White;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
}

a.topNav {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	color: White;
	text-decoration: none;
	padding: 3px 5px 4px 5px;
	white-space: nowrap;
	text-align: center;
}

a.topNav:hover {
	color: white;
	text-decoration: none;
	background-color: #7095CC;
}


a.topNavSpecial {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	color: Black; 
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
}

a.topNavSpecial:hover {
	color: White;
	text-decoration: underline;
}

div.leaderboard {
	position: relative; left: 0px; top: 0px;
	width: 100%;
	background-color: #ebebeb;
	border-top: 1px solid DimGray;
	border-bottom: 1px solid Black;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #333333;
	background-color: transparent;
}

div.skyscraper {
	background-color: White;
	padding: 0px 0px 0px 0px;
	border: 1px solid DimGray;
}

td.skyscraper {
	padding: 10px 0px 10px 0px;
}

td.centerMain {
	background-color: White;
	padding: 10px 0px 10px 0px
}

td.centerContent {
  padding-left:10px; padding-right:10px;
}

div.leftNavTopic {
	margin: 0px 0px 1px 0px;
	padding: 4px 1px 4px 4px;
	background-color: DimGray;
	font: italic 700 13px/16px Arial, Helvetica, Sans-serif;
	color: White;
}

td.leftNav {
	background-color: #ececef;
	/*
	border-right: 1px solid DimGray;
	border-bottom: 1px solid DimGray;
	*/
}

td.leftNavAlt {
	background-color: FloralWhite;
	/*
	border-right: 1px solid DimGray;
	border-bottom: 1px solid DimGray;
	*/
}

td.leftNavButton {
	padding: 2px 4px 2px 6px;
	background-color: Gainsboro;
	background-image: url(/images/leftnav_button_bg.jpg);
	border-top: 2px solid Gainsboro;
	border-right: 2px outset Gray;
	border-bottom: 2px outset Gray;
	border-left: 2px solid Gainsboro;
	color: Black;
}

td.leftNavButtonAlt {
	padding: 2px 4px 2px 6px;
	background-color: Gainsboro;
	background-image: url(/images/leftnav_button_bg_alt.jpg);
	border-top: 2px solid OldLace;
	border-right: 2px outset DarkGoldenrod;
	border-bottom: 2px outset DarkGoldenrod;
	border-left: 2px solid OldLace;
	color: Black;
}

ul.leftNav {
	margin:0;
	padding:0;
	/*white-space:nowrap;*/
	font: normal 11px/14px Arial, Verdana, Helvetica, sans-serif;
	color: Black;
}

li.leftNav {
	margin: 0px 0px 0px 14px;
	padding:0;
	list-style-type:none;
}

a.leftNav {
	font: normal 13px/16px Arial, Verdana, Helvetica, sans-serif;
	color: Black;
	text-decoration: none;
	padding: 1px 2px 1px 4px;
	margin: 0px;
}

a.leftNav:hover {
	color: White;
	text-decoration: none;
}


a.leftSubLink {
	font: normal 11px/14px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	color: Black;
	padding: 1px 2px 1px 2px;
}

a.leftSubLink:hover {
	color: White;
	text-decoration: underline;
	background-color: #f45718;
}

table.sidebar {
	margin-bottom: 10px;
	background-color: GhostWhite;
}

table.topStory {
	margin-bottom: 10px;
}

#sideList {
	font: normal 11px/14px Arial, Verdana, Helvetica, sans-serif;
	color: BlueViolet;
	background-color: GhostWhite;
	padding: 4px;
}

#sideList ul {
	margin:0;
	padding:0;
	white-space:nowrap;
	font: normal 11px/14px Arial, Verdana, Helvetica, sans-serif;
}

#sideList li {
	margin: 0px 0px 0px 10px;
	padding:0;
	list-style-type:none;
}

#sideList a {
	color: Blue;
}

.sectionBox {
	border: 1px solid DimGray;
	margin-bottom: 10px;
}

.specialSectionBox {
	border: 1px solid #044380;
  margin-top:10px;
	margin-bottom: 10px;
	background-color: #d0dcef;
}

table.storyColorBox {
	border: 1px solid DimGray;
	background-color: transparent; /* #e7e0ee;*/
	padding: 0px;
	margin: 1px 2px 1px 2px;
}

td.storyColorBox {
	line-height: 110%;
	font-size: 75%;
}

.sectionTitleColor {
	font-family: Times New Roman, Times, Serif;
	font-weight: 900;
	color: White;
	font-size: 120%;
	background-color: #672b4b;
	padding: 2px 6px 5px 2px;
}

td.sectionTitle {
	font-weight: bold;
	color: White;
	font-size: 120%;
	background-color: DarkGray;
	padding-left: 10px;
}

/* Caption under photos/images */
.caption {
	font-size: 80%;
	line-height:110%;
	color: DarkGray;
}

/* bylines under stories */
.byline {
	font-size: 80%;
	color: DarkGray;
}

/* Like it says, prompt text under a form field */
.promptUnderField {
	font-size: 80%;
	line-height:100%;
	color: DimGray;
}

table.callout {
	border: 1px solid #160869;
	margin: 10px 0px 10px 0px;
	padding: 4px;
	background-color: #eae9a8;
	background-image: url(/images/callout_bg.jpg);
}

table.calloutPlain {
	border: 1px solid #160869;
	margin: 10px 0px 10px 0px;
	padding: 4px;
	background-color: GhostWhite;
}

.highlight {
	font-weight: bold;
	color: #cc9a15;
}

.imageLeft {
	border: 1px solid Gainsboro;
	padding: 2px 2px 2px 2px;
	margin: 0px 6px 0px 0px;
}

.imageRight {
	border: 1px solid Gainsboro;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 6px 0px;
}

.imageNone {
	border: 1px solid Gainsboro;
	padding: 2px 2px 2px 2px;
	margin: 2px 6px 2px 6px;
}

.staffListing {
	padding-bottom: 10px;
	padding-top: 2px; /* Needs this if image has a border, or top border chops off. */
}

.specialTitle {
	font-weight: bold;
	color: white;
	font-size: 120%;
	background-color: #336699;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-right: 10px;
}

.kicker {
	color: Gray;
	font-weight: 700;
}

 .classified {
	border: 1px solid Gray;
	padding: 2px;
	font-size: 80%;
	line-height: 110%;
}


ul.linkList {
	margin:0px;
	padding: 0px 0px 0px 10px;
	list-style-position: inside;
}


/* Would replace div.topNav if we move topNav inside main table; otherwise delete
	see /nup/nup_index_new_topnav.html */
div.topNavAlt {
	background-color: #eae9a8;
	border-bottom: 1px solid Black;
}