/* 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
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)
sectionBox			General tag for block element (TABLE, DIV) provides border and separation (see Breaking News)
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)
sectionTitleSpecial	TD Used on home page
caption				General class for anything that should be small "gray" type: captions with images, datelines on stories, etc.
promptUnderField	General class for prompt text appearing under form fields
callout				TABLE, special callout boxes on home page and any other page that needs them
highlight			General class for highlighting phrases in body text, used in span tag
client				HREF class for client listings

-ID-				-USAGE-


=====*/
/*
@media print {

body { display: none }

}
*/
/* Standard styles ============================================================*/
a img { border: none; }

body {
	background-color: white;
	font: normal 300 12px/16px Arial, Helvetica, Sans-serif;
	color: black;
	text-align: left;
}

td, th { font: normal 300 12px/16px Arial, Helvetica, sans-serif; color: #222e87; padding: 2px; border: 0px; text-align: left; }

a {
	color: Navy;
	text-decoration: underline;
}

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: 170%; line-height: 100%; color: #222e87;}

h2 { font-size: 140%; line-height: 100%; color: #222e87; }

h3 { font-size: 120%; line-height: 100%; color: #222e87 }

h4 { font-size: 110%; line-height: 100%; color: #222e87; }

h5 { font-size: 100%; line-height: 100%; padding: 4px;
	background-color: #fff1cc; color: #003884; margin: 0px; }

h6 { font-size: 95%; line-height: 100%;
	background-color: Navy; color: GhostWhite; }

ol { margin: 40px; }

li { margin-bottom: 6px; }


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

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

/* Used to position entire page, usually centered. In order to work, it
	cannot have a width. */
div.positioner {
	padding: 6px;
}

/* All-enclosing div, to provide basic page positioning */
div.overall {
	position:static; left: 0px; top: 0px;
	width: 770px;
}

div.topper {
	position:relative; left: 0px; top: 0px;
}

div.header {
	position: static;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	background: White;;
	border-bottom: 1px solid Black;
}

div.subheader {
	position: static;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	height: 104px;
}
div.content {
	position: static;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: White;
}

div.bottomStripe {
	position: static; left: 0px; top: 0px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px;
	background: #f1d897;
	color: #2270a5;	font-size: 130%; font-weight: 700;
}

div.footer {
	position: relative; left: 0px; top: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

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

td.header {
	padding: 0px;
	margin: 0px;
	background: #ff4444;
}

td.leftNavBG0 {
	background: Gainsboro url(/images/leftnav_bg.gif) no-repeat top left;
	border-right: 1px solid DimGray;
	border-bottom: 1px solid DimGray;
	width: 232px;
}

td.leftNav {
	background: #c0d6ef;
	border-right: 1px solid DimGray;
	border-bottom: 1px solid DimGray;
	padding: 0px;
	width: 230px;
}

td.leftNavTopic00 {
	background: #c89dca url(/images/leftnavbg00.jpg) repeat-y top left;
	font: normal 900 14px/22px Arial, Helvetica, Sans-serif;
	color: #1e2e5f;
	padding-right: 10px;
	text-align: right;
}

td.leftNavTopic01 {
	background: #c89dca url(/images/leftnavbg01.jpg) repeat-y top left;
	font: normal 900 14px/22px Arial, Helvetica, Sans-serif;
	color: #1e2e5f;
	padding-right: 10px;
	text-align: right;
}

td.leftNavTopic01sub {
	background: #e5d2e6;
	font: normal 900 14px/22px Arial, Helvetica, Sans-serif;
	color: #1e2e5f;
	padding-right: 10px;
	text-align: right;
}

td.leftNavTopic02 {
	background: #adc0c6 url(/images/leftnavbg02.jpg) repeat-y top left;
	font: normal 900 14px/22px Arial, Helvetica, Sans-serif;
	color: #1e2e5f;
	padding-right: 10px;
	text-align: right;
}

td.leftNavTopic02sub {
	background: #e4eaea;
	font: normal 900 14px/22px Arial, Helvetica, Sans-serif;
	color: #1e2e5f;
	padding-right: 10px;
	text-align: right;
}

td.leftNavTopic03 {
	background: #a0a3bc;
	font: normal 900 14px/22px Arial, Helvetica, Sans-serif;
	color: #1e2e5f;
	padding-right: 10px;
	text-align: right;
}

td.leftNavTopic03sub {
	background: #ccd0f0;
	font: normal 900 14px/22px Arial, Helvetica, Sans-serif;
	color: #1e2e5f;
	padding-right: 10px;
	text-align: right;
}

td.leftNavTopic04 {
	background: #f1d897;
	font: normal 900 14px/22px Arial, Helvetica, Sans-serif;
	color: #1e2e5f;
	padding-right: 10px;
	text-align: right;
}

td.leftNavTopic05 {
	/* background: #67a6d2; */
	background: #d58b70;
	font: normal 900 14px/22px Arial, Helvetica, Sans-serif;
	color: #1e2e5f;
	padding-right: 10px;
	text-align: right;
}

td.leftNavTopic05sub {
	background: #ffc8b2;
	font: normal 900 14px/22px Arial, Helvetica, Sans-serif;
	color: #1e2e5f;
	padding-right: 10px;
	text-align: right;
}

td.leftNavTopic06 { 
	background: #a7d3e9;
	font: normal 900 14px/22px Arial, Helvetica, Sans-serif;
	color: #1e2e5f;
	padding-right: 10px;
	text-align: right;
}

td.leftNavTopic06sub {
	background: #d8ecf5;
	font: normal 900 14px/22px Arial, Helvetica, Sans-serif;
	color: #eaeaea;
	padding-right: 10px;
	text-align: right;
}

td.leftNavTopic07 {
	background: #6c6c6c;
	font: normal 900 14px/18px Arial, Helvetica, Sans-serif;
	color: #eaeaea;
	padding-right: 10px;
	text-align: right;
}

td.leftNavTopic08 {
	background: #a1a1a1;
	font: normal 900 14px/18px Arial, Helvetica, Sans-serif;
	color: #eaeaea;
	padding-right: 10px;
	text-align: right;
}

td.leftNavTopic08sub {
	background: #f3f3f3;
	font: normal 900 14px/18px Arial, Helvetica, Sans-serif;
	color: #eaeaea;
	padding-right: 10px;
	text-align: right;
}

td.leftNavImage { /* special td holds an image */
	background: White;
	font: normal 900 14px/18px Arial, Helvetica, Sans-serif;
	color: #eaeaea;
	padding: 0px;
}

a.leftNav {
	color: #1e2e5f;
	text-decoration: none;
}

a.leftNav:hover {
	color: LightSlateGray;
}

a.leftNav2 {
	color: #eaeaea;
	text-decoration: none;
}

a.leftNav2:hover {
	color: LightSteelBlue;
}

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

td.centerContent {
	padding: 18px 10px;
}

/* Surrounds image on a bio page, right column */
table.bioImage {
	margin: 0px 0px 10px 0px;
	border: 1px solid Gainsboro;
}


/* Hold blurb and link(s) on a bio page, right column */
table.bioCallout {
	margin: 0px 0px 10px 0px;
	border: 1px solid Gainsboro;
	background: #efefef;
}

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

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

a.login {
	color: White;
	text-decoration: underline;
	font-size: 100%;
}

a.login:hover {
	text-decoration: none;
}

.formButton {
	background-color: Gray;
	font: normal bold 12px/14px Verdana, Arial, Helvetica, Sans-serif;
	color: #eeeeee;
	border-color: Silver;
	border-width: 2px;
}

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

.tagLine {
	font: normal 300 30px/30px Arial, Helvetica, sans-serif;
	color: #1069ab;
}

.tagLineSub {
	font: normal 700 12px/16px "Times New Roman", Times, serif;
	color: WhiteSmoke;
}

/* 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: 11px;
	font-weight: bold;
	line-height: 18px;
	color: White;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
	background: transparent url(/images/topnav_button_bg.jpg) repeat-x;
}

/* Next are used to place background image on cells, to "round" nav links; see MCM if used, or delete
td.topNavSep {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8px;
	line-height: 18px;
	color: White;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
	background: transparent url(/images/topnav_separator_bg.jpg) no-repeat top center;
}

td.topNavLeft {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8px;
	line-height: 18px;
	color: White;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
	background: transparent url(/images/topnav_left_bg.jpg) no-repeat top left;
}

td.topNavRight {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8px;
	line-height: 18px;
	color: White;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
	background: transparent url(/images/topnav_right_bg.jpg) no-repeat top right;
}
*/
a.headerNav {
	font: normal 300 10px/14px Arial, Helvetica, Sans-serif;
	color: White;
	text-decoration: underline;
	padding: 4px 5px 4px 5px;
	white-space: nowrap;
	text-align: center;
}

a.headerNav:hover {
	text-decoration: none;
	background-color: transparent;
}


a.topNav {
	font: normal 800 11px/18px Arial, Helvetica, Sans-serif;
	color: WhiteSmoke;
	text-decoration: none;
	padding: 4px 5px 4px 5px;
	white-space: nowrap;
	text-align: center;
}

a.topNav:hover {
	color: White;
	text-decoration: underline;
	background-color: transparent;
}

.footer {
	font-size: 90%;
	color: #333333;
	text-align: center;
}

a.footer {
	font-size: 100%;
	color: Black;
	text-decoration: underline;
}

a.footer:hover {
	font-size: 100%;
	color: Black;
	text-decoration: none;
}

div.leftNavTopic {
	margin: 0px 0px 1px 0px;
	padding: 4px 1px 4px 0px;
	font: italic 700 16px/24px Arial, Helvetica, Sans-serif;
	color: DimGray;
	text-decoration: underline;
}

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 6px 14px;
	padding:0;
	list-style-type: none;
	list-style-image: none;
	text-align: left;
}


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

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

#paraList {
	background-color: transparent;
	padding: 4px;
	margin-left: 20px;
}

#paraList li {
	margin: 0px 0px 0px 0px;
	padding:0px;
	list-style-image: url(/images/bullet_image.gif);
}

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

.sectionTitle {
	font: normal 900 12px/16px Arial, Helvetica, sans-serif;
	color: #1e2e5f;
	font-size: 110%;
	padding: 4px 10px;
	border-bottom: 1px solid Black;
}

.sectionTitleBW {
	font-weight: bold;
	color: White;
	font-size: 110%;
	padding: 4px 10px;
	border-bottom: 1px solid Black;
}

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

table.callout {
	border: 1px solid Silver;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-color: WhiteSmoke;
}

td.calloutHeader {
	padding: 4px;
	background: Gray;
	font-size: 105%;
	font-weight: 900;
	color: White;
}

td.calloutBody {
	padding: 4px;
	background-color: White;
}

td.calloutFooter {
	padding: 4px;
	background-color: Silver;
}

a.callout {
	font: normal 700 13px/16px Arial, Verdana, Helvetica, sans-serif;
	background: #1369a6;
	color: #d7e1eb;
	text-decoration: none;
	padding: 2px 6px;
}

a.callout:hover {
	color: White;
}


.highlight {
	font-weight: bold;
	color: MediumBlue;
}


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

a.client {
	font: normal 300 12px/16px Arial, Verdana, Helvetica, sans-serif;
	color: Black;
	text-decoration: none;
}

a.client:hover {
	color: MediumBlue;
	text-decoration: underline;
}

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

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

.imageLeft {
	margin-right: 20px;
}

.imageRight {
	margin-left: 20px;
}

/* Added 2008 */
a.homeSectionHead { font: italic 800 14px/20px Arial, Helvetica, sans-serif; color: #eeeeff; text-decoration: none }
a.homeSectionHead:hover { text-decoration: underline }