/* CSS Document */
/*
 left nav width 227 px
 content width 757 px;
*/

/******************   Begins XHTML Selectors   ***************************************/

ul.navList {
   padding: 5px 10px 5px 10px;
   list-style: none;
}

ul.navList li {
   margin-top: 5px;
   margin-left: 15px;
   
}

ul.navList ul {
   margin: 0px;

}

li.curPage {
   list-style-image:url(../images/arrow.gif);
}

li ul {
   list-style:square;

}

/******************   Ends XHTML Selectors   ***************************************/

/******************   Begins custom classes Selectors   ***************************************/




/******************   Ends custom classes Selectors   ***************************************/

/******************   Begins custom id Selectors   ***************************************/

div#contentArea {
   margin-top: 0px;
   background-color:#FFF9E3;
}

/***************** Left nav column *******************************************************/

div#leftNav {
   padding: 10px;
   background-color: #inherit;
   background-image: url(../images/underNavShadow_fff9e3.jpg);
   background-position: top;
   background-repeat: repeat-x;
   width: 227px;
   height: auto;
   position: absolute;
   left: 0px;
}

div#leftNav h4 {
   margin-top: 5px;
   margin-left: 5px;
   color: #666666;
   background-color: transparent;
}

div#leftNav a:link {
   color: #000000;
   background-color: transparent;
   text-decoration: none;
}

div#leftNav a:visited {
   color: #8A0010;
   background-color: transparent;
   text-decoration: none;
}

div#leftNav a:hover {
   color: #8A0010;
   background-color: transparent;
   text-decoration: underline;
}

div#leftNav a:active {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
}

div#leftNav h4.curPage {
   padding-left: 15px;
   background-image:url(../images/arrow.gif);
   background-repeat: no-repeat;
   background-position: left;
   color: #000000;
   background-color: transparent;
}

div#leftNav table.dataT {
   font-size: 0.8em;
   width: 100%;
   border-collapse: collapse;
}

/*dataT is a table for the left nav example on the energy page   */
div#leftNav table.dataT td {
   margin: 0;
   padding-top:5;
   padding-left: 10;
   border-color: #000000;
   border-width: thin;
   border-style: solid;
   background-color: #FFFFFF;
   vertical-align: top;
   text-align: center;
}

div#leftNav table.dataT td.aLeft {
   text-align: left;
}

div#leftNav table.dataT td.dataTtitle {
   color: #FFFFFF;
   background-color: #8A0010;
   text-align: center;
}

/************************************ Content   ****************************************/

div#content {
   padding: 7px 10px 5px 10px;
   background-color: #FFFFFF;
   background-image: url(../images/underNavShadow_ffffff.jpg);
   background-position: top;
   background-repeat: repeat-x;
   width: 757px;
   position: relative;
   left: 247px;
}

div#content a:link {
   color: #8A0010;
   background-color: transparent;
   text-decoration: underline;
}

div#content a:visited {
   color: #000000;
   background-color: transparent;
   text-decoration: underline;
}

div#content a:hover {
   color: #FFFFFF;
   background-color: #8A0010;
   text-decoration: underline;
}

div#content a:active {
   color: #000000;
   background-color: transparent;
   text-decoration: underline;
}

div#content h2 {
   margin-bottom: 15px;
   border-bottom-style: solid;
   border-bottom-width: thin;
   border-bottom-color: #000000;
   color: #333333;
   background-color: transparent;
}

div#content h3 {
  
}

div#content img {
   margin-top: 0px;
   border: 1px solid #000000;
}

div#content img.noBorder {
   margin-top: 0px;
   border: none;
}

div#content img.pictureLeft {
   margin-right: 10px;
   float: left;
 
}

div#content img a:hover {
   text-decoration: none;
   background-color: transparent;
}

div#content p {
   margin-top: 10px;
   margin-bottom: 5px;	
}

div#content div.leftDiv {
   margin-left: 4px;
   margin-right: 4px;
   float:left;
   width: 370px;
}

div#content div.rightDiv {
   margin-left: 4px;
   margin-right: 4px;
   float:right;
   width: 370px;
}

div#content div.rightDivTextRight {
   margin-left: 4px;
   margin-right: 4px;
   float:right;
   width: 370px;
   text-align: right;
}

div#content div.centerDiv {
   text-align: center;
}

div#content div.pictureLeft {
  margin: 5px 10px 5px 0px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  float: left;
  font-size: 0.75em;
  /* width is set inside of the XHTML div selector with the style attribute.  width is the same as the image ****************/
}

div#content div.pictureLeft img {
   border: none;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}

div#content div.pictureLeft p {
   margin-top: 0px;
   padding: 0px 5px 0px 5px;
}

div#content div.pictureRight {
  margin: 5px 0px 5px 10px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  float: right;
  font-size: 0.75em;
  /* width is set inside of the XHTML div selector with the style attribute.  width is the same as the image ****************/
}

div#content div.pictureRight img {
   border: none;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}

div#content div.pictureRight p {
   margin-top: 0px;
   padding: 0px 5px 0px 5px;
}

div#content div.borderAround {
   border-color: #000000;
   border-width: thin;
   border-style: solid;
}

div#content ol,ul {
   margin: 5px;
}

div#content ul {
   list-style-type: disc;
}

div#content li {
   margin-left: 20px;
   margin-bottom: 5px;
}

div#content li ul{
   list-style-type: circle;
}

div#content ul.rightList { 
   float: right;
}

div#content ul.leftList { 
   float: left;
}

div#content ul li.nobullet {
   list-style:none;
   list-style-type:none;
 
}

div#content h3.headlineCenter {
   margin-bottom: 0px;
   text-align: center;
}

div#content h3.headlineLeft {
   margin-bottom: 0px;
   padding-bottom: 0px;
   text-align: left;
}

div#content p.subHeadlineCenter {
   margin-top: 0px;
   padding-top: 0px;
   font-size: .95em;
   font-weight: bolder;
   text-align: center;
}

div#content p.subHeadlineLeft {
   margin-top: 0px;
   padding-top: 0px;
   font-size: .95em;
   font-weight: bolder;
   text-align: left;
}

div#content h4.subTitleLeft {
   margin-bottom: 0px;
   padding-bottom: 0px;
   text-align: left;
}
div#content h4.subTitleLeft + p {
   margin-top: 0px;
   padding-top: 0px;
   text-align: left;
}

div#content table.borderAround {
   border-color: #000000;
   border-width: thin;
   border-style: solid;
}

div#content table.rightBD {
   float: right;
   border-color: #000000;
   border-width: thin;
   border-style: solid;
}

div#content td.cellTop {
   vertical-align: text-top;
}

div#content td.cellCenter { 
   text-align: center;
}
/**************************************** end of content **********************************************/





/******************   Ends custom id Selectors   ***************************************/


/***************************  test  classes ******************************************/