body {

	background-color: #FFF;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
}

a:visited {

	color: #535353;
}

a:hover {

	color: #900;
}

a:active {

	color: #B25253;
}

h1 {

	font-size: 24px;
	color: #900;
	border-bottom:#000 solid 1px;
}

h2 {

	font-size: 18px;
	color: #333;
	border-bottom:#000 solid 1px;
}

h3 {

	font-size: 18px;
	color: #900;
	border-bottom:#000 solid 1px;
}

h4 {

	font-size: 16px;
	color: #333;
	border-bottom:#000 solid 1px;
}

body,td,th {

	font-size: 12px;
	color: #000;
}



.logo {

	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 95px;
	width: 822px;
}

.top_menu_back {

	background-image: url(images/top_menu_back.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 69px;
	width: 800px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 22px;
	margin: 0px;
}

.left_menu_back {

	background-color: #EBEBEB;
	background-image: url(images/left_menu_back.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 165px;
}

.content {

	background-color: #FFF;
	background-image: url(images/content_back.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
}

.left {

	background-color: #434341;
	background-image: url(images/left.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 40px;
}

.right {

	background-color: #434341;
	background-image: url(images/right.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 36px;
}

.bottom {

	background-image: url(images/bottom.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 39px;
	width: 822px;
}

.buttonmenu{ /*container that holds a row of aero buttons*/

	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: auto;
	padding: 4px 0;
}

* html .buttonmenu{ /*IE6 and below hack. Set explicit strip width*/
	width: 100%;
}



.buttonmenu a{ /*aero button CSS*/

	background:url('images/top1.jpg') no-repeat;
	width:152px;
	display: block;
	float: left;
	font-size: 10px; /* Change 13px as desired */
	font-weight:bold;
	line-height: 39px; /* This value + 8px should equal height of button background (default is 31px) */
	height: 39px; /* Height of button background height */
	text-align:center; /* Width of left menu image */
	text-decoration: none;
	margin-right: 5px; /*spacing between buttons*/
}

.buttonmenu a:link, .buttonmenu a:visited, .buttonmenu a:active{

	color: white; /*button text color*/
}

.buttonmenu a:hover{ 

	background:url('images/top2.jpg') no-repeat top right;
	display: block;
}

.blueblock{

	width: 165px;
	font-family: 'Arial';
	font-size: 11px;
}

* html ,blueblock{ /*IE 6 only */

	width: 165px; /*Box model bug: 180px minus all left and right paddings for ,blueblock */
}

.blueblock ul{

	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

.blueblock li {

	margin: 0;
}

.blueblock li a{

	height:22px;
	line-height:22px;
	background-image:url(images/left1.jpg);
	background-repeat:no-repeat;
	display: block;
	color: #000;
	text-decoration: none;
	width: 165px;
	text-indent:20px;
}



html>body .blueblock li a{ /*Non IE6 width*/

	width: auto;
}

.blueblock li a:hover{

	height:22px;
	line-height:22px;
	background-image:url(images/left2.jpg);
	background-repeat:no-repeat;
	display: block;
	color: #000;
	text-decoration: none;
	width: 165px;
	text-indent:22px;
}

.content table tr td {

	text-align: left;
}

.footer {

	text-align: center;
}

.content table tr td .footer p {

	color: #f3f3f3;
}


a:link {

	color: #535353;
}


/*Additions made by Eric*/
.footer a {color:#000000; text-decoration:none;}
.footer a:hover {color: #900;}
#formF {text-align:center; margin:auto; width:200px; font-size:30px;}
#useful-link img {float:left; padding-right:10px; padding-top:5px;}
#useful-link .title {font-size:15px; padding:0px; margin:0;}
#useful-link {background-color:#CCCCCC; padding:5px; margin-bottom:3px;}
#examples {font-size:14px; border:0px;}
#example-images {float:left; background-color:#CCCCCC; padding:10px; margin-bottom:10px; width:170px}
#example-images img{margin-right:10px; }
.link {text-decoration:none; color:#000; font-weight:normal}
.link:visited {text-decoration:none; color:#000; font-weight:normal}