/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #eaeff5;
  background: #cccccc url(../images/bg_grad.jpg) fixed;
  color: #333333;
  font-size: 0.75em;
  line-height: 1.167em;
  margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}

hr {
  width 98%;
} 
 
/* Commonly used to style regular pargraphs. */
p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal; 
  font-variant: normal; 
  font-weight: normal; 
  text-transform: none; 
  text-decoration: none;
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  margin: 1em 0 1em 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  border-style:none;
}

.nonet {border-top-style:none}
.dottedt {border-top-style:dotted;border-top-color:#CCCCCC}
.dashedt {border-top-style:dashed;border-top-color:#CCCCCC}
.solidt {border-top-style:solid;border-top-color:#CCCCCC}
.doublet {border-top-style:double;border-top-color:#CCCCCC}
.groovet {border-top-style:groove;border-top-color:#CCCCCC}
.ridget {border-top-style:ridge;
  border-top-width:thin;
  border-top-color:#CCCCCC;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
.insett {border-top-style:inset;border-top-color:#CCCCCC}
.outsett {border-top-style:outset;border-top-color:#CCCCCC}

.noneb {border-bottom-style:none}
.dottedb {border-bottom-style:dotted}
.dashedb {border-bottom-style:dashed}
.solidb {border-bottom-style:solid}
.doubleb {border-bottom-style:double}
.grooveb {border-bottom-style:groove;border-bottom-color:#CCCCCC}
.ridgeb {border-bottom-style:ridge;
  border-bottom-width:thin;
  border-bottom-color:#CCCCCC;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
.insetb {border-bottom-style:inset}
.outsetb {border-bottom-style:outset}

.nonel {border-left-style:none}
.dottedl {border-left-style:dotted}
.dashedl {border-left-style:dashed}
.solidl {border-left-style:solid}
.doublel {border-left-style:double}
.groovel {border-left-style:groove}
.ridgel {border-left-style:ridge}
.insetl {border-left-style:inset}
.outsetl {border-left-style:outset}

.noner {border-right-style:none}
.dottedr {border-right-style:dotted}
.dashedr {border-right-style:dashed}
.solidr {border-right-style:solid}
.doubler {border-right-style:double}
.groover {border-right-style:groove}
.ridger {border-right-style:ridge}
.insetr {border-right-style:inset}
.outsetr {border-right-style:outset}

.title {
  color: #ffffff;
  font-size: 1.417em;
  font-weight: bold;
  line-height: 1.167em;
  margin: 0em 0 0em 0;
}

.brick {
  color: #800000;
}

.brickbold {
  color: #800000;
  font-weight: bold;
}

.grayhead {
  color: #575757;
}
  
.caption {
  font-size: 0.875em;
  line-height: 1.167em;
}

.captiongray {
  font-size: 0.875em;
  line-height: 1.167em;
  color: #999999;
}  

.captionquote {
  font-size: 0.875em;
  line-height: 1.167em;
  color: #666666;
}  

.captionquoteital {
  font-size: 0.875em;
  font-style: italic;
  line-height: 1.167em;
  color: #666666;
}
 
.centeredImage {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}
	    
/******* term expand tag styles *******/

.hotspot {
  color: #800080;
  font-style: italic;
}
.toggle {
  font-style: italic;
  color: #CD5C5C;
}

.term {
  color: #800080;
  font-style: italic;
}
.termExpand {
  font-style: italic;
  color: #3b62a6;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
  color: #333333;
  font-size: 1.167em;
  font-weight: bold;
  line-height: 1.167em;
  margin: 1em 0 2em 0;
}

h2 {
  color: #333333;
  font-size: 1em;
  font-weight: bold;
  line-height: 1em;
  margin: 2em 0 0 0;
}

h3 {
  color: #575757;
  font-size: 0.917em;
  font-weight: bold;
  font-style: italic;
  line-height: 1.167em;
  margin: 1em 0 0 0;
}


h4{
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 0.917em;
  font-weight: bold;
  margin: 0em;
  padding: 0em;
}


h5{
   font: 100% Verdana, Arial, Helvetica, sans-serif;
   color: #334d55;
   margin: 0em;
   padding: 0em;
}


/*************** list tag styles ***************/

ul{
   list-style-type: square;
}

ul ul{
   list-style-type: disc;
}

ul ul ul{
   list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #334d55;
}
				
input{
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*************** border tag styles ***************/

bdr{
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  margin: 1em 0 1em 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  border-style:none;
}

.nonet {border-top-style:none}
.dottedt {border-top-style:dotted;border-top-color:#CCCCCC}
.dashedt {border-top-style:dashed;border-top-color:#CCCCCC}
.solidt {border-top-style:solid;border-top-color:#CCCCCC}
.doublet {border-top-style:double;border-top-color:#CCCCCC}
.groovet {border-top-style:groove;border-top-color:#CCCCCC}
.ridget {border-top-style:ridge;border-top-color:#CCCCCC}
.insett {border-top-style:inset;border-top-color:#CCCCCC}
.outsett {border-top-style:outset;border-top-color:#CCCCCC}

.noneb {border-bottom-style:none}
.dottedb {border-bottom-style:dotted}
.dashedb {border-bottom-style:dashed}
.solidb {border-bottom-style:solid}
.doubleb {border-bottom-style:double}
.grooveb {border-bottom-style:groove;border-bottom-color:#CCCCCC}
.ridgeb {border-bottom-style:ridge}
.insetb {border-bottom-style:inset}
.outsetb {border-bottom-style:outset}

.nonel {border-left-style:none}
.dottedl {border-left-style:dotted}
.dashedl {border-left-style:dashed}
.solidl {border-left-style:solid}
.doublel {border-left-style:double}
.groovel {border-left-style:groove}
.ridgel {border-left-style:ridge}
.insetl {border-left-style:inset}
.outsetl {border-left-style:outset}

.noner {border-right-style:none}
.dottedr {border-right-style:dotted}
.dashedr {border-right-style:dashed}
.solidr {border-right-style:solid}
.doubler {border-right-style:double}
.groover {border-right-style:groove}
.ridger {border-right-style:ridge}
.insetr {border-right-style:inset}
.outsetr {border-right-style:outset}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#contentwrapper{
	position: absolute;
	top: 11em;
	left: 2%;
	right: 2%;
	width:95.6%;
	background-color: #eaeff5;
	border-bottom: solid 0.083em #5a6484; /* Sets the bottom border properties for an element using shorthand notation */
	z-index:1;
}

#contentwrapper_nonav{
	position: absolute;
	top: 7em;
	left: 2%;
	right: 2%;
	width:95.6%;
	background-color: #eaeff5;
	border-bottom: solid 0.083em #5a6484; /* Sets the bottom border properties for an element using shorthand notation */
	z-index:1;
}
#tl {
	position: absolute;
	top: -0.083em;
	left: -0.083em;
	margin: 0em;
	padding: 0em;
	z-index: 100;
}

#tr {
	position: absolute;
	top: -0.083em;
	right: -0.083em;
	margin: 0em;
	padding: 0em;
	z-index: 100;
}

#masthead{
	position: absolute;
	top: 0em;
	left: 2%;
	right: 2%;
	width:95.6%;
	z-index:2;	
}

#pageNav{
	float: left;
	width: 230px;
    padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	background-color: #F5f7f7;
	border-right: 0.083em solid #cccccc;
	border-bottom: 0.083em solid #cccccc;
	font: small Verdana,sans-serif;
}

#content{
    background-color: #fff;
	padding: 0em 0.833em 0em 0em;
	margin: 0em 0em 0em 20.833em;
	border-left: 0.083em solid #ccd2d2;
}

#contentwide{
    background-color: #fff;
	padding: 0em 0.833em 0.833em 0.833em;
	margin:0em 0em 0em 0em;
	border-left: 0.083em solid #ccd2d2;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0em;
	padding: 1.333em 0em 0.667em 0em;
	color: #ffffff;
	font-weight: normal;
}

/************** utility styles *****************/

#utility{
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 3.75em;
	right: 0em;
	color: #919999;
}

#utility a{
	color: #ffffff;
}

#utility a:hover{
	text-decoration: underline;
}

/************** pageName styles ****************/

#pageName{
	padding: 0em 0em 1.167em .833em;
	margin: 0em 0em 0em 0em;
	background-color: #075799;
	border-bottom: 0.083em solid #ccd2d2;
}

#pageName h2{
	font: bold 175% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 1.5em;
    font-weight: bold;
    line-height: 1.25em;
}

/*#pageName img{
	position: absolute;
	top: 0em;
	right: 0.5em;
	padding: 0em;
	margin: 0em;
}*/

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

#globalNav{
	position: relative;
	top: 0.2em;
	width: 100%;
	min-width: 53.333em;
	height: 3.333em;
	color: #cccccc;
	padding: 0em;
	margin: 0em;
	background-image: url(../images/glbnav_background.gif);
}

#globalNav img{
	margin-bottom: -0.333em;
 
}

#gnl {
	position: absolute;
	top: 0em;
	left: 0em;
}

#gnr {
	position: absolute;
	top: 0em;
	right: 0em;
}

#globalLink{
	position: absolute;
	top: 0em;
	height: 1.833em;
	min-width: 53.333em;
	padding: 0em;
	margin: 0em;
	left: 0.833em;
	z-index: 100;
}


a.glink, a.glink:visited{
  	font-size: small;
  	color: #000000;
	font-weight: bold;
	margin: 0em;
	padding: 0.167em 0.417em 0.333em 0.417em;
	border-right: 0.083em solid #8FB8BC;
}

a.glink:hover{
  	background-image: url(../images/glblnav_selected.gif);
	text-decoration: none;
}

.skipLinks {display: none;}

/************ subglobalNav styles **************/

/* NOT CURENTLY IN USE with CSS drop-down menus */

.subglobalNav{
	position: absolute;
	top: 9.917em;
	left: 0em;
	/*width: 100%;*/
	min-width: 53.333em;
	height: 1.667em;
	padding: 0em 0em 0em 0.833em;
	visibility: hidden;
	color: #ffffff;
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 80%;
	color: #ffffff;
}

.subglobalNav a:hover{
	color: #cccccc;
}

/*************** search styles *****************/

#search{
	position: absolute;
	top: 0.833em;
	right: 0.833em;
	z-index: 101;
}

#search input{
  font-size: 70%;
  margin: 0em  0em 0em 0.833em;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0em;
}


/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 0.417em 0em 0.417em 0.833em;
	font: small Verdana, Arial, Helvetica, sans-serif;
	background-color: #075799;
	color: #ffffff;
}

#breadCrumb a{
	color: #ffffff;
}

#breadCrumb a:hover{
	color: #cccccc;
	text-decoration: underline;
}


/************* revised date styles ***************/

#revised{
	position: absolute;
	top: 8.4em;
	right: 1em;
	z-index: 101;
}

#revised_no_banner{
	position: absolute;
	top: 3em;
	right: 1em;
	z-index: 101;
}

/************** feature styles *****************/

.feature{
	padding: 0em 0em 0.833em 0.833em;
	font-size: 100%;
	min-height: 16.667em;
	height: 16.667em;
	overflow: auto;
}
html>body .feature {height: auto;}

/**
.feature h3{
	font: bold 175% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}
**/
.feature img{
	float: left;
	padding: 0em 0.833em 0em 0em;
}

.feature2{
	padding: 0em 0em 0.833em 0.833em;
	font-size: 100%;
	min-height: 16.667em;
	height: 16.667em;
	overflow: auto;
}
html>body .feature2 {height: auto;}

/**
.feature h3{
	font: bold 175% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 2.5em 0em 0.417em 0em;
}
**/
.feature2 img{
	padding: 0em 0.833em 0.417em 0em;
}

/*************** story styles ******************/

.story {
	padding: 0.833em 0em 0em 0.833em;
	font-size: 80%;
}

.story h3{
	font: bold 125% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.story p {
	padding: 0em 0em 0.833em 0em;
}

.story a.capsule{
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 0.417em;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 1em;
}


/************** siteInfo styles ****************/

#siteInfo{
	position: float;
	/* min-width: 31.667em; */
	margin: 0em 0em 0em 0em;
	border-top: 0.083em solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 0.833em 0.833em 1.667em 0.833em;
	margin-top: 0em;
}

#siteInfoLinks{
	float: left;
	padding: 0.25em 0em 0em 0em;
}

/**#
siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: top;
}
**/
#footicon{
	position: absolute;
	bottom: -0.5em;
	right: 0.833em;
	z-index: 101;
}
/**#
#its img{
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}
**/
/************ sectionLinks styles **************/

/************ NOT CURENTLY IN USE **************/

#sectionLinks{
	margin: 0em;
	padding: 0em;
}

#sectionLinks h3{
	padding: 0.833em 0em 0.167em 0.833em;
	border-bottom: 0.083em solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 0.083em solid #ffffff;
	border-bottom: 0.083em solid #cccccc;
	background-image: url(../images/bg_nav.jpg);
	font-weight: bold;
	padding: 0.25em 0em 0.25em 0.833em;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 0.083em solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

/************* navlinks styles (sub menus - by KEN) **************/

.barlink a, .navlink a {
	text-decoration: none;
}

.barlink a img, .navlink a img {
	border: 0;
}

.barlink a {
	color: #fff;
}

.flyout td {
	white-space: nowrap;
}

/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0em;
	padding: 0em 0em 0.833em 0.833em;
	border-bottom: 0.083em solid #cccccc;
}

.relatedLinks h3{
	padding: 0.833em 0em 0.167em 0em;
}

.relatedLinks a{
	display: block; 
}


/**************** advert styles *****************/

#advert{
	padding: 0.833em;
}

#advert img{
	display: block;
}

/********************* end **********************/