html, body {
	height: 100%;
}

body {
	background-image: url(background.jpg);
	background-repeat: no-repeat;
	background-position: 770px 250px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#wrapper {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}

html>body #wrapper {
	height: auto;
}


a {
	color: rgb(122, 136, 190);
	text-decoration: none;
}

h1 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0;
}

h2, h3 {
	font-size: 1em;
	font-weight: bold;
}

table {
	width: 100%;
}

td {
	vertical-align: top;
}

th {
	text-align: left;
}

#header {
	height: 172px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 35px;
}

#logo_container {
	background-color: rgb(74, 64, 150);
	background-image: url(header_bg.jpg);
	background-position: 134px 0px;
	background-repeat: no-repeat;
	height: 150px;
	margin: 0;
	padding: 0;
}

#logo {
	border: none;
	height: 150px;
	padding: 0 0 0 65px;
	margin: 0;
	width: 71px;
}

#mainnavi {
	background-color: rgb(214, 214, 214);
	background-image: url(navi_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 22px;
	border-top: 1px solid white;
	height: 25px;
	margin: 0;
	padding: 0;
	width: 100%;
}

#mainnavi ul {
	background-color: rgb(214, 214, 214);
	background-image: url(navi_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 22px;
	border-right: 1px solid white;
	float: left;
	height: 25px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mainnavi ul li {
	background-color: rgb(214, 214, 214);
	background-image: url(navi_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 22px;
	border-bottom: 3px solid white;
	display: block;
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	text-align: center;
}

#mainnavi ul li.menu-first {
	display: inline; /* Double margin bug */
	margin: 0 1px 0 65px;
	padding: 0;
}

#mainnavi ul li.menu-last {
	padding-right: 130px;
}

#mainnavi a {
	/*background-color: rgb(214, 214, 214);*/
	color: rgb(78, 95, 163) /*rgb(122, 136, 190)*/;
	border-bottom: 1px solid white;
	display: block;
	height: 18px;
	padding: 4px 4px 0 0;
	width: 68px;
}

#mainnavi .menu-current, #mainnavi .menu-parent {
	background-color: white;
}

#content_wrapper {
	background-image: url(navi2content.gif);
	background-repeat: repeat-y;
	margin: 70px 0 2em 0;
	overflow: auto;
	padding-bottom: 2em;
	position: relative;
}

#subnavi {
	float: left;
	width: 196px;
}

#subnavi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#subnavi ul li {
	margin: 0 0 0.4em 30px;
}

#subnavi ul li.menu-parent a, #subnavi ul li.menu-current a {
	font-weight: bold;
}

#content {
	margin-left: 195px;
	padding-left: 60px;
	width: 520px;
}

#footer {
	background-color: rgb(190, 197, 223);
	bottom: 0;
	clear: both;
	position: absolute;
	width: 100%;
}

#footer * {
	color: rgb(50, 41, 131);
}

#footer p {
	margin: 0.2em 0 0.2em 50px;
}


#mainnavi ul li.category_1 {border-color: rgb(186, 32, 37);}
#mainnavi ul li.category_2 {border-color: rgb(133, 196, 65);}
#mainnavi ul li.category_3 {border-color: rgb(252, 175, 23);}
#mainnavi ul li.category_4 {border-color: rgb(58, 87, 167);}
#mainnavi ul li.category_5 {border-color: rgb(56, 192, 196);}
#mainnavi ul li.category_6 {border-color: rgb(147, 71, 155);}
#mainnavi ul li.category_7 {border-color: white;} 
#mainnavi ul li.category_8 {border-color: rgb(200, 200, 155);}

body.category_1 #mainnavi {background-color: rgb(186, 32, 37);}
body.category_2 #mainnavi {background-color: rgb(133, 196, 65);}
body.category_3 #mainnavi {background-color: rgb(252, 175, 23);}
body.category_4 #mainnavi {background-color: rgb(58, 87, 167);}
body.category_5 #mainnavi {background-color: rgb(56, 192, 196);}
body.category_6 #mainnavi {background-color: rgb(147, 71, 155);}
body.category_8 #mainnavi {background-color: rgb(200,200, 155);}