/* 
	This is the Global stylesheet that affects all the sites & is a general
	stylesheet for site wide / overall styles. Below are the area-specific 
	stylesheets
*/

/* These are the modular stylesheets that affect certain areas of the site */
@import url("module_header.css");
@import url("module_footer.css");
@import url("module_homepageContent.css");
@import url("module_mainContent.css");
@import url("module_subnav.css");
@import url("module_rightsidepanel.css");
@import url("module_news.css");
@import url("module_search.css");
@import url("module_custom.css");

/* -------------------------------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; }
html {  height: 100%;}

body { 
	background: url("../images/bg_main.gif") 0% 0% repeat-x #b1b1b1; text-align: center;
	font: 62.5% Arial, sans-serif;
}
table, th, td { font-size: 1.0em; }
img { border: 0; }
img.float_left { float: left; }
* html img.float_left { margin: 0 5px; }
img.float_right { float: right;  }
* html img.float_right { margin: 0 5px; }

h1, h2, h3, h4, h5, h6 { font-size: 1.0em; } 

#outer_wrapper { 
	width: 982px; margin: 0 auto; 
	background: url("../images/bg_outer_wrapper.gif") 0% 0% no-repeat;
 }

#inner_wrapper { 
	position: relative; /* This is to allow for the (absolute) positioning of the logo - see module_header.css */
	width: 962px;  text-align: left; padding: 0 0 20px 0;
	margin: 0 auto; background: url("../images/bg_inner_wrapper.gif") no-repeat 100% 100% #fff; }

#mainContentWrapper { 
	background: url("../images/bg_mainContentWrapper.gif") 0% 0% repeat-x; margin: 0 1px;  
}

div.clearer { height: 0; line-height: 0px; clear: both;}
  

/* -------------------------------------------------------------------------------------------------------- */