body {
   background: url(/images/bodyBackground.gif) #000033; 
   color: black;
   font-family:  Verdana, Arial, Helvetica;
   font-size: 0.9em;
   }
a:link {
   color:#000033;
    }
a:visited {
   color:#000066;
    }
a:hover {
   color:#6699FF;
    }
a.inlineText{
   font-weight: bold;
   color:blue;
   text-decoration: none;
   }
a:hover.inlineText {
   color:#6699FF;
    }
h1{
 text-align:center;
 font-size: 125%;
 }
h2{
 font-size: 115%;
 }
h3{
 font-size: 100%;
 }
h4{
 font-size: 70%;
 }
dl {
    font-family:  Verdana, Arial, Helvetica;
    }
dt {
    padding-top:10px; 
    font-weight:bolder;
    }
dd {
    padding-bottom:10px;
    }
.textCenter{
   text-align:center;
    }
.textRight {
  text-align:right
  }
.textLeft{
  text-align:left;
  } 
#frame {
   width: 790px;
   background: white;
   }
#headerFrame {
   font-family:  Verdana, Arial, Helvetica;
   background:white url(/images/headerBackground.gif) ;
   width: 100%;
   text-align:left; 
   height: 120px;
   border: 0;
   }
#leftHeader{
   float: left;
   width: 440px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   margin-top: 10px;
   text-align:center; 
   font-size: 160%;
   }   
#leftHeader p {
  color: #0000FF;
  font-size: 75%;
  font-style: normal;
   }
#rightHeader{
   padding-top: 10px;
   float:left;
   width: 300px;
   text-align:right;
   }
#main {
  font-family:  Verdana, Arial, Helvetica;
  float:left;
  width: 438px; 
  padding-left: 7px;
  padding-bottom: 5px;
  margin-left:10px;
   }
#rightcontent{
  font-family: Verdana, Arial, Helvetica;
  float: left;
  width: 160px;
  margin-left: 7px;
  padding-left: 5px;
  }
#legal {
  background:white url(/images/centerLegal.gif) ;
  color: black;
  font-family:  Arial, Helvetica;
  float: left;
  height: 72px;
  width:100%;
  text-align: center;
  font: 80% normal;
  font-weight: bolder;
   }
#legal p{
  font-family: Arial, Helvetica;
  padding-top: 6px;
  margin-top: 6px;
  }
.emphasize{
  background:#FFFFCC;
  color: black;
  font-family:  Verdana, Arial, Helvetica;
  }
.bold{
  font-weight: bold;
  color: black;
  font-family:  Verdana, Arial, Helvetica;
  }
.italic{
  font-style:italic;
  color: black;
  font-family:  Verdana, Arial, Helvetica;
  }
#noRightColumn{
  font-family:  Verdana, Arial, Helvetica;
  float: left;
  width: 570px; 
  padding-left: 7px;
  padding-bottom: 5px;
  margin-left: 10px;
  }
#singleColumn{
  font-family: Verdana, Arial, Helvetica;
  float: left;
  padding-bottom: 5px;
  width: 690px;/*Changed from 685*/
  padding-left: 50px;
  padding-right: 50px;
  background: #FFFFFF;
  }
  /*vvvvvvvv Tabs Section vvvvvvvv*/
#thisTab{ 
 background:  url(/images/thisTab.gif);
  }
#thisTab ul a, #thisTab ul h3{ 
 color: #000000;
 background:  #CCFFFF;
 }
#glossaryTab{ 
  background:  url(/images/glossaryTab.gif);
  }
#glossaryTab ul a, #glossaryTab ul h3 {
 color: #ffffff;
 background:  #ff0000;
 }
#recommendedTab{ 
  background:  url(/images/recommendedTab.gif);
  }
#recommendedTab ul a {
 color: #000;
 background:  #99cc99;
 }
#selfHelpTab{ 
  background:  url(/images/selfHelpTab.gif);
  }
#selfHelpTab ul a, #selfHelpTab ul h3 {
 color: #000;
 background:  #ffff99;
 }
#homeTab{ 
  background:  url(/images/homeTab.gif);
  }
#homeTab ul a, #homeTab ul h3 {
 color: #000;
 background:  #66ccff;
 }
#menu {
 width: 100%; 
 float: right;
 } 
 
#menu  div{
 height: 38px;
 display: inline;
 float:left;
 margin-right:4px;
 }
#menu li {
 position: relative;
 }
#menu ul li {
 float: left; /*to fix IE7*/
 width: 100%;/*to fix IE7*/
 }
#menu ul li a {
 height: 1%;/*tofix IE 7*/
 }
#menu ul {
 list-style: none;
 padding: 0 ;
 margin: 0px;
 width: 150px;
 float: left;
 }
#menu ul ul {
 position: absolute;
 z-index: 500;
 margin: 0px;
 padding: 0px;
 }
#menu ul ul ul {
 top: 3px;/*To stager children*/
 left: 99%;/*99% is Max overlap for IE 7*/
 width: 170px;
 }
#menu ul ul ul ul{
left: 100%;/*99% from ul ul ul is Max overlap for IE 7*/
width: 190px;
}
#menu a {
 text-decoration: none;
 background: #ffffff;
 color: #000000; 
}
#menu a, #menu h2, #menu h3 {
 font: bold 12px arial, helvetica, sans-serif;
 display: block;
 border-width: 1px 1px 1px 1px;
 border-style: solid;
 border-color: #999999 #000000 #000000 #000000;
 margin: 0;
 padding: 1px;
 text-align:center;
 }
#menu h2 a{
 background: none;
 color: #000000;
 border-width: 0;
 padding:2px 6px 2px 6px;
 }
#menu ul ul a, #menu ul ul h3{
 padding:5px 0px 5px 0px;/*to make links taller for better Nav*/
 }
#menu ul ul a:hover {
 color: #ffffff;
 background: blue;
 }
#menu ul ul h3:hover {
 color: #000000;
 background: #ffffff;
 }
#menu ul ul ul a, #menu ul ul ul h3{
 background: #ccccff ;
 border-color: #999999 #000000 #000000 #000000;
 }
#menu ul ul ul ul a,#menu ul ul ul ul h3{
 background: #9999cc;
 color: #000000;
 border-color: #666666 #000000 #000000 #000000;
 }
 #menu h2 {
 background: none;
 color: #000000;
 border-width: 0;
}
  div#menu ul ul,
  div#menu ul li:hover ul ul,
  div#menu ul ul li:hover ul ul
  {display: none;}
  
  div#menu ul li:hover ul,
  div#menu ul ul li:hover ul,
  div#menu ul ul ul li:hover ul
  {display: block; }
/*^^^^^^^^ Tabs Section ^^^^^^^^^*/
