@charset "UTF-8";
/* CSS Document */

html {
 height: 100%; 
 margin-bottom: 1px; 
 }

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background: #47515b;
	margin: 0;
	padding: 0;
	color: #47515b;
	line-height: 20px;
}


A:link {text-decoration: underline; color: #2c407a;}
A:visited {text-decoration: underline; color: #2c407a;}
A:active {text-decoration: underline; color: #2c407a;}
A:hover {text-decoration: none; color: #2c407a;}


.whitelink A:link {text-decoration: none; color: #fff;}
.whitelink A:visited {text-decoration: none; color: #fff;}
.whitelink A:active {text-decoration: none; color: #fff;}
.whitelink A:hover {text-decoration: underline; color: #fff;}

h1{
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:300;
	margin: 0;
	padding: 0;
	}
	
h2{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:600;
	margin: 0;
	padding: 0;
	}
	
ul {
	float: right;
	margin: 0;
	padding: 0;
	display: inline;
	} 
	
 ul li {
 	float: left;
	padding:0;
	margin: 0;
	height: 29px;
	border: 0;
	list-style: none;
	display: inline;
	}
img{border: 0;}
	
	
#container {
	width: 811px;
	background: #47515b;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#content {
	width: 771px;
	background: #ffffff;
	margin: 0;
	padding: 20px;
	}
	
.column {
	position: relative;
	width: 600px;

	float: left;
	margin: 0;
	padding: 0;
	}
	


#logo {
	float: left;
	width: 411px;
	height: 149px;
	margin: 0;
	padding: 0;
	clear: right;
	}
	

	
#menu{
	position: relative;
	clear: both;
	width: 811px;
	height: 29px;
	margin: 0;
	padding: 0;

}
	
#footer{
	clear:both;
	width: 811px;
	height: 29px;
	background-image:url(images/footer.gif);
	margin-bottom: 25px;
	}