H1 { color: #800000 ;   font-size: 140%;  font-weight: bold; 
font-family:arial,helvetica,sans-serif; margin-bottom : 0px;}
H2 { color: #303030 ; font-size: 115%;  font-weight: bold;  
font-family:arial,helvetica,sans-serif ; margin-bottom : 0px;}
H3 { color: #303030  ; font-size: 115%;  font-weight: bold;  
font-family:arial,helvetica,sans-serif ; margin-bottom : 1px; margin-top : 1px;}


BR { line-height: 4px }
img { border: none; }

.test { width:130px; height:400px; overflow:auto;border-width:0px;border-color:#000000;}

.header  {width : 100%;

border-top : 5px solid #cccccc;
background-color : #F0F0F0;
margin-bottom : 5px;
 
font-size : 175%;
text-align : center;}

img.floatleft {     float: left;   margin: 10px;  width: 100px;
height: 67px;  }

img.floatright { float: right;     margin: 10px; width: 100px;
height: 67px; }


 

img.floatrightclear 
{    float: right; 
    clear: right; 
    margin: 10px; width: 100px;
height: 67px; }


img.floatleftclear 
{    float: left; 
    clear: left; 
    margin: 10px; width: 100px;
height: 67px ; }



.menu  { font-size: 8pt; font-family: Arial, ;
 text-align: center; font-weight: bold; text-decoration: none; color: #303030 ; 
} 

.table  { font-size: 9pt; font-family: Arial, Verenda, ; text-align: left;  color: #303030 ;   } 


table.left  {  align: right; background: #cccccc ; font-size: 7pt; font-family: Helvetica, Arial;
text-align: left;  color: #303030 ;  border: 0px; margin-bottom: 5px; } 

#next{ background: #CF6363 ;}

#legend{ background: #F0F0F0 ; font-size: 80%; font-family: Helvetica, Arial, Verenda;}

caption { align: right; font-size: 8pt; font-family: Arial, Arial, Verenda;
 background-color: #DFCECE ; text-align: center; font-weight: bold; color: #800000; 
border-bottom: 1px solid #303030 ; padding: 2px;  } 

.body { font-size: 8pt;  font-family: arial,helvetica,sans-serif;  color: #303030 ; text-align: left;}

body {
scrollbar-face-color:grey;
scrollbar-highlight-color:white;
scrollbar-3dlight-color:grey;
scrollbar-darkshadow-color:grey;
scrollbar-shadow-color:#D1CDCD;
scrollbar-arrow-color:#800000 ;
scrollbar-track-color:white;}
 
.mainlink { font-size: 1.5em }

.boxout { float: right; width: 155px; valign: top; border-left: 1px solid #000000; 
border-bottom: 3px solid #000000; padding: 10px 0 10px 10px; background-color: #F0F0F0;
 margin-left: 9px; margin-bottom: 10px; font-size: 8pt; font-family: Arial, Verenda, Courier,  
, Helvetica, sans-serif; text-align: left;}


 

.container { width: 850px;  
border-bottom: 1px solid #999999;   
background-color: #F0F0F0; valign: top; margin-left: 5px;
  margin-bottom: 4px;  font-size: 100%; font-family: Arial, Verenda, Courier,  
, Helvetica, sans-serif; font-color: #303030 ; text-align: left; }

#spacebar{  height: 4px; background-color: #ffffff; }

.mainscrol {
    background:	#F0F0F0 ;  
    float:left;
    width:585px; height: 470px; overflow-y:scroll; overflow-x:hidden ; border-width:0px; border-color:#000000;
    }


#main {
    background:	#F0F0F0 ;  padding: 4px ;
    float:left;
width:285px;
       }

#mainfull {
    background:	#F0F0F0 ;  padding: 4px ;
    float:left;
width:555px;
       }

#mainright {
    background: #F0F0F0 ; padding: 4px ;
     float:right; 
    width:255px;
    }

#mainright body { padding-left: 20px}


#rightside {
    background: #cccccc ; padding-left: 7px; padding-right: 5px;
     float:right; font-size : 80%; 
    width:245px;

    }

#footer {
    background:#cccccc; padding: 0px 2px 2px 2px; 
    clear:both; align: center; top-margin 10px; text-align: center;
    }

#ol, #ul  {padding-left: 20px; font-size : 105%; text-align: left;}
#ol span, #ul  span{  margin-left: 25px;}
 #ul  {  padding-left: 5px; list-style: none;}



.leftscrol { width:110px; height:500px; overflow:auto;border-width:0px;border-color:#F0F0F0;}

.leftcolum { background: #F0F0F0; 
align: right; text-align: left;  
width: 110px; margin-bottom: 7px; } 



#leftlink ul  {
margin : 0 ;
padding : 0 ;
list-style-type: none;
}

#leftlink li {
   margin-bottom: 1px;}

#leftlink a {
   background: #cccccc;    display: block; font-weight: bold; font-size: 8pt; text-decoration: none; 
font-family: arial,helvetica,sans-serif;  color: #303030 ; 
width: 130px;
   border-bottom: 1px solid #303030 ;
   padding-top: 3px;padding-bottom: 2px;}

#leftlink a:hover {
   background: #cccccc;    display: block; font-weight: bold; font-size: 8pt; text-decoration: none;
font-family: arial,helvetica,sans-serif;  color: #ff0000 ;
 width: 130px;
   border-bottom: 1px solid #303030 ;
   padding-top: 3px; padding-bottom: 2px; }

#rightlink a:hover, #rightlink a , #rightlink a:visited{
   background: #cccccc;
}


.credit {  font-family:  helvetica,sans-serif; font-size:
8px; color: #303030 ; text-align: center; }

.coollink { font-size: 1.2em }

A:link { font-size: 8pt; font-family: Verenda, Arial,  
, Helvetica, sans-serif;   text-decoration: none; color: #463DF1;  background: #f0f0f0; }

A:visited { font-size: 8pt; font-family: Verenda, Arial,  
, Helvetica, sans-serif;  text-decoration: none; color: #463DF1; background: #f0f0f0;} 

A:hover { font-size: 8pt; font-family: Verenda, Arial,  
, Helvetica, sans-serif;  text-decoration: none;  color: #800000 ; background: #cccccc; }

A:active { font-size: 8pt; font-family: Verenda, Arial,  
, Helvetica, sans-serif;  text-decoration: none; color: #463DF1; background: #f0f0f0; }


acronym {
	 bottom-border: none;
text-decoration: underline; 
color: #303030 ;
	}


              
.subhead { font-family: arial, helvetica,sans-serif; font-size: 7pt; text-decoration: bold ; color: #303030 ;  }




/* -- hover -- */

.thumbnail{
position: relative;
z-index: 0;
padding: 0px;
text-decoration: underline;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
 
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -800px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
 
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */
}


/* --end hover -- */



/* -- top drop menu -- */

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	background:#F0F0F0;
	height:20px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#F0F0F0 url("/images/seperator.gif") bottom right no-repeat;
		color:#303030;
		display:block;
		font-weight:normal;
		line-height:20px;
		margin:0px;
		padding:0px 15px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #cccccc url("/images/hover.gif") bottom center no-repeat;
			color:#800000;
			text-decoration:none;
			}
	.menu li ul{
		background:#F0F0F0;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:150px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('/images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:150px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:20px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 10px;
		text-align:left;
		}

.menu li ul a:hover, .menu li ul li:hover a{
			
 background:#cccccc url('/images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ff0000;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	
/* -- end top drop menu -- */