body{ margin:0; background:url(../images/bg.png) repeat-x; line-height:17px; font:13px Arial, Tahoma, Verdana; color:#424D55; text-align:center;}

h1 {font:21px Arial, Helvetica, sans-serif; color:#cc3333; margin:5px 0 10px 0;}
h2 {font:21px Arial, Helvetica, sans-serif; color:#cc3333; margin:5px 0 10px 0;}
h3 {font:18px Arial, Helvetica, sans-serif; color:#336699; margin:5px 0 10px 0;}
h4 {font:17px Arial, Helvetica, sans-serif; color:#cc3333; margin:5px 0 3px 0;}

li { line-height:21px}

#main {margin:0 auto; width:960px; text-align:left}
	#header {margin:10px 0 0 10px; width:200px; height:76px; float:left}
	#headmenu {margin-top:44px; width:750px; height:55px; float:left; text-align:right}

#ml {width:550px; padding:20px 0 0 10px; float:left}
#mr {width:400px; padding:20px 0 0 0; float:left}
#mc {width:950px; padding:20px 0 0 10px; float:left}

.m1 {display:block; width:67px; height:55px; background:url(../images/menu.png) no-repeat 0px 0px; float:right}
a.m1:hover, a.m1:visited:hover {background:url(../images/menu.png) no-repeat 0px -60px}
.m1on {display:block; width:67px; height:55px; background:url(../images/menu.png) no-repeat 0px -60px; float:right}

.m2 {display:block; width:68px; height:55px; background:url(../images/menu.png) no-repeat -68px 0px; float:right}
a.m2:hover, a.m2:visited:hover {background:url(../images/menu.png) no-repeat -68px -60px}
.m2on {display:block; width:68px; height:55px; background:url(../images/menu.png) no-repeat -68px -60px; float:right}

.m3 {display:block; width:77px; height:55px; background:url(../images/menu.png) no-repeat -137px 0px; float:right}
a.m3:hover, a.m3:visited:hover {background:url(../images/menu.png) no-repeat -137px -60px}
.m3on {display:block; width:77px; height:55px; background:url(../images/menu.png) no-repeat -137px -60px; float:right}

.m4 {display:block; width:100px; height:55px; background:url(../images/menu.png) no-repeat -215px 0px; float:right}
a.m4:hover, a.m4:visited:hover {background:url(../images/menu.png) no-repeat -215px -60px}
.m4on {display:block; width:100px; height:55px; background:url(../images/menu.png) no-repeat -215px -60px; float:right}

.m5 {display:block; width:91px; height:55px; background:url(../images/menu.png) no-repeat -316px 0px; float:right}
a.m5:hover, a.m5:visited:hover {background:url(../images/menu.png) no-repeat -316px -60px}
.m5on {display:block; width:91px; height:55px; background:url(../images/menu.png) no-repeat -316px -60px; float:right}

.menuline {background:url(../images/menu_line.png) no-repeat; width:3px; height:55px; display:block; float:right}

.motto {font:italic 18px Arial, Helvetica, sans-serif; margin:0;}
.dragwindow {margin-top:15px; width:147px; height:96px; background:url(../images/dragwindow.png) no-repeat; padding:20px 0 0 379px; display:block}

.item {margin-top:20px; width:235px; float:left}
.item_line {margin-top:20px; width:35px; height:130px; background:url(../images/item_line.png) no-repeat 12px 0; float:left; display:block}

.ok {font:bold 13px Arial, Tahoma, Verdana; width:400px; height:15px; text-align:left; padding:10px; color:#22AD12; background:#EDFDB5; }
.er {font:bold 13px Arial, Tahoma, Verdana; width:400px; height:15px; text-align:left; padding:10px; color:#990000; background:#FFCACA; }

#video { width:379px; height:307px; padding:13px 0 0 11px; background:url(../images/video_bg.png) no-repeat}



		a.tl:link, .tl a {color:#0099FF; text-decoration:none;}
		a.tl:hover {color:#0099FF; text-decoration:underline;}
		a.tl:visited {color:#0099FF; text-decoration:none; }
		a.tl:visited:hover {color: #0099FF; text-decoration:underline;}

	.pl {padding-left:8px;font:normal 11px Tahoma, Arial, Verdana; color:#999}
	.plr {padding-left:8px; padding-right:8px}
	.ptb {padding-top:8px; padding-bottom:3px}
	
	.list {font:11px Tahoma, Arial, Verdana; text-align:left; }
	.list_info { font-weight:normal; color:#999; margin:8px 0 0 0; padding-bottom:25px;}

	.list_link {; }
		
		a.list_link:link, .list_link a {color:#0099FF; text-decoration:none;}
		a.list_link:hover {color:#0099FF; text-decoration:underline;}
		a.list_link:visited {color:#0099FF; text-decoration:none; }
		a.list_link:visited:hover {color: #0099FF; text-decoration:underline;}
		
	.list_posted {font-weight:bold}
		
		a.list_posted:link, .list_posted a {color:#FF6600; text-decoration:none;}
		a.list_posted:hover {color:#FF6600; text-decoration:underline;}
		a.list_posted:visited {color:#FF6600; text-decoration:none; }
		a.list_posted:visited:hover {color: #FF6600; text-decoration:underline;}

.btarea {width:600px; height:315px; border:solid 1px #B8D7F9; font:13px Tahoma, Verdana, Arial; color:#D37034; overflow:hidden; line-height:20px; padding:10px}
.ttarea {width:500px; height:115px; border:solid 1px #B8D7F9; font:13px Tahoma, Verdana, Arial; color:#D37034; overflow:hidden; line-height:20px; padding:10px}
.tinput {width:148px; height:20px;	border:solid 1px #B8D7F9; font:13px Tahoma, Verdana, Arial; color:#666; padding-left:2px; padding-top:5px}

.wscode {color:#ff6600; font-style:italic; font-weight:bold;}	

#footer { width:960px; text-align:right;}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.paging {width:450px; height:24px; margin-left:80px; padding-top:4px; text-align:center;}
	.pline { margin-left:12px; margin-right:12px; color:#999;}
	
		a.plink:link, .plink a {color:#2480BB; text-decoration:none}
		a.plink:hover {color: #2480BB; text-decoration:underline}
		a.plink:visited {color: #2480BB; text-decoration:none}
		a.plink:visited:hover {color: #2480BB; text-decoration:underline}

.textbox {
	width:250px; 
	background: #fff url(../images/textbox.png) repeat-x; 
	color:#0066CC; 
	border-top: 1px solid #7c7c7c; 
	border-left: 1px solid #c3c3c3; 
	border-right: 1px solid #c3c3c3; 
	border-bottom: 1px solid #ddd; 
	padding: 4px; 
	margin: 3px 0; 
	font:13px Arial, Helvetica, sans-serif;
	float:left;
}

.textarea { 
	width:250px; 
	height:120px; 
	background: #fff url(../images/textbox.png) repeat-x; 
	color:#0066CC; 
	border-top: 1px solid #7c7c7c; 
	border-left: 1px solid #c3c3c3; 
	border-right: 1px solid #c3c3c3; 
	border-bottom: 1px solid #ddd; 
	font:13px Arial, Helvetica, sans-serif; 
/*	overflow:hidden; */
	overflow:auto;
	float:left;
	line-height:20px; 
	padding:4px
}