/*index pages*/
a, a:link, a:visited, a:hover, a:active {text-decoration: none; font-weight: bold}
.weightNormal {font-weight: normal}
a:link { color: #00338D; border-bottom: solid 1px #E1E9F2}
a:visited { color: #666; border-bottom: solid 1px #ccc}
a:hover, a:active { color: #A53400; border-bottom: solid 1px #A53400 !important;}
span.tooltip {font-size: .9em}
.tooltip a {color: #000 !important; font-weight: normal; font-size: .9em; border-bottom: dashed 1px #777}
.tooltip a span {display:none; padding:2px 3px; margin-left: 8px; width:130px;}
.tooltip a:hover {color: #000 !important; background:#ffffff; text-decoration:none; border-bottom: dashed 1px #777 !important} /*BG color is a must for IE6*/
.tooltip a:hover span {display:inline; color: #000 !important; position:absolute; background-color: #f6f5f3; border: solid 1px #e4e2dc; line-height: 15px; cursor: pointer; font-size: 10px}

/*Introduction section*/
span.intro {margin-bottom: 1.5em}
.intro .subhead {display: block}
.intro p {font-size: 1.1em; line-height: 145%; margin-bottom: .9em}
div.grpRight {float: right; margin: 0 0 1em 1.9em}
div.grpRight .photoRight, div.grpRight .FeatureText {float: none; display: block; margin: 0}
.grpRight .photoRight img { margin-bottom: 1.5em}
.toolTip {font-weight: normal}
.desc { font-size: .9em; color: #645E50; line-height: 130%; margin: .2em 0}
li.desc {background-image: none; list-style-type: none}
span.desc {display: block;}

/*Brightners or pull quotes - applied to text entered in DCR fields*/
.FeatureText {width: 47%; min-width: 25%; float: right; margin: 0 0 1.5em 3%; background-color: #e4eed8;/*light green*/ border-top: solid 2px #b9cca9; border-bottom: solid 1px #b9cca9}
.FeatureText > * {margin-left: 12px; margin-right: 12px}
.FeatureText h1, .FeatureText h2, .FeatureText h3, .FeatureText h4, .FeatureText h5, .FeatureText h6  {margin: .4em 12px; line-height: 130%; color: #000 !important}
.FeatureText h1 { font-size: 1.3em; font-weight: normal}
.FeatureText h2, .FeatureText h3, .FeatureText h4, .FeatureText h5, .FeatureText h6  {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif}
.FeatureText h2 {font-size: 1.2em}
.FeatureText h3 {font-size: 1.1em}
.FeatureText h4, .FeatureText h5, .FeatureText h6 {font-size: 1em; font-weight: bold}
.FeatureText p {line-height: 145%; color: #000; margin: .9em  12px}
.FeatureText li {margin-bottom: .3em}
.FeatureText h1 + p, .FeatureText h2 + p, .FeatureText h3 + p, .FeatureText h4 + p, .FeatureText h5 + p, .FeatureText h6 + p {margin-top: 0}
.FeatureText span.photoRight, .FeatureText span.photoLeft {display: inline; zoom: 1; width: auto; margin: 0 0 6px }
.FeatureText span.photoRight {float: right; margin-left: 12px;}
.FeatureText span.photoLeft {float: left; margin-right: 12px}
.FeatureText span.photoRight img, FeatureText span.photoLeft img {border: 0 !important; margin: 0}


/*content blocks*/
.colWrapper {width: 100%; margin: 1em 0 0}
.colWrapper:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.indexColOne, .indexColTwo, .indexColThree {position: absolute; top: 0; left: 0}/*indexColThree used for HR index page*/
.indexColOne { width: 47%}
.indexColTwo {left: 53%; width: 47%}
.contentGrp, #news {position: relative; border-top: solid 2px #DFE8D8;	margin: 0 0 .7em 0;	padding: .4em 0 .5em}

/*whats new and latest news*/
#news .grpbox h3 {font-size: 1.8em !important; font-weight: normal !important; color: #608C3C;}
#news {border-top: solid 2px #b9cca9}
#news h3 {font-size: 1.8em; font-weight: normal !important; color: #D08E00; float: left; border-top: solid 6px #dfe8d7; padding: 0; margin-top: -4px !important;}
#news h3 + * {clear: both}
#news h3 + ul li { margin-bottom: .5em !important}
#news h4 {clear: left; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif}

h2, h3, h4, h5, h6 {font-family: "Arial Narrow", Arial, "Helvetica Neue Condensed", "Helvetica Condensed", sans-serif}
h3, h4, h5  {font-weight: bold;
	line-height: 130%;
	color: #645E50;
	letter-spacing: 0;
	margin: 0 0 .7em
}
.SectionHead {color: #D17B0A; font-size: 1.8em; font-weight: normal}
.subhead {font-size: 1em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; word-spacing: 2px; color: #000; font-family: "Arial Narrow", Arial, "Helvetica Neue Condensed", "Helvetica Condensed", sans-serif; margin-bottom: .4em}

h2 {font-size: 2.2em; font-weight: normal; color: #000; margin: 0 0 .5em; line-height: normal}
h3 {font-size: 1.438em;}
h3.overHead {font-size: 1.1em !important; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; word-spacing: 2px; color: #757062; font-family: "Arial Narrow", Arial, "Helvetica Neue Condensed", "Helvetica Condensed", sans-serif; margin-bottom: .3em}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

ul, ol {margin: .09em 0 1em 0}
p + ul, p + ol {margin-top: 0}
ol + ul, ul + ol {margin-top: .3em}

ul li {
	list-style-type: none;
	list-style-image: none !important;
	background-image: url(/graphics/upds/site_wide/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	padding: 0 0 0 .6em;
}
li { margin-bottom: .4em}
ol {list-style-type: decimal; margin-left: 1.5em}

/*This fixes the IE bug for disappearing background-image inside list items*/
ul, ol, dl {
	position: relative;
}
ul li li {font-size: .9em}
.clear_children, .cc_tallest { position: relative}
.cc_tallest:after { content: ''; }
* html .clear_children { display: inline;}/* PREVENTS MISSING CHILDREN IN IE WIN 5.0 */