html, body{ height:100%; } 
body {
	margin: 0;
	padding: 0;
	background: #a4a4a4 url(img/body_bg.gif) repeat-y;
}
.clearer { height: 2px; font-size: 1px; clear: both;}

#container {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}


#header {
	position: relative;
	width: 100%;
	height: 160px;
	background: #a4a4a4 url(img/header_bg.gif) repeat-x;
	overflow: hidden;
}
	#header_in {
		width: 621px;
		height: 160px;
		background: url(img/header.jpg) no-repeat;
		overflow: hidden;
	}
		#header_in h1, #header_in h2 {
			margin: 10px;
			font: bold 14px Verdana;
			color: #fff;
			display: none;
		}
	#status {
		position: absolute;
		top: 62px;
		width: 940px;
		height: 30px;
		overflow: hidden;
		text-align: right;
	}
		#status p {
			margin: 0;
			font: bold 11px Verdana;
			color: #a4a4a4;
		}
		#status p span {
			color: #fff;
		}
	#loginout {
		position: absolute;
		left: 830px;
		bottom: 0;
		width: 110px;
		height: 28px;
		background: #fff url(img/loginout_bg.gif) no-repeat;
		text-align: center;
	}
		#loginout a {
			display: block;
			margin: 5px 18px 0 0;
			padding: 4px 5px 4px 0;
			font: bold 11px Verdana;
			color: #a4a4a4;
			text-decoration: none;
		}
		#loginout a:hover {
			color: #000;
		}
		#loginout a.header_login { background: url(img/icon_login.gif) no-repeat right; }
		#loginout a.header_logout { background: url(img/icon_logout.gif) no-repeat right; }




#left {
	width: 170px;
	padding-top: 150px;
	background: url(img/left_bg.jpg) no-repeat top;
	/*float: left;*/
}
	#menu {
		position: relative;
		width: 170px;
	}
		#menu a {
			display: block;
			width: 170px;
			margin-bottom: 1px;
			padding: 0;
			font: bold 12px Verdana;
			color: #82b0d1;
			text-decoration: none;
			background-color: #7d7d7d;
		}
			#menu a span {
				position: relative;
				left: 15px;
				vertical-align: middle;
			}
			#menu a img {
				width: 40px;
				height: 40px;
				border: 0;
				margin: 0 5px 0 15px;
				vertical-align: middle;
			}
		#menu a#current {
			position: relative;
			width: 171px;
			color: #000;
			background-color: #fff;
		}
		#menu a:hover {
			color: #546a7a;
			background-color: #949494;
		}

#centerDiv
{
	position:absolute;
	top:160px;
	left:170px;
}

#center {
	/*float:left;*/
	/*position:absolute;
	top:160px;
	left:170px;*/
	background-color: #f5f5f5;
	border: 1px solid #d1d1d1;
	font:11px Verdana;
}

.centerSizeIE6
{
	width: 780px;
	height: 650px;
}

.centerSize
{
	min-width: 780px;
	min-height: 650px;
}


	#center input
	{
				padding: 3px;
				font: 11px Verdana;
				color: #333;
				background-color: #eee;
				border: 1px solid #ccc;
	}

	#center select
	{
				padding: 2px;
				font: 11px Verdana;
				color: #333;
				background-color: #eee;
				border: 1px solid #ccc;
	}

	#center .sbmbtn_input {
				padding: 3px 0;
				font: bold 12px Verdana;
				color: #fff;
				background: #a4a4a4 url(img/center_h1.gif) repeat-x;
				border: 1px solid #5d5d5d;
	}


	#center_in {
			width: 748px;
			margin: 20px;
		}
			#center_in h1 {
				margin: 0 0 10px 0;
				padding: 5px 10px;
				font: bold 14px Verdana;
				color: #fff;
				background: #a4a4a4 url(img/center_h1.gif) repeat-x;
				border: 1px solid #5d5d5d;
			}
			#center_in h2 {
				margin: 5px 0 0;
				padding: 5px 10px;
				font: bold 12px Verdana;
				color: #a4a4a4;
			}
			#center_in h3 {
			position: relative;
			margin: 20px 0 0;
			padding: 10px;
			font: bold 12px Verdana;
			color: #a4a4a4;
			background-color: #eee;
			}
			#center_in h3 a {
				position: absolute;
				right: 10px;
				font: bold 12px Verdana;
				color: #000;
				text-decoration: none;
			}
			#center_in h3 a:hover {
				text-decoration: underline;
			}

			#center_in p {
				margin: 0;
				padding: 10px;
				font: 12px Verdana;
				color: #a4a4a4;
				line-height: 16px;
			}
				#center_in p span {
					color: #6a6a6a;
				}
			#center_in img {
				margin: 0 0 8px 10px;
				border: 1px solid #5d5d5d;
			}
			
	#center .tbllogin {
		position: relative;
		top: 30px;
		margin: 0 auto 50px;
		border-collapse: collapse;
		border-bottom: 1px solid #333;
		border-top: 1px solid #333;
		font: 12px Verdana;
		color: #555;
	}
		.tbllogin th {
			width: 200px;
			padding-left: 20px;
			font-weight: bold;
		}
		.tbllogin td {
			padding: 10px 0;
		}
		.text_input {
			width: 300px;
			padding: 2px;
			font: 11px Verdana;
			color: #333;
			background-color: #eee;
			border: 1px solid #ccc;
		}
		.checkbox_input {
			width: 20px;
			padding: 2px;
			font: 11px Verdana;
			color: #333;
			background: none;
			border: 0;
		}
		
		.tbllogin a {
			font: 12px Verdana;
			color: #555;
			text-decoration: underline;
		}
		.tbllogin a:hover {
			color: #000;
		}


		#new {
			width: 746px;
			background-color: #e5e5e5;
			border: 1px solid #c8c8c8;
		}


		#send {
			width: 788px;
			background-color: #546a7a;
			border-top: 1px solid #d1d1d1;
		}
			#send table {
				width: 700px;
				margin: 10px 0 10px 44px;
				border-collapse: collapse;
				font: bold 11px Verdana;
				color: #fff;
			}
			#send span {
				color: #82b0d1;
			}


#footer {
	text-align: right;
	position:relative;
}
	#footer p {
		margin: 0 5px 0 0;
		padding: 5px 0;
		font: 10px Verdana;
		color: #5d5d5d;
	}
	#footer p strong {
		font: bold 10px Verdana;
		color: #000;
	}
	#footer p a {
		font: 10px Verdana;
		color: #fff;
		text-decoration: none;
	}
	#footer p a:hover {
		color: #000;
	}
	