/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body {
 /* font-family: Arial,sans-serif; */
 /* font-family: Georgia,FreeSerif,'Bitstream charter','Century Schoolbook','Times New Roman'; */
 font-family: Arial, Helvetica, FreeSans, 'Bitstream charter','Century Schoolbook','Times New Roman'; 
 font-size: 18px;
 color: #333333;
 line-height: 1.166;  
 margin: 0px;
 padding: 0px;
 background: #cccccc url("bg_grad.jpg") fixed;
}

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

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

a:hover{
 text-decoration: underline;
}

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

h1{
 /* font: bold Arial,sans-serif; */
 font-weight: bold;
 font-size:18px; 
 margin: 0px;
 padding: 0px;
}

h2{
 /* font: bold 114% Arial,sans-serif; */
 font-family: 'Georgia',FreeSerif,'Bitstream charter','Century Schoolbook';
 font-weight: bold;
 font-style: italic;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 /* font: bold 100% Arial,sans-serif; */
 font-weight: bold;
 font-style: italic;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 /* font: 100% Arial,sans-serif; */
 font-weight: bold;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 /* font: 100% Arial,sans-serif; */
 font-weight: bold;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** 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 Arial,sans-serif;
 color: #334d55;
}
      
input{
  font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

.prompt{
  position: absolute;
  color:#8888ff;
  font-size:7pt;
  top: 12px;
  text-align:right;
  right: 0px;
  z-index: 201;
}


#bookhdr {
  color: #990000;
}

#pagecell1{
 position:absolute;
 top: 112px;
 left: 2%;
 right: 2%;
 width:95.6%;
 background-color: #ffffff;
}

#tl {
 position:absolute;
 top: -1px;
 left: -1px;
 margin: 0px;
 padding: 0px;
 z-index: 100;
}

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

#masthead{
 position: absolute;
 top: 0px;
 left: 2%;
 right: 2%;
 width:95.6%;
}

#pageNav{
 float: left;
 width:250px;
 padding: 0px;
 background-color: #F5f7f7;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 font: small Verdana,sans-serif;
}

#content{
 padding: 0px 0px 0px 0px;
 margin:0px 0px 0px 250px;
 border-left: 10px solid #ccd2d2;
}

#chapters {
 color: #005FA9;
}

#menuhelp {
 position: absolute;
 color:#ffffff;
 font-style: bold;
 font-size:8pt;
 bottom: -18px;
 text-align:right;
 right: 0px;
 z-index: 202;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName {
  margin: 0px;
  padding: 16px 0px 8px 0px;
  color: #aaffff;
  font-weight: bold;
  font-style:italic;
}

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

#utility {
 font: 75% Verdana,sans-serif;
 position: absolute;
 top: 16px;
 right: 0px;
 color: #919999;
}

#utility a{
 color: #ffffff;
}

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

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

#pageName{
 padding: 0px 0px 14px 10px;
 margin: 0px;
 border-bottom:1px solid #ccd2d2;
}

#pageName h2{
 font: bold 175% Arial,sans-serif;
 color: #000000;
 margin:0px;
 padding: 0px;
}

#bookHdr h2{
 /* font: bold 175% Arial,sans-serif; */
 font-weight: bold;
 color: #990000;
 margin:0px;
 padding: 0px;
}

#bookHdr h5{
  /* font: bold 175% Arial,sans-serif; */
 font-weight: bold;
 color: #000099;
 margin:0px;
 padding: 0px;
}
#pageName img{
 position: absolute;
 top: 0px;
 right: 6px;
 padding: 0px;
 margin: 0px;
 float: right;
}

#bookhdr img{
 position: absolute;
 top: 0px;
 right: 6px;
 padding: 0px;
 margin: 0px;
 left: 6px;
}

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

#globalNav{
  position: relative;
  width: 100%;
  min-width: 640px;
  height: 32px;
  color: #cccccc;
  padding: 0px;
  margin: 0px;
  background-image: url("glbnav_background.gif");
}

#globalNav img{
 margin-bottom: -4px;
}

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

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

#globalLink{
  /* font: bold 175% Arial,sans-serif; */
  font-weight: bold;
  position: absolute;
  top: 6px;
  height: 18px;
  padding: 0px;
  margin: 0px;
  left: 0px;
  z-index: 100;
}

a.glink, a.glink:visited{
 font-family: 'Times New Roman',FreeSerif,'Bitstream charter','Century Schoolbook';
 font-size: small;
 color: #000000;
 font-weight: bold;
 margin: 0px;
 padding: 2px 5px 4px 5px;
 border-right: 1px solid #8FB8BC;
}

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

.skipLinks {display: none;}

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

.subglobalNav{
 position: absolute;
 top: 84px;
 left: 0px;
 /*width: 100%;*/
 min-width: 640px;
 height: 20px;
 padding: 0px 0px 0px 10px;
 visibility: hidden;
 color: #ffffff;
}

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

.subglobalNav a:hover{
 color: #ffffff;
 font-weight: bold;
}

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

#search{
 position: absolute;
 top: 5px;
 right: 10px;
 z-index: 101;
}

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

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


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

#breadCrumb{
 padding: 5px 0px 5px 10px;
 font: small Verdana,sans-serif;
 color: #AAAAAA;
}

#breadCrumb a{
 color: #AAAAAA;
}

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

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

.feature{
   padding: 10px 10px 10px 10px;
   font-size: 80%;
   min-height: 200px;
   height: 200px;
  }
html>body .feature {
  height: auto;
}

.feature h3{
   /* font: bold 175% Arial,sans-serif; */
   font-weight: bold;
   font-style: italic;
   color: #005FA9;
   padding: 0px 0px 5px 0px;
}

.feature img {
   float: left;
   padding: 0px 10px 0px 0px;
}


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

.story {
 padding: 10px 10px 10px 10px;
 font-size: 80%;
}

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

.story p {
 padding: 10px 10px 4px 10px; 
}

.story a.capsule{
 font: bold 1.4em Georgia,FreeSerif,'Bitstream charter','Century Schoolbook','Times New Roman'; /* Arial,sans-serif; */
 font-style: italic;
 color: #005FA9;
 display: block;
 padding-bottom: 5px;
}

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

td.storyLeft{
 padding-right: 12px;
}

td.storyRight {
  padding-right: 12px;
}

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

#siteInfo{
 clear: both;
 border-top: 1px solid #cccccc;
 font-size: small;
 font-family:Georgia, "Times New Roman", Times, serif;
 color: #cccccc;
 padding: 10px 10px 10px 10px;
 margin-top: -1px;
}

#siteInfo img {
 padding: 4px 4px 4px 0px;
 vertical-align: middle;
}


/************ sectionLinks styles **************/

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

#sectionLinks h3{
 padding: 10px 0px 2px 10px;
 border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
 display: block;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #cccccc;
 background-image:  url("bg_nav.jpg");
 font-weight: bold;
 padding: 3px 0px 3px 10px;
 color: #21536A;
}

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

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

.relatedLinks{
 margin: 0px;
 padding: 0px 0px 10px 10px;
 border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
 padding: 10px 0px 2px 0px;
}

.relatedLinks a{
 display: block; 
}

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

#advert{
 padding: 10px;
}

#advert img{
 display: block;
}

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