HTML {
	margin-bottom: 1px;
	height: 100%;
}
BODY {
	background: #525252;
	text-align: center;
	font: .7em/160% Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
img {
	border: 0px; /* for accessability */
}
.clear {
	clear: both;
}
a {
	color: #000;
	text-decoration: underline;
}
a:active, a:hover {
	color: #0F5988;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 120%;
	color: #0F5988;
}
h2 {
	font-size: 140%;
	color: #999;
	margin: 0 0 -10px 0;
}
h3, h4, h5, h6 {
	font-size: 130%;
	color: #888;
}
li, li li, li li li {
	list-style-type: square;
	font: 100% verdana;
}
#wrapper {
	background-color: #fff;
	width: 900px;
	margin: 0px auto;
}
#top {
	background: #fff url(../images/top.jpg) no-repeat;
	width: 900px;
	height: 25px;
}
#bottom {
	background: #fff url(../images/bottom.jpg) no-repeat;
	width: 900px;
	height: 25px;
}
#header {
	height: 50px;
}
#logo {
	width: 275px;
	height: 50px;
	float: left;
	color: #777;
	font: 300% 'trebuchet ms', trebuchet, verdana;
	text-align: left;
	margin: 0 0 0 15px;
}
#topmenuWrap {
	background-color: #fff;
}
#topmenu {
	position: relative;
	font: normal 110% 'trebuchet ms', trebuchet;
	width: 880px;
	height: 25px;
	float: right;
	margin: 0 10px 0 10px;
	text-align: right;
	padding: 0;
}
#breadcrumbmenu {
	font: normal 85% 'trebuchet ms', trebuchet;
	width: 880px;
	height: 20px;
	padding: 5px 0 0 5px;
	text-align: left;
	background: #f3f3f3;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 875px;
}
html > body #breadcrumbmenu {
	width: 875px;
}
#bcmenu {
	color: #555;
	margin: 0;
	padding: 0px;
	list-style: none;
}
#bcmenu li, #bcmenu ul {
	display: inline;
	list-style: none;
	text-align: right;
}
#bcmenu a {
	padding: 0 8px 0 8px;
	color: #555;
	text-decoration: none;
}
#bcmenu a:active, #bcmenu a:hover {
	color: #0F5988;
	text-decoration: underline;
}
#menutop {
	color: #555;
	margin: 0;
	padding: 0px;
	list-style: none;
}
#menutop li, #menutop ul {
	display: inline;
	list-style: none;
	text-align: right;
}
#menutop a {
	padding: 0 8px 0 8px;
	color: #555;
	text-decoration: none;
}
#menutop a:active, #menutop a:hover {
	color: #0F5988;
	text-decoration: underline;
}
#mid {
	background: #fff url(../images/mid.gif) no-repeat;
	float: left;
	width: 900px;
	height: 180px;
	margin: 0px;
}

#fullmid {
	background: #fff url(../images/mid.gif) no-repeat;
	float: left;
	width: 900px;
	margin: 0px;
}

#midcontent {
	position: relative;
	top: 0px;
	left: 0px;
	width: 560px;
	text-align: left;
	color: #333333;
	margin: 8px 30px 20px 210px;
	font-family: 'trebuchet ms', trebuchet, verdana;
	font-size: 180%;
	line-height: 100%;
}
#body1 {
	font-size: 110%;
	width: 610px;
	padding: 10px 15px 10px 0px;
	float: right;
	text-align: justify; /* box model hack */
	;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 590px;
}
html > body #body1 {
	width: 590px;
}
#fullmid #body1 {
	margin-top: 0px;
}
#fullmid #body2 {
	margin-top: 90px;
}

#body1c {
	font-size: 120%;
	width: 900px;
	padding: 10px 10px 10px 10px;
	float: right;
	text-align: justify; /* box model hack */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 880px;
}
html > body #body1c  {
	width: 880px;
}
#body2 {
	width: 290px;
	float: left;
	padding: 10px 10px 10px 10px;
	text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 270px;
}
html > body #body2  {
	width: 270px;
}
#body2content {
	padding: 0 15px 0 10px;
}
#body2 h2 {
	font-size: 130%;
	color: #0F5988;
}
#footer {
	width: 880px;
	margin: 0px auto;
	font-size: 90%;
	color: #fff;
	padding: 10px 0 0 10px;
	text-align: left;
}
#menusub {
	margin: 5px 0 0 0;
	padding: 0;
	color: #000;
}
#menusub li, #menusub ul {
	list-style: none;
	text-align: left;
	margin: 3px 0 0 0;
}
#menusub a {
	font: normal 110% trebuchet, 'trebuchet ms';
	margin: 0;
	width: 270px;
	color: #333;
	text-decoration: none;
	background: #f7f7f7;
	display: block;
	padding: 2px 0 0 15px;
	height: 20px; /* box model hack */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 255px;
	height: 18px;
}
html > body #menusub a {
	width: 255px;
	height: 18px;
}
#menusub a:active, #menusub a:hover {
	background: #f0f0f0;
	color: #0F5988;
	padding: 2px 0 0 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 255px;
}
html > body #menusub a:active, html > body #menusub a:hover {
	width: 255px;
	height: 18px;
}

#calendar {
	position: relative;
	display: block;
	left:8px;
	top: 8px;
	width:268px;
	height:166px;
	z-index:1;
	float: left;
}