@charset "UTF-8";
body {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background: #000000 url(images/greygrad_vert.gif);
	background-repeat: repeat-x;
	margin: 10px 0 0 0;
	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;
}

.smalltext {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
}
a {
	color: #660000;
}
a:hover {
	color: #990000;
}
h1, h2, h3, h4, h5 {
	margin: 10px 0 4px 0;
	font-weight: normal;
}
h1 {
	color: #990000;
	font-size: 16pt;
}
h2 {
	color: #990000;
	font-size: 14pt;
}
h3 {
	color: #990000;
	font-size: 12pt;
}
h4 {
	color: #33333;
	font-size: 11pt;
}
h5 {
	color: #33333;
	font-size: 10pt;
}
td h4 {
	margin: 0;
}
li {
	margin-bottom: 6px;
}
#container {
	width: 900px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
	width: 900px; 
	margin: 0 0 -14px 0; 
	border: 0;
}
#content {
	width: 830px; 
	background: #FFFFFF url(images/bkg_content_right.gif) right;
	background-repeat: repeat-y;
	margin: 0;
	padding-top: 16px;
	border: 0;
}
#navigation {
	float: right;
	margin: 104px 20px 0 0;
}
#mainContent {
	padding: 0 70px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0;
	background: url(images/bkg_content_left.gif) top left;
	background-repeat: no-repeat;
}
#footer {
	width: 825px; 
	padding: 0 10px; 
	margin: o;
	text-align: center;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}
#footer a {
	color: #EEEEEE;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}