BODY {
	MARGIN: 0px;
	FONT-FAMILY: arial;
	POSITION: relative;
	font-size: 12px;
}
.a {
	COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff0000; TEXT-DECORATION: none
}
A {
	COLOR: #000000; TEXT-DECORATION: none
}
SELECT {
	BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: #cccccc
}
INPUT {
	BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; BORDER-RIGHT-WIDTH: 1px; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: #cccccc
}
FORM {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#banner {
	width: 760px;
}
#banner #logo {
	height: 60px;
	width: 180px;
	margin-top:5px;
	margin-left:5px;
	position: absolute;
}
#banner #userset {
	float: right;
	margin-right: 5px;
	margin-top: 10px;
	font-size: 10px;
}
#banner #userset A {
	color: #FF9933;
	text-decoration: underline;
}
#ClassContent {
	width: 580px;
	text-align: left;
	margin-left: 0px;
	padding: 0px;
}
#ClassContent #ClassTitle {
	background-image: url(../images/title_dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 578px;
	padding-left: 10px;
	margin-top:2px;
	margin-bottom:5px;
	height:28px;
	padding-top:5px;
}
#ClassContent #ClassTitle #TitleText {
	font-family: "ÐÂËÎÌå";
	font-size: 14px;
	font-weight: bold;
	float: left;
}
#ClassContent #ClassTitle #TitleText a {
	text-decoration: underline;
}

#ClassContent #ClassTitle #More {
	font-size: 12px;
	margin-right:10px;
	width:40px;
	float: right;
}
#ClassContent #SiteContent {
	float: left;
	width: 580px;
	padding-left: 0px;
	line-height:22px;
}
#ClassContent #SiteContent ul {
	width: 580px;
	margin: 0px;
	padding: 0px;
}
#ClassContent #SiteContent li {
	float: left;
 	position: relative;
	list-style-type: square;
}
#ClassContent #SiteContent a {
	font-size: 14px;
}
#bodyright {
	width: 580px;
	float: none;
	margin-left: 180px;
	margin-top: 0px;
}
#bodyleft {
	float: left;
	width: 180px;
	margin: 0px;
}
#bodyleft #addnew {
	cursor: pointer;
	margin-top:2px;
}
#bodyleft #title {
	margin-left:2px;
	margin-top: 10px;
}
#bodyleft #content {
	border: 1px dashed #CCCCCC;
	width:172px;
	padding:4px;
        line-height: 20px;
	font-size: 10px;
}


#bottom {
	float: left;
	width: 760px;
	text-align: center;
	border-top: 1px solid #ccc;
	margin-top:10px;
	padding-top:10px;
}
#bodymain {
	float: left;
	width: 760px;
	height: 300px;
}
#bodymain #navbar {
	background-image: url(../images/title_dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 25px;
	padding-left: 10px;
}
#bodymain #classlist {
	padding: 5px;
	font-size: 16px;
	line-height: 25px;

}
#bodymain #sitelist {
	padding: 5px;
}
#bodymain #bodymaincontent {
	width: 500px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 130px;
	font-size: 14px;
	line-height: 25px;
	background-color: #FFEECA;
	padding: 10px;
	border: 1px dotted #FF9933;
}
#bodymain #bodymaincontent A {
	text-decoration: underline;
	font-weight: bold;
	color: #FF6600;
}
#bodymain #tf {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 550px;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
#bodymain #resultlist A {
	text-decoration: underline;
}

#bodymain #lt {
	font-size: 18px;
	color: #FF6600;
}

#bodymain #sm {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	color: #000000;
	width: 550px;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
#bodymain #obd {

	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 550px;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
#bodymain #bd label {
	width: 60px;
}
#bodymain #alarm{
	background-color: #FFCECE;
	margin-left: 260px;
	border: 1px dashed #FF0000;
	width: 240px;
	height:28px;
	margin-top: 40px;
	padding:10px;
}
table {
	font-size: 12px;
}
#google_ad {
	position:absolute;
	left:765px;
	top:0px;
	width:230px;
	height:600px;
	z-index:1;
}
#google_ad_lm {
	border: 1px solid #CCCCCC;
	width:578px;
	height:28px;
	margin-top:2px;
	margin-bottom:5px;
	padding:4px;
}
#google_ad #google_ad_cf {
	margin-top: 5px;
	border: 1px solid #CCCCCC;
	padding: 3px;
	line-height: 20px;
}
#google_ad #google_ad_cp {
	text-align: center;
	margin-top: 5px;
}

#infocontent {
	margin-left: 20px;
	line-height:22px;
	width: 700px;
	margin-top: 20px;
}
#infopage_banner {
	width: 760px;
	padding-left: 10px;
	background-image: url(../images/title_dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#center_banner_ad {
	height: 60px;
	width: 578px;
}
#infocontent h1 {
	background-color: #F7F7FF;
	height: 28px;
	font-size: 14px;
	margin-bottom:0px;
	padding-top:3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1CEFF;
}
#infocontent h2 {
	font-size: 10px;
	color: #CCCCCC;
	height: 20px;
	margin-top: 0px;
	margin-bottom:0px;
	font-weight: normal;
	padding-left: 15px;
	text-align: left;
}
#infocontent h3 {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	margin-top:0px;
	padding: 5px;
}
#infocontent #bloglist {
	list-style-type: none;
	margin:0px
}
