@charset "utf-8";
/* CSS Document */
body{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #CCCCCC;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.emptydiv{
	padding:0;
	margin:0;
	border:0;
	z-index:0;
}
#maindiv {
	padding:0 50px 0 50px;
	margin:0 auto;
	width:900px;
	background:#FFFFFF;
	z-index:1;
}

#top_right{
	padding:0;
	margin:0;
	float:right;
	position:relative;
	width:200px;
	height:75px;
	z-index:10;

}
#top_left{
	padding:0;
	margin:0;
	float:left;
	position:relative;
	width:600px;
	height:75px;
	z-index:10;
}
#contents {
	padding:0;
	margin:0;
	position:relative;
	background:#FFFFFF;
	height:480px;
	z-index:2;
}
#cont_left{
	padding:0;
	margin:0;
	float:left;
	position:relative;
	width:200px;
	height:450px;
	z-index:10;
}
#cont_left2{
	padding:0;
	margin:0;
	float:left;
	position:relative;
	width:240px;
	height:450px;
	z-index:10;
	background-color: #FFFFFF;

	
}
#cont_right{
	padding:0;
	margin:0;
	float:right;
	position:relative;
	width:200px;
	height:450px;
	z-index:10;

}

#cont_mid{
	margin:0;
	float:left;
	position:relative;
	background:#FFFFFF;
	width:410px;
	height:450px;
	z-index:10;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#cont_mid2{
	margin:0;
	float:left;
	position:relative;
	background:#FFFFFF;
	width:620px;
	height:400px;
	z-index:10;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#cont_mid2high{
	padding:0;
	margin:0;
	overflow:auto;
	float:left;
	width:640px;
	height:300px;
	position:absolute;
	top:-1px;
	background:#FFFFFF;
	z-index:15;
	left: 24px;
}
#cont_mid2low{
	padding:0;
	margin:0;
	float:left;
	width:640px;
	position:absolute;
	bottom:0px;
	background:#FFFFFF;
	z-index:16;
	left: 20px;
}
#cont_mid2full{
	padding:0;
	margin:0;
	overflow:auto;
	float:left;
	width:640px;
	height:400px;
	position:absolute;
	top:0;
	background:#FFFFFF;
	z-index:15;
	left: 20px;
}
#footer{
	padding:0;
	margin:0;
	float:left;
	position:absolute;
	bottom:0px;
	background:#FFFFFF;
	z-index:10;
	width:900px;
	left: 0px;
}

#spacer{
	padding:0;
	margin:0;
	height:20px;
	position:relative;
	clear:both;
	z-index:0;
}

#spacers{
	padding:0;
	margin:0;
	height:20px;
	position:relative;
	z-index:0;
}

#mlogin {
	padding:0;
	margin:0;
	position:absolute;
	width:145px;
	height:45px;
	top:91px;
	left:41px;
	z-index:50;
}
.squarebox{
	padding:5px;
	margin:0;
	position:absolute;
	width:200px;
	height:187px;
	z-index:50;
	border: thin solid #000000;
}

.rectanglebox{
	padding:5px;
	margin:0;
	position:absolute;
	width:510px;
	height:166px;
	z-index:50;
	border: none;
}

#b1{
	left: 44px;
	top: 56px;
}
#b2{
	left: 300px;
	top: 56px;
}
#b3{
	left: 50px;
	top: 280px;
}
#b4{
	left: 33px;
	top: 262px;
}
#topsearch {
	padding:0;
	margin:0;
	position:absolute;
	width:106px;
	height:45px;
	top:10px;
	float:right;
	background:#00FFFF;
	z-index:50;
}


#transparent {
	opacity: 0.1;
    filter:alpha(opacity: 10);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;

}