/* 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 ============================================================*/
body {
	background-color: white;
	font: normal 300 12pt/16pt Arial, Helvetica, Sans-serif;
	color: black;
	margin: 2px;
}

td, th {
	font: normal 300 12pt/16pt Arial, Helvetica, Sans-serif;
	color: black;
	padding: 2px;
	border: 0px;
}

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: 140%; line-height: 100% }

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

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

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

/* Special heading for page titles */
h5 { font-size: 130%; line-height: 100%; margin-top: 20px; margin-bottom: 10px;}

h6 { font-size: 105%; line-height: 100%;
	background-color: #d83b03; color: GhostWhite; }

ol { margin: 10px; }

li { margin-bottom: 15px; text-align: left; }


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

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

/* All-enclosing div, to provide basic page positioning */
div.overall {
	border: 1px solid Black;
	width: 970px;
}

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

div.header {
	position: static;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	background: White;
}

div.topNav {
	position: static;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

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

div.leftNavBG0 {
	background: #6d6d6d url('/images/leftnav_bg.jpg') no-repeat top left;
	width: 258px;
	height: 594px;
	padding: 0px;
}

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

div.bottomNav {
	position: relative; left: 0px; top: 0px;
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-top: 2px solid #c8c8c8;
}

div.themeStripe {
	background: Gainsboro url('/images/theme_bg.jpg') repeat top left;
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
	padding: 0px;
}



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

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

td.headerSpecial {
	padding: 0px;
	margin: 0px;
	background: White;
	border-top: 2px solid Silver;
	border-bottom: 2px solid Silver;
}

td.leftNav {
	background: White url('/images/td_leftnav_bg.jpg') repeat top left;
	border-right: 0px solid White;
	border-bottom: 2px solid White;
	padding: 0px;
	width: 258px;
}

table.centerMain {
	margin: 0px 0px 10px 10px;
}

td.centerMain {
	background: White url('/images/content_bg.jpg') no-repeat top left;
	padding: 0px;
}

td.themeStripe {
	padding: 0px;
}

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

td.pageTagline {
	font-weight: 700; font-size: 110%; color: Black;
	padding:0px 0px 10px 10px;
}

td.rightColumn {
	background-color: White;
	padding: 10px 10px 10px 0px;
	width: 120px;
}

td.rightColumnHom {
	background-color: White;
	padding: 10px 10px 10px 0px;
	width: 200px;
}

td.rightColumnBio {
	background-color: White;
	padding: 10px 10px 10px 0px;
	width: 1%;
}

/* 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: none;
	font-size: 100%;
}

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

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 700 16px/22px Arial, Helvetica, Sans-serif;
	color: Black;
}

.tagLineSub {
	font: normal 700 12px/16px Arial, Helvetica, Sans-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: 15px;
	font-weight: bold;
	line-height: 18px;
	color: White;
	text-decoration: none;
	white-space: nowrap;
	padding: 2px;
	/* background: transparent url(/mos/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: 15px;
	font-weight: bold;
	line-height: 18px;
	white-space: nowrap;
	padding: 2px;
	background: White;
}

td.bottomNav {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: White;
	text-decoration: none;
	white-space: nowrap;
	background: #6f6f6f;
}

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

td.headerNav {
	font: normal 300 10pt/12pt Arial, Helvetica, Sans-serif;
	color: Gray;
	text-decoration: none;
	padding: 4px 0px 4px 0px;
	white-space: nowrap;
	text-align: center;
}

a.headerNav {
	font: normal 300 10pt/12pt Arial, Helvetica, Sans-serif;
	color: Gray;
	text-decoration: none;
	padding: 4px 0px 4px 0px;
	white-space: nowrap;
	text-align: center;
}

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


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

a.topNav:hover {
	color: Gainsboro;
	background-color: transparent;
}

a.bottomNav {
	font: normal 800 13px/16px Arial, Helvetica, Sans-serif;
	color: White;
	text-decoration: none;
	padding: 4px 5px 4px 0px;
	white-space: nowrap;
}

a.bottomNav:hover {
	color: Gainsboro;
	background-color: transparent;
}

.footer {
	font: normal 300 10pt/12pt Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: transparent;
}

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: 0px 0px 0px 60px;
	padding:0;
	/*white-space:nowrap;*/
	font: normal 700 10pt/12pt Arial, Verdana, Helvetica, sans-serif;
	color: Black;
}

li.leftNav {
	margin: 0px 0px 6px 14px;
	padding:0;
	list-style-type: square;
	list-style-image: url(/images/bullet_int.gif);
	text-align: left;
}

a.leftNav {
	font: normal 13px/16px Arial, Helvetica, sans-serif;
	color: Black;
	text-decoration: none;
}

a.leftNav:hover {
	color: Black;
	text-decoration: underline;
}


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(/mos/images/bullet_image.gif);
}

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

td.sectionTitleColor {
	font-family: Times New Roman, Times, Serif;
	font-weight: 900;
	color: DimGray;
	font-size: 125%;
	padding: 2px 6px 5px 2px;
	background: Gainsboro;
}

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

.sectionTitleSpecial {
	font-family: Arial, Helvetica, Serif;
	font-weight: 900;
	color: #ff0000;
	font-size: 120%;
	padding: 2px 6px 15px 2px;
}

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

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

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

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;
	color: White;
	text-decoration: none;
}

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


.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;
}

.headerlogo {
	margin: 8px 6px 2px 6px;
}

/* Styles for images */
.imageRight {
	border: none;
	margin: 4px 1px 4px 10px;
}

.imageLeft {
	border: none;
	margin: 4px 10px 4px 1px;
}

.leftTheme {
	border: 1px solid Black;
	margin: 10px 4px;
}

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

#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 1px solid black;
	padding: 4px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	font: normal 300 11px/13px Arial, Helvetica, Sans-serif;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}