/*originally below body, td*/
body
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.2;
	color: #000000;
	margin: 0px;
	background-color: #E4E4E4;
			}

td
{
	background-color: White;
}

webcontent {
	/*The area that holds the primary content*/
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.2;
	font-size: small;
	background-color: #FFFFFF;
}
#webcontent p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}
	
/*Default link colors for content area; not recommended to edit*/
A:link {
	COLOR: #0000AA;
	TEXT-DECORATION:underline;
	background-color: transparent;
}

A:visited {
	COLOR: #990099;
	TEXT-DECORATION:underline;
	background-color: transparent;
}

A:hover {
	COLOR: #CC3300;
	TEXT-DECORATION:underline;
	background-color: transparent;
}


OL, UL, DL {font-size:small;}/*font-family is already defined, here I only set the font-size*/

/*Settings for all heading tags*/
H1{
	margin-bottom: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 175%;
	text-align: center;
	color: #000000;
	background-color: transparent;
}

H2{
	margin-bottom: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #000;
	font-weight: bold;
	background-color: transparent;
}

H2.align-left{
	margin-bottom: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-align: left;
	color: #000;
	font-weight: bold;
	background-color: transparent;
}

H3{
	margin-bottom: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #000;
	font-weight: bold;
	background-color: transparent;
}

H4{
	margin-bottom: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	font-weight: bold;
	background-color: transparent;
}

H5{
	margin-bottom: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	font-weight: bold;
	background-color: transparent;
}


ul{
	font-size: 100%
}


/*This removes the need to add border=0 to linked images*/
A IMG {border:0.1px none #000000;} 

#navigation {/* style="Z-INDEX: 1; WIDTH: 130px; POSITION: absolute; TOP: 145px"*/
   position:absolute;
	top:140px;
	z-index:1;
   width:130px;
	background-color: #99CCFF;
   font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
		text-align: left;
		line-height: 1.5em;
					border-height: 100%;
border:solid #4499FF 2px; 
border-height: 100%
		line-height:1.8;/*line-height can be set in order to have the navigation elements better separated, if needed*/
	
}
#navigation A:link {
	COLOR: #0000AA;
	text-align: center;
	margin: 6px 0px 5px 5px;
	TEXT-DECORATION: underline;
	font-size: 12px;
	background-color: transparent;
	white-space: nowrap;
	}
#navigation A:visited {
	COLOR: #990099;
text-align: center;
 margin: 6px 0px 5px 5px;
	TEXT-DECORATION: underline;
	font-size: 13px;
	background-color: transparent;
	white-space: nowrap;
		
}
#navigation A:hover {
	COLOR: #FFFF00;
	text-align: center;
 margin: 6px 0px 5px 5px;
	TEXT-DECORATION: underline;
	font-size: 13px;
	font-weight: bold;
	background-color: #0000FF;
	white-space: nowrap;
		
}
	
 #navigation p {
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000AA;
	font-weight: bold;
	line-height: 15px;
	text-align: left;
	width: 90%;
	margin: 6px 0px 5px 5px;
	border-bottom: 2px solid #fff;
	padding: 0;
	background-color: transparent;
}
.navhr {
 border-bottom:1px solid #ffffff;
   border-top:hidden;
   border-left:hidden;
 width: 120px;
 margin-top: 1;
 margin-bottom: 1;
 margin-left: auto;
 margin-right: auto;
 }
 
 #navback {
	/*background image set for left side, td valign="top" width="130" background="imgs/LEFT.gif"*/
	position: absolute;
	top: 61px;
	left: 3px;
	z-index: 5;
	width: 130px;
	background-color: transparent;
	color: #000000;
}
.floatimgright {
float:right;
margin-top:10px;
margin-right:10px;
margin-bottom:10px
}