html, body {
  height:100%;
}
body {
  font: 12px/22px Arial, Helvetica, sans-serif, "Trebuchet MS";
/*  color: #474747; */
  color: #444; 
  
  background-color: #ccc;
  width:100%;
/*  min-width:1000px;  */
}

strong, b{
  font-weight: bold;
}



.contenttable TD p.bodytext {
   line-height: 17px;
   margin-bottom: 1px;
  vertical-align:top;
}



H1,H2,H3,H4,H5{
  color: #1A3075;
  margin-bottom:10px;
}

H1{
  font: 22px/32px Arial, Helvetica, sans-serif, "Trebuchet MS";
}

H2{
  font: 20px/32px Arial, Helvetica, sans-serif, "Trebuchet MS";
}

H3{
  font: 18px/32px Arial, Helvetica, sans-serif, "Trebuchet MS";
}

H4{
  font: 16px/32px Arial, Helvetica, sans-serif, "Trebuchet MS";
}


#wrap {
  position: relative;
/*  background: white url('../images/shadow.gif') repeat-y right; */
  background: white url('../images/shadow1.gif') repeat-y;
  
  min-width:983px;
  width:983px;
  
  margin: 0px;
  min-height:100%;
  height:auto !important;
  height:100%;
}

#topmenu{
  background: white url('../images/topmenu_bg.jpg') no-repeat 0px 0px;
  text-align: right;
  height: 23px;
  margin-right:23px;
  color: white;
 /* padding-top:3px; */
}

#topmenu a{
  color: white;
  text-decoration: none;
  margin-left: 8px;
  margin-right: 21px;

  float:right;
}

#topmenu a:hover, #topmenu a.active, #headmenu a:hover, #headmenu a.active{
  text-decoration: underline;
}
/* ----------------------------------------------------------------------- */
#head{
  height: 88px;
  background: white;
   margin-right:23px;
}

#head a#logo{
  display: block;
  float: left;
  width: 135px;
  height: 78px;
  background: transparent url('../images/logo.png') no-repeat 0px 10px;
  margin-left: 15px;

  padding-top:10px;
}

#headmenu{
  display: block;
  float: right;
  width: 780px;
   margin-right:2px;
  padding-top:65px;
  text-align:right;
  
/*  background: #f1f1f1; */
}

#headmenu a{
  font-weight: bold;
  margin-left: 16px;  /*   33px;  */
  margin-right: 16px; /* 18px 20px */

  text-decoration: none;
  color: #1A3075;
}

#mainmenu{
  width: 225px;
   background: #eee url('../images/leftmenu_shadow_bg.gif') repeat-y left ;
  vertical-align:top;
}

#nav ul{
  width: 220px;
}

#nav li a{
  display: block;
   height:20px;
   padding-left:20px;
   padding-top:5px;

/*   background: transparent url('../images/leftmenu_bg.gif') no-repeat 0px 0px; */
   background: #FFFFFF url('../images/leftmenu_bg.gif') no-repeat 0px 0px; 
   border-bottom: 1px solid #ccc;
  
/*  color: #474747; */
   color: #444; 
   text-decoration: none;
}

#nav li a.navactive{
/*   background: #FFFFFF url('../images/leftmenu_bg.gif') no-repeat 0px -26px; */
    background: #FFFFFF url('../images/leftmenu_bg.gif') no-repeat 0px -26px;
}

/* ----------------------------------------------------------------------- */

#nav li a.sub1{
/*   background: #FFFFFF url('../images/leftmenu_bg.gif') no-repeat 0px -52px; 
   background: #EEEEEE url('../images/leftmenu_bg.gif') no-repeat 0px -26px;    */
   background: #EEEEEE url('../images/leftmenu_bg.gif') no-repeat 0px 0px;  
   padding-left:30px;
}

#nav li a.activesub1{
/* 
   background: #FFFFFF url('../images/leftmenu_bg.gif') no-repeat 0px -78px;
*/
   background: #EEEEEE url('../images/leftmenu_bg.gif') no-repeat 0px -26px;  
  
   padding-left:30px;
}

/* ----------------------------------------------------------------------- */

#nav li a.sub2{
   background: #F8F8F8 url('../images/leftmenu_bg.gif') no-repeat 0px -52px;
   padding-left:40px;
}

#nav li a.activesub2{
   background: #F8F8F8 url('../images/leftmenu_bg.gif') no-repeat 0px -78px;
   padding-left:40px;
}

/* ----------------------------------------------------------------------- */

#nav li a:hover,
#nav li a.sub1:hover,
#nav li a.sub2:hover,
#nav li a.activesub1:hover,
#nav li a.activesub1:hover
{
/*   background: #FFFFFF url('../images/leftmenu_bg.gif') no-repeat 0px -78px; */
   background: #F8F8F8 url('../images/leftmenu_bg.gif') no-repeat 0px -78px;
}



#content-area{
  width: 725px;
  vertical-align:top;

  background: transparent;
}

#content-tools{
   margin-right:23px;
   *margin-right:20px;
  height: 30px;
}

#pathway-tools{
   float:left; 
   width: 530px; /* 545 */
  *width: 490px; /* 500 */

  height: 20px;
  padding-top:8px;
  color: #ABAAAA; 
}

#pathway-tools a{
  text-decoration: none;
  color: #ABAAAA; 
  margin-right: 5px;
  font: 11px/20px Arial, Helvetica, sans-serif, "Trebuchet MS";
}



#search-tools{
   float:right; 
   width: 175px;
   *width: 180px;
  height: 25px;
  margin-right: 10px;
  *margin-right: 0px;
/*  background: #f1f1f1; 
   width: 165px;

*/
}

#search-tools .srch{
  width: 90px;      /*   95 */
  height: 15px;
  margin-left: 15px;
  margin-top:7px;
}

#search-tools .sbtn{
  background: white;
  border: none;
  width: 20px;
  height: 20px;
}





#content{
 /*  margin-right:23px;  */

   margin-left:20px;
   margin-right:48px;
}


#content ol{
  list-style-type: decimal;
  padding-left: 50px;
  margin-bottom: 20px;
   /* font-weight: bold; */
}

#content ol li{
   font-weight: normal;
}


#content UL{
  padding-left: 40px;
}


#content UL LI{
  list-style: disc outside;
}

#content UL LI A{
/*
  color: #444; 
  text-decoration: none;
 */
  text-decoration: underline;
  color: #1A3075; 
}

#content UL LI A:HOVER{
  text-decoration: underline;
}


#content UL LI UL{
  padding-left: 25px;
}

#content UL LI UL LI{
  list-style: circle inside;
}



/* ----------------------------------------------------------------------- */
#banner{
  height: 160px;
  background: white url('../images/banner.jpg') no-repeat;
  margin-right:23px;
  border-bottom: 1px solid #ccc;
  overflow:hidden;
}

#banner .csc-textpic-image{
  margin:0;
}

/* ----------------------------------------------------------------------- */

#footer {
  margin-right:23px;
  height:20px;
  padding-top:5px;
  text-align:right;

  *WIDTH: 715px;        
  
 /* background: #fafafa; */
}


#footer a{
  text-decoration: none;
  color: #ABAAAA; 
  margin-right: 15px;
  font: 11px/20px Arial, Helvetica, sans-serif, "Trebuchet MS";
}

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

.footer_blank {
  height:25px;
}

.clr{
  clear: both;
}




P.bodytext{
   line-height:17px;
   margin-bottom:10px;
}

.Apple-style-span{
  font-size: 11px;
}




div.csc-textpic-left div.csc-textpic-imagewrap {

   *float: right;
}



#content-area div.csc-textpic-left div.csc-textpic-imagewrap {

   *float: left;
}



#content-area DIV.csc-textpic-imagewrap DT IMG{

   *MARGIN-BOTTOM: 10px;
}

p.align-right{
   text-align:right;
}

p.align-left{
   text-align:left;
}

p.align-center{
   text-align:center;
}

p.align-justify{
   text-align:justify;
}