body {
	background-color: #FFFFFF;
}

#page {
	position: relative; /* this is also set in the IE tweaks file */
	padding: 16px; /* this is also set in the IE tweaks file */ /* this sets a minimum margin */
	width: 993px;
	margin: auto; /* this centers the page */
}

#menu {
	margin-bottom: 16px; /* override the setting in the header stylesheet */
}

#section_menu ul {
	margin: 8px 0 0 0;
	padding: 0;
}

#section_menu li {
	list-style: none;
}

#section_menu ul li ul a{
	margin: -5px 0 5px 12px;
	font-weight:normal;
}

#section_menu ul li ul a#active, #section_menu ul li ul a:hover{
	background:none;
}

#section_menu a {
	display: block;
	line-height: 12px;
	padding: 0px 8px 4px 18px;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#section_menu a:hover {
	color: #CCFFFF;
	text-decoration: none;
	background: url(../images/templates/section_menu_active.gif) no-repeat;
}

#section_menu a#active {
	color: #CCFFFF;
	text-decoration: none;
	background: url(../images/templates/section_menu_active.gif) no-repeat;
}

#main {
	padding: 8px 32px 0px 32px;
	margin-right: 299px; /* make room for the sidebar */
	margin-left: 175px; /* make room for the section menu */
	border: 0px solid blue;
}

#content {
	position: absolute;
	width: 308px;
	padding: 58px 24px 0px 24px;
}

#section_menu {
	float: left;
	width: 175px;
	height: 690px;
	background-color: #0E548C;
	font-family: Arial;
}

#sidebar {
	float: right; /* we could use absolute positioning here, and then we could place the main div before the sidebar div in the template, but then there's no way to push the main div to an adequate height */
	width: 282px;
	border: 0px solid green;
}

#footer {
	margin: 20px 0px 20px 10px;
}

#middle{
	background: url(../images/templates/bg_section_menu.gif) bottom left repeat-y
}