/* Header Styles */
#banner {background-color: #FFFFFF; height:120px; voice-family: "\"}\""; voice-family: inherit; height:119px;}
html>body #banner {height:119px;}
#banner h1 {font-size:14px; padding:10px 10px 0px 10px; margin:0px;}

/* Global List */
#globalnavlist {margin: 0; font-size: 14px;}
.globalnavlist ul{margin: 0 0 0 -10px; }
.globalnavlist li{margin: 0px 24px 0 -9px; padding: 0 0 0 15px; display: inline; list-style-type: none;
background:  url(../draft%20pages/global.gif) no-repeat;
background-position: 0px; }
#globalnavlist a:link, #globalnavlist a:active {font-size: 14px; font-weight: normal; color: #999999; text-decoration: none;}
#globalnavlist a:visited {color: #7B00BB; text-decoration: none;}
#globalnavlist a:hover {text-decoration: none; color: #999999;}

/* Top Nav Styles (Orange area below Header) */
#topnav {width: 100%; height: 27px; margin: 0px; background-color: #EF8E01;}

#headerlinks {font-size: 13px; font-weight: bold; color: #FFFFFF; background-color: #433E66; padding-right: 8px;}
#headerlinks a:link, #headerlinks a:active {color: #FFFFFF; text-decoration: none;}
#headerlinks a:visited {color: #FFFFFF; text-decoration: none;}
#headerlinks a:hover {color: #FFFFFF; text-decoration: none;}

/************* #globalNav styles **************/

#globalNav{
padding: 10px 0px 5px 10px;
color: #ffffff;
background-color: #FD923C;
height: 25px;
width: 100%;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 120%;
	font-weight: bold;
	padding: 0 4px 0 0;
	color: #ffffff;
}

#globalNav a:hover {
	font-size: 120%;
	font-weight: bold;
	padding: 0 4px 0 0;
	color: #FFD100;
}

h6{
 font-family: Verdana,Arial,sans-serif;
 font-size: 70%;
 text-decoration: italics;
 text-align: center;
 color: #cccccc;
 margin: 0px;
 padding: 0px;
}

/* 
CSS Document - January 06, 2006
*/
body {margin:5px 0px 0px 5px; padding:0px; float: left; font: 12px Arial, Helvetica, sans-serif; color: #666; background-color: #FFFFFF;}

#widecontent {margin-left: 10px; margin-right:199px; voice-family: "\"}\""; voice-family: inherit; margin-left: 11px; margin-right:201px;}
html>body #widecontent {margin-left: 11px; margin-right:201px;}
#centercontent {background:#fff; margin-left: 135px; margin-right:180px; /*border:1px solid #000; */ voice-family: "\"}\""; voice-family: inherit; margin-left: 136px; margin-right:181px;}		
html>body #centercontent {margin-left: 201px; margin-right:201px;}
#content {background:#fff; margin: 5px 0 5px 0; padding : 0px 5px 5px 5px; border-right: solid #857A68 1px;}
#data {width: 580px; margin: 20px 0 20px 0; padding : 0px 15px 10px 5px; font-size: 11px; }
#quote {background:#fff; font-size: 130%; color:#FF6666; text-align: right; font-weight: bold; font-style:italic }

p {margin: 0 0 1em 0; line-height: 1.35em;}
p.top {font-size: 12px; text-align: right; color: #433E66; padding-left: 0px; text-decoration: none; background: url(../draft%20pages/more.gif) right no-repeat; display:block;}
p.more {margin: 0; text-align: left;}

/* Jump Link Styles (To be placed in the Global P area)  */
.backtop {text-align: right; font-size: 11px; font-weight: normal; color: #433E66; padding-left: 0px; text-decoration: none}

.backtopad {margin: 20px auto; padding: 5px 0 10px 0; text-align: right; color: #433E66; border-top: #FA7100 solid 1px; width: 100%;}
.backtop2 {text-align: right; font-size: 11px; font-weight: normal; color: #433E66; margin: 20px 0 0 0; padding: 15px 0 10px 0; text-decoration: none; border-top: #FA7100 solid 1px;}
/*.backtop2 a:link {text-align: right; font-size: 11px; font-weight: normal; color: #433E66; margin: 20px 0 0 0; padding: 10px 0 0 0; text-decoration: none; border-top: #FA7100 solid 1px;}*/

p.horz {margin: 0; border-bottom: #FA7100 solid 1px; width: 100%;}
p.date {text-align: right; float: right;}

/* General Layout  */
h1 {font-size: 1.3em; color: #0A3677; margin: 8px 0 8px 0; line-height: 110%;}
h2 {font-size: 1em; font-weight: bold; color: #0A3677; margin: 0px; line-height: 110%;}
h3 {font-size: 12px; /*changed from hfi's ems*/ font-weight: bold; color: #333333; margin: 10px 0 16px 0;line-height: 110%;}
h4 {font-size: 11px; font-weight: bold; color: #0A3677; padding: 10px 0 0 4px; margin: 0px; line-height: 110%;}

/* Main Link Styles */
a:link {font: 11px Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; font-weight: bold;}
a:active {font: 11px Arial, Helvetica, sans-serif;color: #333333; text-decoration: none ; font-weight: bold;}
a:visited {font: 11px Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; font-weight: bold;}
a:hover {font: 11px Arial, Helvetica, sans-serif; color: #093678; text-decoration: underline; font-weight: bold;}

/* Jump Link Styles   ???  ???   ??? */
.midnavlink {padding: 0 0 8px 0;}
.midnavlink a:active {font-size: 11px; font-weight: normal; color: #ffffff; padding-left: 0px; text-decoration: none;}
.midnavlink a:visited {color: #ffffff; text-decoration: none;}
.midnavlink a:hover {color: #0C6C0B7; text-decoration: underline;}

/*  Left Column  */
#leftcolumn {position: absolute; left:5px; top:110px; width:130px;}
#leftcontent {background:#FD923C; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; font-size: 12px; color:#ffffff; font-weight: bold;}
#tools {margin: 0; background:#fff; border-top: #99ACD2 solid 1px;}

/*right column*/
#rightcontent {
	position: absolute;
	right:10px;
	top:110px;
	width:36px;
	background:#ffffff;
	left: 866px;
}
#rightcontent p {font-size:10px;}

/* Support Panel Links - AD Work Area */
.supportpnl a:link, #tools a:link {font-size: 11px; font-weight: normal; color: #433E66; padding-left: 3px; text-decoration: none;}
.supportpnl a:active, #tools a:active {font-size: 11px; color: #093678; padding-left: 3px; text-decoration: none;}
.supportpnl a:visited, #tools a:visited {font-size: 11px; color: #7B00BB; padding-left: 3px; text-decoration:none;}
.supportpnl a:hover, #tools a:hover {font-size: 11px; color: #093678; padding-left: 3px; text-decoration: underline;}

/* Support Panel Links - AD Work Area */
.supportpn2 a:link, #tools a:link {font-size: 11px; font-weight: normal; color: #000000; padding-left: 3px; text-decoration: none;}
.supportpn2 a:active, #tools a:active {font-size: 11px; color: #000000; padding-left: 3px; text-decoration: none;}
.supportpn2 a:visited, #tools a:visited {font-size: 11px; color: #000000; padding-left: 3px; text-decoration:none;}
.supportpn2 a:hover, #tools a:hover {font-size: 11px; color: #093678; padding-left: 3px; text-decoration: underline;}

.jumparea {padding: 9px 0 8px 0; margin-bottom: 6px;}
.jumplist {margin: 6px 0 12px 0; list-style: none;}
/*.jumplist ul {margin: 0 0 0 0px;}*/
.jumplist li {background-image:  url(../draft%20pages/leftnavlinks_arrow.gif); background-repeat: no-repeat; background-position: 0px; padding: 0 0 0 20px; margin: 0px;}

.paralist {margin: 6px 0 14px 16px; list-style: outside square url(../draft%20pages/leftnavlinks_arrow.gif);}
.paralist ul {margin: 0}
.paralist li {background-repeat: no-repeat; background-position: 0px; padding: 0px; margin: 0px 0 8px 0px;}
/*background-image: url(file:///G|/docs/project_pages/hfi/site/images/leftnavlinks_arrow.gif);*/

/* Image Styles */
img.left {float: left; margin: 2px 10px 5px 0; border: 0;}
img.right {float: right; margin: 8px 0 5px 10px; border: 0;}
img.across {margin: 0 0 10px 0; border: 0;}

/* List Styles*/
ul {list-style: square; margin: 0 0 0 25px;}
ul.noindent {list-style: none; margin: 10px 0 10px 0;}
ul.listpad {list-style: none; margin: 10px 0 10px 10px;}
ul.supportpnl {margin: 0 0 0 20px; list-style-type: none; list-style-image:  url(../draft%20pages/bullet_orange.gif); list-style-type:square;}

ol {list-style: decimal; margin: 0 0 0 10px;}
li {padding: 0 0 .3em 0;}
li.supportpnl {margin: 0;}

ul ul {margin: 5px 0 0 10px;}


/*  Footer Styles  */
#footer {margin: 0px; width: 100%;}
#footer p.bar {padding: 8px 0 5px 8px; background-color: #A8A196; font-size: 11px; color: #CCCCCC;}
#footer p {padding: 10px 0 0 8px; font-size: 10px; color:#A8A196;}
#footer a:link, #footer a:visited {font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: underline;}
img.kp {float: right; margin: 5px 10px 10px 10px; border: 0;}

/* Org Chart Styles */
.tablehead {font-size: 11px; color: #000000; background-color: #DBDBDB; padding-left: 10px; font-weight: bold;}
.orgcharbg {background-color: #DBEFF6; padding-top: 3px;}
.orgcharbg p {margin-left: 9px; font-size: 11px;}
.altrow {background-color: #F2F2F2}
.onepxl {font-size: 1px}

/*  Search Styles in Header (DDT- Added margin-right of 10px & RADIO style- AD) */
.txtfield  /*, select, radio */ {font-size: 11px; border: 1px #006287 solid; width: 100px; margin-right: 5px;}
.gobutton  {font-size: 11px; color: #FFFFFF; background-color: #006287; border: 1px solid; border-color: #006287; cursor: default; font-weight: normal; margin-left: 5px;}


.borderleft {padding: 0 0 0 12px; border-left: solid #857A68 1px;}





/* Templates without a Left Nav  */
/*#content .columnright {width: 40%; margin: 0;}
#content .columnleft {width: 40%; vertical-align:top; margin: 0; margin-right: 10px;}*/

/*#columnleft {width: 40%; padding: 0; float: left;}
#columnright {width: 40%; border-left: solid #857A68 1px; padding: 0; float: left;}*/
/*center column*/

/*	THIS WAS AT #CENTERCONTENT
		IE5x PC mis-implements the box model. Because of that we sometimes have
		to perform a little CSS trickery to get pixel-perfect display across browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurly close a style rule when it runs
		into the string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values. So any of the name-value pairs above this comment
		that we need to override for browsers with correct box-model implementations
		will be listed below.
		
		We use the voice-family property because it is likely to be used very infrequently,
		and where it is used it will be set on the body tag. So the second voice-family value 
		of "inherit" will override our bogus "\"}\"" value and allow the proper value to
		cascade down from the body tag.

		The style rule immediately following this rule offers another chance for CSS2
		aware browsers to pick up the values meant for correct box-model implementations.
		It uses a CSS2 selector that will be ignored by IE5x PC.
		
		Read more at http://www.glish.com/css/hacks.asp  */

