html { height: 100%; overflow:scroll;}

body {
	background-image:url(images/blueBG.jpg);
	background-repeat:repeat;
	 margin:0px;
	 padding: 0px;
	 font-family:arial, helvetica;
	 color:#333;
	 font-size:12px;
	 text-align:center;
		
}

a:link {color: #303; text-decoration:underline;}
a:visited {color: #303; text-decoration:underline;}
a:hover {color: #3366CC; text-decoration:underline;}
a:active {color:#096; text-decoration:underline;}

	
#header{
	padding:5px;
	display: block;
	width:100%;
	clear: both;
	text-align:center;
	
	
}
	#nav {margin-top:7px; margin-left:10px; width:99%;}	
		
#contentWrap {
width:900px; 
border:1px solid #333333;
background-color:#fff;
text-align:left;
margin:10px auto;}
	
	
#menucontent {
display:block;
text-align:center;
border-bottom:1px dotted #333333;
font-size:12px;
letter-spacing:.2em;
padding-right:5px;
padding-left:10px;}

a.menu:link {color: #303; text-decoration:none;}
a.menu:visited {color: #303;  text-decoration:none;}
a.menu:hover {color: #3366CC;  text-decoration:none; text-transform:uppercase;}
a.menu:active {color:#096;  text-decoration:none;}


#content{ margin-left:15px; z-index:-1;}

#rightcolumn, #leftcolumn
{z-index:-1; float:left; }

#rightcolumn {width:300px; margin-left:5px; padding-bottom:20px;}

#leftcolumn {width:505px;  margin-right:10px;}

#smallbox {float:left; width:400px; border-top:#CCC dotted 1px; font-style:italic; padding:2px; margin-left:35px; margin-top:20px;}	

#footer {
	background-color:#ececec;
	border-top:dotted 1px #999;
	padding:10px;
	padding-left:20px;
	display: block;
	color:#999;
	font-size:10px;
	letter-spacing:.2em;
	clear: both;
		}
		
#footer .column{
  width:150px;
  float:left;
  overflow:hidden;
  display:inline;
  margin-right:5px;
 margin-left:5px;
}

a.column:link {color: #333; text-decoration:none; font-size:10px;}
a.column:visited {color: #333; text-decoration:none; font-size:10px;}
a.column:hover {color: #3366CC; text-decoration:underline; font-size:10px;}
a.column:active {color:#096; text-decoration:underline; font-size:10px;}


	/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;

}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

li {
	list-style-type:none;
	margin-left:10px;
	font-family:arial;
	font-size:10pt;
}


h1 { font-size:30px; color: #666; line-height:1em; letter-spacing:.2em;} 
h2 {font-size:24px; color:#666; letter-spacing:.2em; line-height:1em; }
h3 {font-size:14px; color:#0099FF; letter-spacing:.1em;}