/* ----------------------intranetStyles.css Updated 28 October, 2005*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 97%;
	margin: 0px 0% 0px 0%;
}

#wrapper {
	float: center;
	top:20px;
	width:96%;
	visibility: visible;
	text-align: left;
	padding-bottom: 36px;
	Margin: 2px 2.25% 2px 1.75%;
}

.hide {
	position: relative;
	visibility: hidden;
}

.hRule0038a8 {
	position:relative;
	width:100%;
	height:0px;
	border-top: solid #0038a8 1px;
	clear: both;
}

.table { 
	text-align: left; 
}

.imageRight {
	width: auto;
	height: auto;
	float: right;
	margin: 0px 0px 6px 9px;
	padding: 4px;
}

.imageLeft {
	width: auto;
	height: auto;
	float: right;
	margin: 0px 9px 6px 0px;
	padding: 4px;
}

.calloutRight {
	position: relative;
	float: right;
	width: 185px;
	margin-left: 10px;
	margin-bottom: 12px;
	padding: 4px;
	border-width: 1px;
	border-color: #0038a8;
	border-style: solid;
}

.calloutLeft {
	position: relative;
	float: left;
	width: 185px;
	margin-bottom: 12px;
	margin-right: 12px;
	padding: 4px;
	border-width: 1px;
	border-color: #0038a8;
	border-style: solid;
}

/* ----------------------department homepage header div...the actual header sonctruction is table-based in the doc itself*/

#headerHome {
	font-size: 8pt;
	text-align: justify;
}

/* ----------------------department level 1 header element(s)*/

#headerL1 {	
	width: 100%;
	background-color: #0038a8;
	height: 63px;
	text-align: right;
	vertical-align: bottom;
}

#headerL1 h1 { position: relative; right: 8px; bottom: -35px; font-size: 12pt; font-weight: bold; color: #b2c3e6; text-align: right; }

#headerL1 h2 { position: relative; right: 8px; bottom: -17px; font-size: 12pt; font-weight: bold; color: #b2c3e6; text-align: right; }

/* ----------------------department level 2 header element(s)*/

#headerL2 {	
	width: 100%;
	background-color: #0038a8;
	height: 63px;
	text-align: left;
	vertical-align: bottom;
}

#headerL2 h1 {
	position: relative; right: -8px; bottom: -35px; font-size: 12pt; font-weight: bold; color: #b2c3e6; text-align: left; height: 20;
}

#headerL2 h2 {
	position: relative; right: -8px; bottom: -17px; font-size: 12pt; font-weight: bold; color: #b2c3e6; text-align: left; height: 20;
}


/* ----------------------department level 3 header element(s)*/

#headerL3 {	
	width: 100%;
	background-color: #0038a8;
	height: 63px;
	text-align: right;
	vertical-align: bottom;
}

#headerL3 h1 { position: relative; right: 10px;*/ bottom: -35px; font-size: 12pt; font-weight: bold; color: #b2c3e6; text-align: right; }

#headerL3 h2 { position: relative; right: 10px;*/ bottom: -17px; font-size: 12pt; font-weight: bold; color: #b2c3e6; text-align: right; }

/* ----------------------quick links construction - all instances of quick links*/

#qlContainer { /* contains QL components in a single unit*/
	margin-top: 4px;
	margin-bottom: 12px;
	margin-left: 10px;
	width:220px;
	z-index:4;
	float: right;
	border: thin #0038a8 1px solid;	
	background-color: #0038a8;
}

#qlContainer0Home { /* contains QL components in a single unit*/
	margin-top: 4px;
	margin-bottom: 12px;
	margin-left: 10px;
	width:184px;
	z-index:4;
	float: right;
	border: thin #0038a8 1px solid;	
	background-color: #0038a8;
}

#qlContainerL123 { /* contains QL components in a single unit*/
	margin-top: 4px;
	margin-bottom: 12px;
	margin-left: 1%;
	width:25%;
	z-index:4;
	float: right;
	border: thin #0038a8 1px solid;	
	background-color: #0038a8;
}

#qlHeader {
	width: 100%;
	height: 30px;
}

#qlContent {
	background-color: #ffffff;
	width: 100%;
	padding: 3px;
	line-height: 19px;
}

/* ----------------------body content div--contains all page elements not part of header or footer - all pages*/

#bodyContent {
	width: 100%;
	align:right;
	padding-top: 16px;
}

/* ----------------------1 column body content div and sub divs - all pages*/

#content1col {/*NO Quick Links--see next div for QL pages contains all page 'body' elements between nameplate and footer  NOTE: if you use QL or .callout with this div, you will get a wraparound effect*/
	position: relative;
	width: auto;
	padding: 0px 0% 3px .5%;
	position: relative;
}

#content1colQL {/*QUICK LINKS PAGES contains all page 'body' elements between nameplate and footer, created the illusion of a right column and does not wrap body content around the QL or callout element*/ 
	position: relative;
	width: auto;
	padding: 0px 202px 3px .5%;
	position: relative;
}

#oneColumnQL /*use for one column text with quick links or right nav NOTE: if you want to use QL with a two or three column layout, nest the two or three column divs inside this oneColumnQL div; the templates using this format are constructed accordingly*/ {
	position: relative;
	float: left;
	width: auto;
	padding: 0px 0% 0px 0%;
}

/* ----------------------2 column body content div and sub divs - all pages*/

#twoColBound /*NO Quick Links--see next div for 2 col QL pages contains all page 'body' elements between nameplate and footer  NOTE: if you use QL or .callout with this div, you will get a wraparound effect*/ {
	width:auto;
	padding: 0px 0% 3px .5%;
	position: relative;
}

#twoColBoundQL /*QUICK LINKS PAGES contains all page 'body' elements between nameplate and footer, created the illusion of a right column and does not wrap body content around the QL or callout element*/ {
	position: relative;
	float: left;
	width: auto%;
	padding: 0px 0% 0px .5%;
	margin: 1px 1% 1px 1%;
	;
}

#leftColumn {
	position: relative;
	float: left;
	width: 50%;
	padding: 0px 0% 0px .0%;
}

#rightColumn {
	position: relative;
	float: right;
	width: 40%;
	padding: 0px 0% 0px 0%;
}

/* ----------------------three column divs - all pages*/


#threeColBound /*NO Quick Links--see next div for 3 col QL pages contains all page 'body' elements between nameplate and footer  NOTE: if you use QL or .callout with this div, you will get a wraparound effect*/ {
	width:auto;
	padding: 0px 0% 3px .5%;
	position: relative;
}

#threeColBoundQL /*3 col QUICK LINKS PAGES contains all page 'body' elements between nameplate and footer, created the illusion of a right column and does not wrap body content around the QL or callout element */{
	position: relative;
	width:auto;
	padding: 0px 202px 3px .5%;
}


/*#threeColBound { provides a perimeter boundary for the three columns, nests inside bodyBound or bodyBoundQL after the headline and intro paragraph 
	position: relative;
	float: left;
	width: auto;
	padding: 0px .5% 0px .5%;

}*/

#firstColumn {
	position: relative;
	float: left;
	width: 30%;
	padding: 0px 2% 0px 0%;
}

#secondColumn {
	position: relative;
	float: left;
	width: 30%;
	padding: 0px 2% 0px 2%;
}

#thirdColumn {
	position: relative;
	float: left;
	width: 30%;
	padding: 0px 1% 0px 2%;
}





/* ----------------------footer element(s) -- all pages*/

#footer {
	width: 99.5%;
	float: left;
	border-top: 1px #0038a8 solid;	
	margin: 10px 0% 0px 0%;
	padding-left: .5%;
}

#footer a:visited	{ text-decoration: none; color: #0000FF; }

/* ----------------------misc. graphical element(s) -- all pages -- alter as needed*/

/* ----------------------font styles -- all pages*/

a:link       { text-decoration: none; color: #0000FF; }
a:visited    { text-decoration: none; color: #772D6B; }
a:hover      { text-decoration: none; color: #FF0000; }
a:active     { text-decoration: none; color: #FF0000; } 
.inactive    {color:#666666}
h1           { color: #000000; font-size: 14pt; font-weight: bold; }
h2           { color: #000000; font-size: 12pt; font-weight: bold; }
h3           { color: #000000; font-size: 10pt; font-weight: bold; }
h4           { color: #000000; font-size: 10pt; font-style: italic; }
hl3          { font-size: 12pt; color: #B2C3E6; font-weight: bold; }
.hl3         { font-size: 12pt; color: #B2C3E6; font-weight: bold; }
.style12     { color: #000000; font-size: 14pt; }
.s1	         { color: #000000; font-size: 10pt; font-weight: bold; }
.s2	         { color: #000000; font-size: 8pt; font-weight: bold; }
.s3	         { color: #000000; font-size: 8pt; }
.s4	         { color: #000000; font-size: 7pt; }
.heading     { color: #000000; font-size: 11pt; font-weight: bold; }	
.new	     { color: #ffffff; font-size: 9pt; font-weight: bold; padding: 0px 2px 1px 2px; background-color: #ff0000; text-transform: uppercase;}
.dummy	     { font-family: symbol; font-size: 24 pt; color: orange; }
.fade        { color: #A3A6A6; font-size:10pt; }
.fadeFooter  { color: #A3A6A6; font-size:8pt; }
.footer      { font-size: 8pt; color: #000000;}
.update      { font-size: 8pt; color: #000000; text-align:right; line-spacing: 14pt; }
.ul,.ol,.li {
	margin: 0%;
	padding: 0%;
} 
.ulni-nowrap { list-style-position: outside; list-style-type: circle; margin: 3px 0% 3px 16px; }
.uld-wrap    { list-style-position: outside; list-style-type: disc; margin: 0px 0% 0px 0px; } 
.ulni-wrap   { list-style-position: outside; list-style-type: disc; margin: 4px 0% 4px 16px !important; } 
.uli-nowrap  { list-style-position: outside; list-style-type: circle; margin: 3px 0% 3px 28px; } 
.uli-wrap    { list-style-position: outside; list-style-type: circle; margin: 4px 0% 4px 28px; }
.olc-wrap    { list-style-position: outside; list-style-type: circle; margin: 0px 0% 0px 0px; } 
.olni-nowrap { list-style-position: outside; list-style-type: circle; margin: 4px 0% 3px 16px; } 
.olni-wrap   { list-style-position: outside; list-style-type: circle; margin: 4px 0% 4px 16px; } 
.oli-nowrap  { list-style-position: outside; list-style-type: circle; margin: 4px 0% 3px 28px; } 
.oli-wrap    { list-style-position: outside; list-style-type: circle; margin: 4px 0% 4px 28px; }