@import url("module_header.css");
@import url("module_homepage.css");
@import url("module_lhs.css");
@import url("module_maincontent.css");
@import url("module_footer.css");

* { margin: 0; padding: 0; }

body { font: 62.5% Verdana, sans-serif; background: #0b0d0c; text-align: center; }

#bg_wrapper { width: 100%; height: 100%; background: url("../images/bg.jpg") 0% 0% repeat-x #e3e3e3; }

#outer_wrapper { 
	margin: 0px auto; 
	padding: 0 15px; 
	width: 970px; 
	min-height: 100%; 
	height:auto !important; 
	height: 100%; 
	text-align: left; 
	background: url("../images/wrapperBg.jpg") 0% 0% no-repeat; 
}

#inner_wrapper { 
	margin: 0 auto; 
	padding: 0;
	width: 970px;
	position: relative; /* This is to allow for the (absolute) positioning of the logo - see module_header.css */
	text-align: left; 
}



h1, h2, h3, h4, h5, h6 { font: 1.2em "Verdana", sans-serif; font-weight:bold; color:#128ED1; }
table, th, td { font-size: 1.0em; border: 0; }
img { border: 0; }

.left { float: left; }
.right { float: right; }
.clearer { /*display: block;*/ clear: both; height: 0px; line-height: 0px; font-size: 0px; overflow: hidden; }

a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }