body { 
	margin: 0; 
	padding: 0; 
	background: url('/images/bg.png') repeat-x;
	font-family: 'Verdana', Arial;
	font-size: 12px;
}

form { padding: 0; margin: 0; }

a { color: #574b2f; text-decoration: none; }

#wrapper { width: 885px; margin: 0 auto 0 auto; }

#page {
	float: left;
	width: 885px;
	margin: 0 auto;
	background: url('/images/contentbg.png') repeat-y;
	min-height: 500px;
	padding-top: 10px;
}

#header {
	clear:both;
	width: 885px;
	float: left;
	height: 121px;
	position: relative;
}

#header2 {
	width: 885px;
	clear:both;
	float: left;
	height: 173px;
	background: url('/images/textbg.png') no-repeat;
	color: #fff;
	font-weight: bold;
	padding-left: 25px;
	padding-top: 12px;
}

#header2 .box {
	float: left;
	width: 210px;
	font-size: 11px;
	background: url('/images/boxbg.png') no-repeat;
	height: 169px;
}

#header2 h3 { font-size: 18px; color: #ffea00; font-weight: normal; line-height: 16px; }
#header2 .main { padding-top: 5px; padding-left: 30px; padding-right: 5px; }

#login {
	position: absolute;
	top: 90px;
	left: 300px;
	width: 350px;
	height: 36px;
	background: url('/images/login.png') no-repeat;
	}


#login input { border: 0; background: none; font-size: 11px; padding-top: 2px; }

#left {
	width: 240px;
	clear:both;
	float: left;
	padding-left: 15px;
}

#left .box {
	float: left;
	width: 220px;
	font-size: 11px;
	background: url('/images/boxbg2.png') no-repeat;
	height: 242px;
	color: #1b1b1b;
}

#left h3 { font-size: 19px; color: #574b2f; font-weight: normal; line-height: 16px; padding-top: 2px; padding-left: 45px; }
#left .main { padding-top: 3px; padding-left: 10px; padding-right: 5px; }

.menu_head {
	float: left;
	width: 221px;
	padding-left: 5px;
	background: url('/images/menuhead.png') no-repeat;
	height: 21px;
}

.menu_main {
	float: left;
	width: 221px;
	background: url('/images/menubg.png') repeat-y;
}

.menuitem {
	float: left;
	width: 221px;
	height: 30px;
	background: url('/images/menuitem.png') repeat-y;
}

.active {
	background: url('/images/menuitem_active.png');
}

#menu_main a:hover { text-decoration: underline; color: #574b2f; }

.menuitem div { padding: 7px 0 0 30px; color: #574b2f; font-weight: bold; font-size: 12px; }

#content {
	width: 600px;
	float: left;
}

#content p { text-align: justify; font-size: 12px; line-height: 14pt; padding: 2px; }
#content h3 { color: #9d0000; font-size: 20px; padding: 1px; margin: 0; }
#content h4 { color: #9d0000; font-size: 15px; padding: 1px; margin: 0; }

#footer {
	clear: both;
	background: url('/images/footer.png') repeat-x;
	height: 49px;
	color: #fff;
	font-size: 10px;
}

.clear { clear: both; }

.alert {
	background-color:#ffe1a0;
	border: 1px solid #cc6100; 
	padding: 12px; 
	text-align: center;
}


.percent { width: 100%; border: 1px solid #666; font-family: verdana; font-size: 10px; color: #000; font-weight: bold; }
.percent_use { background: url('../images/percent_bg.png') repeat-x; }
.percent_use span { padding-left: 2px; }
.table { 
	border-collapse:collapse;
	border-style:solid;
	border-width:1px;
	border: 1px solid #CCCCCC;
}

.table th {
	line-height: 1.3em;
	background-color: #464646;
	color: #D7D7D7;
	display: table-cell;
}

.table td {
	border-bottom: 1px solid #CCCCCC;
}

.table td, th { 
	border-bottom: 1px solid #CCCCCC;
	font-size: 11px;
	/* vertical-align: text-top; */
	padding: 9px 5px 6px 5px;
}

.table .inactive { background-color: #f9f9f9; }
.table .inactive2 { background-color: #ffe1a0; }
.table a { text-decoration: underline; }