@charset "UTF-8";
html { margin: 0px 0px 1px; padding: 0px; height: 100%; width: 100%; background-image: url(assets/images/bg.jpg); background-repeat: repeat-x; }
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	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;
	background-image: url(assets/images/bg.gif); background-repeat: repeat-x;
}
#container { width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: url(assets/images/index-bg.gif) no-repeat; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ }
#mainContent { }
#mainNav { position: absolute; top: 150px; z-index: 9; }
#foot { height: 50px; width: 990px; position: absolute; bottom: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-align: center; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; z-index: 2; background-color: #FFFFFF; }
a:link { color: #663333; text-decoration: none; }
a:visited { color: #663333; text-decoration: none; 	}
a:hover, a:active { color: #663333; text-decoration: underline; }

.transparent {filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }