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

body {
    height: 100%; /* for sticky footer */ 
    position:absolute;/* Opera height trigger*/
    width:100%;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	line-height:16pt;
	background: #333333;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
    min-height:100%; /* for sticky footer */
	width: 995px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
* html #container {
	height:100%; /*for ie6, same as min-height*/
}
.imgRight {
	position:absolute; margin:-53px 56px 0 550px;
}
#nav {
	padding:6px 0 6px 40px;
}
#banner {
	height:248px; background-image:url(../images/banner.jpg); background-repeat:no-repeat;
}
#mainContent {
	padding: 30px 60px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:530px;
	color:#666666;
}
h1, h2, h3 {color:#009944; margin: 5px 0 25px 0;} h1{font-size:150%;} h2 {font-size:135%;} h3 {font-size:120%;}