@charset "utf-8";
/* CSS Document */

body,html {
	margin: 0px;
}

#main{
    margin:0 auto;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#top{
    background-image:url(../img/top.jpg);
	height:185px;
}

/* all left css */
#left{
    width: 225px;
	float:left;
}

#left #menu ul{
    padding:0;
	margin:0;
}
#left #menu li{
	float:left;
	list-style:none;
	width:207px;
	height:21px;
	background-image:url(../img/mb01.jpg);
	border-top: #4c4c4c solid 1px;
	font-size:14px;
	color:#fff;
	padding-top:9px;
	padding-left:18px;
}

#left #menu li a,#left #menu li a:link{
	color:#fff;
	text-decoration:none;
}

#left #menu li a:hover{
	color:#ffcc00;
	padding-left:1px;
	text-decoration:none;
}

#left #menu li.li1 a,#left #menu li.li1 a:link{
    color:#000;
}

#left #menu li.li1 a:hover{
    color:#ffcc00;
	padding-left:0;
}

#left #menu li.li1{
	width:196px;
	height:19px;
	background-image:url(../img/mb03.jpg);
	border-top: #fff solid 1px;
	font-size:12px;
	color:#000;
	padding-top:5px;
	padding-left:29px;
}

#left #menu li.li2{
	width:207px;
	height:19px;
	background-image:url(../img/mb02.jpg);
	border-top: #fff solid 1px;
	font-size:12px;
	color:#000;
	padding-top:5px;
	padding-left:18px;
}

#left #contact{
    float:left;
    background-image:url(../img/gLine03.jpg);
	height:200px;
}

#left #contact img{
    display:block;
}

#left #contact #contactword{
    padding:16px 0 0 18px;
	line-height:150%;
	width:200px;
	color:#333;
}

#left #contact #contactword span{
    padding-left:60px;
}
#left #contact #contactword a,#left #contact #contactword a:link,#copyright #copycontact a,#copyright #copycontact a:link{
    font-size:11px;
	color:#00458c;
	text-decoration:none;
}

#left #contact #contactword a:hover,#copyright #copycontact a:hover{
	color:#000;
	text-decoration:underline;
}

/* all right css */
#right{
    width: 225px;
	float:right;
}

#right #units{
    background-image:url(../img/gLine02.jpg);
	height:130px;
}

#right #coms{
    background-image:url(../img/gLine02.jpg);
	height:180px;
}

#right #units ul,#right #coms ul{
    padding:0;
	margin:0;
}

#right #units li{
	float:left;
	list-style:none;
	width:160px;
	height:21px;
	font-size:12px;
	padding-top:15px;
	padding-left:18px;
}

#right #units li a,#right #units li a:link{
    color:#00458c;
	text-decoration:none;
}
#right #units li a:hover{
    color:#000;
	text-decoration:underline;
}

#right #units li.title,#right #coms li.title{
	list-style:none;
	width:207px;
	height:21px;
	background-image:url(../img/mb04.jpg);
	border-top: #4c4c4c solid 1px;
	font-size:14px;
	color:#fff;
	padding-top:9px;
	padding-left:18px;
}

#right #id img{
    display:block;
}

/* all content css */
#content{
    float:left;
	width:542px;
	padding:0 4px;
}

#content #allclass div{
    float:left;
	width:100%;
}

#content #allclass ul{
    margin:0;
	padding:0;
}

#content #allclass li{
    float:left;
	list-style:none;
	border-top:#4c4c4c solid 1px;
	padding-left:20px;
	padding-top:7px;
	height:23px;
	width:522px;
	background-image:url(../img/mb05.jpg);
	font-size:14px;
}

#content #allclass li a,#content #allclass li a:link{
    color:#000;
	text-decoration:none;
}

#content #allclass li a:hover{
    color:#ffcc00;
}
#content #allclass li a div{
	float:right;
	font-size:12px;
	color:#ffcc00;
	position:relative;
	top: 0px;
	width:100px;
}

#content #allclass div table.classtable,#content #menuintro table.signup{
    border:1px solid #999;
	border-collapse:collapse;
	background-color: #eff;
	width:100%;
}

#content #allclass div table.classtable td,#content #menuintro table.signup td{
    border:1px solid #ccc;
	line-height:125%;
	padding:4px;
}

#content #allclass div table.classtable td span{
	color:#00458c;
}

#content #allclass div table.classtable tr.tr1{
    background:#0a51a1;
	color:#fff;
	font-size:14px;
}
#content #allclass div table.classtable tr.tr2{
    background:#D9F4FF;
	font-weight:bold;
}

#content #allclass div table.classtable ol{
	padding:0 0 0 30px;
	margin:0 0 0 0;
}

#content #allclass div table.classtable li{
    list-style-type: decimal;
    background-image:none;
	border:none;
	font-size:12px;
    padding:0;
	height:auto;
	width:auto;
	float:none;
}

#content #mainflash{
    border-bottom:4px #333 solid;
}

#content #classintro{
    padding:0 8px;
	color:#333;
	line-height:150%;
}

#content #classintro span{
    color:#666600;
	font-size:14px;
	font-weight:bold;
}

#content #classintro span.spec{
    color:#990000;
	font-size:12px;
	font-weight:normal;
}
#content #classintro span.spec2{
    color:#cc0000;
	font-size:12px;
}

#content img.mt{
    border-bottom:1px #333 solid;
}

#content #menuintro img{
    border:#999 solid 1px;
}

#content #menuintro table.signup td input.sign{
    border:#666 solid 1px;
	width:200px;
	height:16px;
	padding-top:4px;
	padding-left:2px;
	font-size:12px;
	color:#0a51a1;
}

#content #menuintro table.signup td input.sign2{
	width:50px;
	height:30px;
	font-size:14px;
	color:#000;
}

#content #menuintro table.signup td textarea{
    border:#666 solid 1px;
	width:400px;
	height:120px;
	padding-top:4px;
	padding-left:2px;
	font-size:12px;
	color:#0a51a1;
}

#content #menuintro table.signup td select{
	height:24px;
	font-size:12px;
	color:#0a51a1;
}

#content #menuintro table.signup td span{
	color:#cc0000;
	font-size:20px;
}

#content #menuintro #exptop{
    padding:0 20px;
	line-height:150%;
}

#content #menuintro ul{
    padding:0;
	margin:0;
}

#content #menuintro li{
    float:left;
	list-style-type:none;
	width:160px;
	height:230px;
	padding:10px;
}

#content #menuintro li img{
    display:block;
	margin-bottom:5px;
}

#content #unitintro{
    padding:0 20px;
	line-height:150%;
	color:#333;
}

#content #unitintro span{
	color:#0a51a1;
	font-size:14px;
}

/* all copyright css */
#copyright{
	background-image:url(../img/gLine04.jpg);
	border-top:#999999 solid 1px;
	height:66px;
	color:#333;
}

#copyright #copyunits{
    float:left;
	margin:15px;
	width:241px;
	line-height:150%;
}

#copyright #copycontact{
    float:left;
	margin:15px 0;
	padding-left:10px;
	width:600px;
	line-height:150%;
	border-left:#00458c 2px solid;
}

#clearall{
    clear:both;
	height:5px;
}
