img.relative {position: relative; left = 35%; top = 20%}


#wrapper #header
	{
	background-color: gray;
	text-align: center;
	height: 68px
	}
	
#footer 
	{
	background-color: gray; /* lightsteelblue */
	font-family:  Arial, Helvetica, sans-serif;
	color: #0000ff;/* blue */
	font-size: .7em;
	text-align: center;
}

#wrapper #navbar 
	{
	padding: 4px;
	padding-left: 35px;
	color: #0000ff;/* blue */
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	background-color: #4682B4;/* steelblue */
	text-align: center;
	letter-spacing: 5px;
	margin-bottom: 15px;
	margin-left: 0px;
	height: 16px;
	list-style-type: none;
	}


#wrapper#logo 
	{
	margin: 0 10px 10px 18%;
	height: 95px;
	}

#wrapper a 
	{
	color: #000000; /* Black */
	text-decoration: none;
	}

#wrapper a:hover 
	{
	color: #660000; /* DarkRed */
	text-decoration: none;
	}

#wrapper .leftcol 
	{
	text-align: right;
	width: 230px;
	float: left;
	}

#wrapper .menuitem 
	{
	color: #758642;
	margin-top: 20px;
	margin-left: 20px;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 1px dotted #758642; /* tealgreen */
	border-left: 0 none;
	font-family:  Arial, Helvetica, sans-serif;
		}

#wrapper .menuitem a:link 
	{
	color: #758642; /* tealgreen */
	text-decoration: none;
	}

#wrapper .menuitem a:hover 
	{
	color: #cc6633; /* brown */
	text-decoration: none;
	}

#wrapper #leftcol 
	{
	text-align: right;
	width: 20%;
	float: left;
	clear;
	}

#wrapper #midcol 
	{
	padding-left: 56px;
	width: 60%;
	float: left;
	}

#wrapper #rightcol 
	{
	font-size: 10px;
	font-style: italic;
	line-height: 20px;
	padding-left: 3%;
	width: 15%;
	float: left;
	}

/*#wrapper table
	{
	border-collapse: collapse;
	border: 1px solid;
	border-color: #000000;
*/	 
	}
#wrapper td
	{
	/*border: 2px solid;
	border-color: #000000;*/ /* black */
	padding: 10px 5px 3px 5px;
	color:#333399; /*darkblue*/
	font-family:  Arial, Helvetica, sans-serif;
	font-size: .9em;
		vertical-align: top;
	}
#wrapper tr.odd {background-color: grey;}


body 
	{
		background-color: gray; /* lightsteelblue */
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .9em;
	}

#wrapper p1
{
margin-top: 4;
margin-bottom: 4;
color:#333399; /* darkblue */
text-align: left;
font-family:  Arial, Helvetica, sans-serif;
font-size: 1em;
}

#wrapper p2
{
margin-top: 4;
margin-bottom: 4;
}	
	
#wrapper p
{
color: #0000ff;/* blue */
margin-bottom: 1em;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A; /* gray */
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(media/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #ffffff; /* white */
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: #ffffff; /* white */
}

.glossymenu li a:hover{
background-image: url(media/glossyback2.gif);
}

#wrapper .definition{
	font-weight: bold;
	color: #0000ff;
	}
	
	#wrapper .red{
		 font-weight: bolder;
		 color: red;
	}