@charset "utf-8";
/* CSS Document */

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
body {
	background-color: #363537;
	background-image: url('../gfx/bg.gif');
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	maring: 0px;
	padding: 0px;
	padding-top: 85px;
	padding-bottom: 50px;
}
#main {
	width: 1007px;
	text-align: left;
}
#header {
	background-color: #ffffff;
}
#menu, #footer {
	background-color: #000000;
	padding: 3px;
	text-align: center;
	color: #ffffff;
}
#footer a {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#menu a {
	text-decoration: none;
	color: #ffffff;
}
#menu a:hover {
	text-decoration: underline;
}
.menu-selected {
	text-decoration: underline;
}
#content {
	width: 100%;
	height: 576px;
	overflow: auto;
	background-color: #909193;
}
.greenbg {
	background-color: #668e18;
}
.purplebg {
	background-color: #ac0068;
}
.greenbg, .purplebg {
	padding: 3px;
	color: #ffffff;
	margin-top: 14px;
	padding-left: 40px;
}
#purplemenu, #greenmenu {
	position: absolute;
}
#purplemenu a, #greenmenu a, .purpleselected, .greenselected {
	display: block;
	padding: 3px;
	padding-left: 7px;
	border-left: none;
	border-bottom: 1px solid #484849;
	margin-left: 34px;
	margin-top: 4px;
	margin-bottom: 0px;
	width: 166px;
	color: #000000;
	text-decoration: none;
}
#purplemenu a:hover, #greenmenu a:hover, .purpleselected, .greenselected {
	padding-left: 3px;
	border-bottom: 1px solid #484849;
}
#purplemenu a:hover, .purpleselected {
	border-left: 4px solid #ac0068;
}
#greenmenu a:hover, .greenselected {
	border-left: 4px solid #668e18;
}
.purpleselected, .greenselected {
	color: #ffffff;
}
#whitebox, #graybox {
	position: absolute;
	margin-left: 241px;
}
#whitebox {
	width: 721px;
	height: 500px;
	margin-top: 14px;
	background-color: #ffffff;
	overflow: hidden;
}
#graybox {
	width: 761px;
	height: 542px;
	overflow: auto;
}
#graybox div {
	display: inline-block;
	width: 320px;
	height: 139px;
	color: #ffffff;
	margin-top: 13px;
	margin-right: 20px;
	margin-bottom: 23px;
	vertical-align: top;
}
#graybox a {
	text-decoration: none;
	color: #ffffff;
}
#graybox a:hover {
	text-decoration: underline;
}
#graybox div img {
	border: 1px solid #ffffff;
	margin-right: 10px;
}
#imagebox {
	position: absolute;
	width: 721px;
	height: 500px;
	overflow: hidden;
}
#textbox {
	position: absolute;
	width: 237px;
	height: 428px;
	overflow: auto;
	margin-top: 36px;
	margin-left: 470px;
	color: #000000;
}
#textbox .title {
	font-size: 13px;
	margin-bottom: 11px;
}
