HTML {
	margin-bottom: 1px;
	height: 100%;
}
BODY {
	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 {
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 160%;
}
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: #fff;
	width: 900px;
	margin: 0px auto;
}
#header {
	width: 900px;
	height: 50px;
	margin: 0px auto;
}
#logo {
	width: 285px;
	height: 50px;
	float: left;
	color: #fff;
	font: 300% 'trebuchet ms', trebuchet, verdana;
	text-align: left;
	margin: 0 0 0 15px;
}
#topmenu {
	width: 590px;
	height: 50px;
	text-align: right;
	float: right;
	margin: 0 10px 0 0;
}
#menutop {
	color: #fff;
	margin: 0;
	padding: 25px 0 0 0;
	list-style: none;
}
#menutop li, #menutop ul {
	display: inline;
	list-style: none;
	text-align: right;
}
#menutop a {
	padding: 0 8px 0 8px;
	color: #fff;
	text-decoration: none;
}
#menutop a:active, #menutop a:hover {
	color: #fff;
	text-decoration: underline;
}
#mid {
	background: #fff url(images/mid.jpg) no-repeat;
	width: 900px;
	height: 190px;
	margin: 0;
}
#midcontent {
	padding: 30px 30px 20px 20px;
	text-align: left;
	float: left;
	width: 550px;
	font: 180% 'trebuchet ms', trebuchet, verdana;
	margin: 0 0 0 10px;
}

#breadcrumbmenu {
	font: normal 85% 'trebuchet ms', trebuchet;
	width: 880px;
	background: #f8f8f8;
	margin: 0 10px 0 10px;
	height: 20px;
	padding: 3px 0px 0px 10px;
	text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 870px;
}
html > body #breadcrumbmenu {
	width: 870px;
}
#bcmenu {
	color: #555;
	margin: 0;
	padding: 0px;
	list-style: none;
}
#bcmenu li, #bcmenu ul {
	display: inline;
	list-style: none;
}
#bcmenu a {
	padding: 0 8px 0 8px;
	color: #555;
	text-decoration: none;
}
#bcmenu a:active, #bcmenu a:hover {
	text-decoration: underline;
}
#body1 {
	font-size: 120%;
	width: 610px;
	padding: 10px 10px 10px 15px;
	float: left;
	text-align: justify; /* box model hack */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 585px;
}
html > body #body1 {
	width: 585px;
}
#body1c {
	font-size: 120%;
	width: 900px;
	padding: 10px 10px 10px 10px;
	text-align: justify; /* box model hack */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 880px;
}
html > body #body1c  {
	width: 880px;
}
#body2 {
	width: 290px;
	float: right;
	padding: 10px 10px 10px 10px;
	text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 270px;
}
html > body #body2  {
	width: 270px;
}
#body2 h1 {
	font-size: 130%;
}
#footer {
	width: 880px;
	height: 20px;
	border-bottom: 5px solid #fff;
	font-size: 90%;
	padding: 3px 0 0 10px;
	margin: 0 10px 0 10px;
	text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 870px;
}
html > body #footer  {
	width: 870px;
}
#menusub {
	margin: 5px 0 0 0;
	padding: 0;
}
#menusub li, #menusub ul {
	list-style: none;
	text-align: left;
	margin: 3px 0 0 0;
}
#menusub a {
	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: #eee;}