@charset "utf-8";
/* CSS Document */

body{
		text-align:center;
		min-width:980px;
		background-color:#000000;
		margin:0;
		}
#container{
		width:980px;
		margin:0 auto;
		border:1px solid #666600;
		text-align:left;
		background-color:#999966;
		}
#banner{
	width:980px;
	background-color:#666633;
	height:235px;
	margin:0;
	padding:0;
	background-image:url(banner2.JPG);
	background-position: top left;
	background-repeat: no-repeat;
		}
#banner h1{
		padding:0;
		margin:0;
		font-size: 100%;
		color:#0099CC;
		}
#mainContent{
		width:720px;
		border:1px solid #666600;
		float:right;
		background-color:#fff;
		margin:0;
		padding:0;
		}
#mainNav{
		width:240px;
		float:left;
		background-color:#999966;
		margin:0;
		padding:0;
		}	
#footer{
		width:980px;
		clear:both;
		margin:0;
		background-color:#000000;
		text-align:center;
		}
.text {color:#FFFFFF;
		font-size:20px;
		font-weight:bold;
		font-style:italic;
		}

/*General text styles*/
#mainContent{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		padding:8px;
		}	
#mainContent p{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		margin:0;
		padding:0px;
		}

#mainContent h2, h3, h4, h5, h6 {
		color:#000000;
		padding:5px;
		}
#mainContent h1{
		color:#990000;
		padding:5px;
		}
#mainNav{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#FFFFFF;
		}
pre {margin-left:5em;
	font-size:90%;}
	
/*Navigation Stlyes go here*/

#mainNav ul{margin:10px 0px;
		padding:0;
		list-style-type:none;
		}
#mainNav ul li a {
	display:block;
	width:220px;
	padding:0 1px 4px 10px;
	font-weight:bold;
	text-decoration:none;
	background-color:#999966;
	color:#FFFFFF;
		}
#mainNav ul li a:hover {
	background-color:#CCCC99;
	width:220px;
	padding:0 1px 4px 10px;
	font-weight:bold;
	color#000;
	}

/*These next rules only for floating right images*/
.pic{
	clear:right;
	float:right;
	margin:15px;
	border:0px solid #ddd;
	}
.pic1{
	clear:right;
	float:right;
	margin:15px;
	border:0px solid #ddd;
	}
.pic2{
	clear:left;
	float:left;
	margin:5px;
	border:0px solid #ddd;
	}
img {margin:5px;
	}