body {
        padding: 2em 2em 1em 2em;
        font: bold 11px/1.5em Verdana;
}

h1 {
        font: bold 160% Verdana, Arial, Helvetica, sans-serif;
        color: #888888;
        margin: 0em;
        padding: 0em 0em 0em 0em;
       clear: none;
      z-index: 5;
}

h2 {
        font: italic 150% Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0em;
        padding: 0em 0em 1em 0em;
        clear: none;
       z-index:5;
}
h2.contentheading {
        font: italic 150% Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0em;
        padding: .5em 0em .3em 2em;
	clear: both;
}

h3 {
        font: bold 130% Verdana, Arial, Helvetica, sans-serif;
        color: #660000;
        margin: 0em;
        padding: 0em 0em .2em 0em;
        width:100%;
        border-bottom: .1em;
}
h4 {
        font: italic 120% Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        margin: 0em;
        padding: 0em 0em 0em 0em;
        border-width: 0em 0em .1em 0em;
        border-style: solid;
        width:100%
}
h5 {
        font: bold 80% Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        margin: 0em;
        padding: 0em 0em 0em 0em;
        border-width: 0em 0em 0em 0em;
        border-style: solid;
        text-align: left;
        width:60%
}
p {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 100%;
     color: #111111;
     padding: 1em 1em 0em 1em;
     margin: 0em;
     line-height: 110%;
     text-align:left;
     text-indent:1em;
     vertical-align:top
}
div.classdescription {
     padding: 2em 1em 1em 1em;
     margin: 0em 1em .2em .2em;
     border-width: .2em .2em .2em .2em;
    border-color: orange;
    background-color:#FFFFEC;
    border-style: ridge;
    clear: left;
}
div.classdescriptionnarrow {
     padding: 2em 1em 1em 1em;
     margin: 0em 1em .2em .2em;
     border-width: .2em .2em .2em .2em;
    border-color: orange;
    background-color:#FFFFEC;
    border-style: ridge;
    clear: left;
    width: 68%;
}

div.indextable {
     padding: .5em .5em .5em .5em;
     margin: 0em 2em .2em 1em;
     border-width: .2em .2em .2em .2em;
    float: right;
    text-align:left;
    border-color: blue;
    background-color: #F6BA88;
    border-style: solid;
}
#indextable p {
	width: 30%;
	text-align:left;
	padding: 0em 0em 0em 0em;
	margin: .2em 0em .2em 0em;
        text-indent: 0em;
	font-size: 80%;
	color:blue;
}
#indextable h4 {
        font: italic 120% Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        margin: 0em;
        padding: 0em 0em 0em 0em;
        border-width: 0em 0em .1em 0em;
        border-style: solid;
        width:100%
}

div.content {
      margin: 0em 0em 0em 0em;
      padding: 1em 1em 1em 1em;
      background-color: #eeeeee;
      border-right: .1em solid #24618E;
      border-left: .1em solid #24618E;
      border-bottom: .1em solid #24618E;
      border-top: .1em solid #24618E;
     clear:left;
}


div.footer {
      text-align: right;
      font-size: 75%;
      color: blue;
      margin: 0em 0em 0em 0em;
      padding: 1em 1em 1em 1em;
      background-color: #ffffff
}
img.right {
     float: right;
    margin: 1em 0em 1em 1em;
}
img.headerlogo {
     position: absolute;
    top: 3em;
    right: 2em;
    z-index: 1;
}
img.classpic {
     float: right;
     display: inline;
    border-width: .5em;
   border-style: outset;
    border-color: #ffffff;
    margin: 1em 0em 1em 1em;
}
a:link {
  color: blue ;
  background-color: transparent ;
  text-decoration: underline ;
}

a:hover {
  color: white;
  text-decoration: underline;
}

/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      background:#FFFFFF;
      font-size:93%;
      line-height:normal;
      padding: 0em 0em 0em 0em;
      border-bottom: .1em solid #24618E;
      }

    #tabsJ ul {
        margin:0;
        padding:.2em 0em 0em 0em;
        list-style:none;
      }
/*- ul tabs padding controls how far left or right the div extends */

    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 .2em;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background: url("tabrightJ.gif") no-repeat right top;
      padding: .4em 1em .4em 1em;
      border-bottom: .1em solid #24618E;
      color:#24618E;
      }

    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

        #tabsJ #current a {
                background-position:0% -42px;
        }
        #tabsJ #current a span {
                background-position:100% -42px;
                color:#FFF;
        }