h1 {font-size: 2em; margin: .67em 0;}
h2 {font-size: 1.5em; margin: .5em 0;}
h3 {font-size: 1.17em; margin: .5em 0;}
h4, th {font-size: 1em; margin: 1em 0;}
h5 {font-size: .83em; line-height: 1.17em; margin: 1.67em 0;}
h6 {font-size: .67em; margin: 2.33em 0;}
h1, h2, h3, h4, h5, h6, th {font-weight: bolder;}
p{padding:5px 0;}
table{margin:10px 0;}

body{background:url(../assets/home/stripe.png); font:12px normal Arial, Helvetica, sans-serif;}
.container{width:1000px; margin:0 auto;}


/*header*/
.header{height:150px; background:url(../assets/home/logo2.jpg);}
#logo{position:relative; left:10px; top:20px;}
/*end of header*/


/*navigation*/
.nav{font: 10px bold Verdana, Arial, Helvetica, sans-serif;}
ul#topnav {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background: url(../assets/home/tab.gif);
	top: -25px;
	z-index: 989;
}
ul#topnav li {
	float: left;
	margin: 0; 
	z-index: 989;

}
ul#topnav li a {
	padding: 13px 20px;
	display: block;
	color: #fff;
	text-decoration: none;
}

ul#topnav li:hover { 
	background: url(../assets/home/hoverred.gif);
	z-index: 989; 
}

ul#topnav li span {
	float: left;
	padding-top: 8px;
	position:absolute;
	display: none;
	height:18px;
	color: #fff;
	z-index:999;
	background: url(../assets/home/spanhoverred.gif);
}
span#about{width:410px; left: 0;}
span#academics{width:350px; left: 50px;}
span#teachers{width:335px; left: 140px;}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; color:#fff; padding: 0 10px 0;}
ul#topnav li span a:hover {text-decoration: underline; color:#ccc;}
/*end of navigation*/

/*crumb*/
.crumb{position:relative;top:4px;}
#crumbs {
	height:2.3em;
	border:1px solid #dedede;
	list-style-type:none;
	padding:0;
	height: 25px;
	background:#fff;
	}
#crumbs li {
	float:left;
	line-height:2.2em;
	color:#777;
	padding-left:10px;
	margin:0;
	position:relative;
	top: -29px;
	left:5px;
	}		
#crumbs li a {
	background:url(../assets/crumb/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 5px;
	margin-left: -.06em;
	}							
#crumbs li a:link,#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
a:link, a:visited,	#crumbs li a:hover, #crumbs li a:focus {color:#000;}
/*end of crumb*/	
	
.content{height:auto; min-height:500px; background: url(../assets/home/subContentbg.gif); padding:20px; position:relative; top:-8px;}


/*welcomebox*/
.table{border:1px solid #666; margin-top:10px;}
.rowHeader{padding:15px 0px; text-align:center; border:1px dotted #666;}
.row{padding:5px 10px; border:1px dotted #666;}
/*end of welcome*/


/*anoucement board*/
.anouncement{
	position:relative;
	top:-6px;
	left:-10px;
	padding:0px 10px 0px;
	float:right;
	background-image:url(../assets/home/scroll1.png);
	width:310px;
	height:470px;
	}
.info{width:265px; height:335px; position:relative; top:60px; left:-5px; overflow:auto;}
.list{list-style:url(../assets/home/rightlist.png) outside; margin-top:5px; padding:5px 0; font-weight:bold;}
.subinfo{list-style:none; font-weight:100; margin-left:-23px;}
.flyer{padding-left:30px;}
.flyer a:link,a:active, a:visited{color:#F00; text-decoration:none;}
.link a:link,a:active, a:visited{color:#009; text-decoration:underline;}
#emp{color:#C00;}

/*footer*/
.footer{height:15px; font-size:10px; position:relative; top:-18px;}
.footer ul{list-style:none; text-align:center; background:#CCC; padding:10px 0px;}
.footer li{display:inline;}
.notice a{color:#f00;}
/*end of footer*/


/*chinese school*/
.makeRed{
	font-family:"Comic Sans MS", cursive;
	font-size:14px;
	font-weight: bold;
	color: #F00;
}
/*end of chinese school*/

/*activities*/
.month{list-style:none; padding-bottom:7px; font-weight:bold;}
.month ul{font-weight:200;}
/*end of activities*/

/*enrollment*/
.info_bold{font-size:13px; font-weight: bold; list-style:none; margin-left: -20px;}
#notice h4{margin: 40px 0px 0px;}
.cap_bold{font-size:12px; font-weight:bold; }
/*end of enrollment*/


/*accreditation*/
#accreditation{
	list-style-position:inside;
	position:relative;
	left: -36px;
}

#accredschools{
	color: #F00;
	font-family: "Comic Sans MS", cursive;
	font-weight: bold;
	font-size:13px;
	list-style:none;
	padding:10px 0;
}

#accredschools li{color: #000; font-weight:100; font:90% Verdana, Geneva, sans-serif ;}
.accredit{
	list-style:none;
}
.bottom{position:relative; top:30px; left:-40px;}
/*end of accreditation*/

/*curriculum*/
.schoolActivities li{padding:3px 0;}
/*end of curriculum*/


/*maps and schedule*/
.maps, .schedule{height:480px;}
.listnone{list-style:none; width:400px; height:400px; padding-top:10px; }
.right{float:left; position:relative; top:-430px; left:450px;}
a.download{text-align:center;}
/*end of maps and schedule*/

.clear{clear:both;}
/*teachers and staffs*/
.teachers{height:550px;}
.TabbedPanelsContent table .category{font-weight: bold; text-align:right; padding-right:10px;}
.TabbedPanelsContent table td, .bio td{padding:5px 0px; width:220px;}


.tabs li{display:inline; padding:0 15px;}
/*end of teachers and staffs*/


/*photos*/
.photopage{height:700px;}
.gallary{list-style:none; height:auto;}
.gallary li{display: inline;}
/*end of photos*/


/*contact*/
#panel h2{
	padding:0 5px;
	margin: 0;
	color: #333;
}

#panel li {
	margin: 5px 6px;
	padding: 2px;
	list-style: none;
	font-size:12px;
	color:#000;
	
}

#panel .content {
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
	height:430px;
}

#panel .content .left {
	width: 230px;
	height:440px;
	float: left;
	margin:0;
	padding:5px;
	position:relative;
	left:0;
	top:0;
}

#panel .content .left .grey{
	list-style: inside square;
	margin-left:-50px;
}
#panel .content .left th{
	font-size: 12px;
}

#panel .directions{
	height: 500px;
	font-size:11px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	padding: 0px;
	overflow: auto;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 180px;
	color: white;
	height: 16px;
}

#redBT{
	background-image:url(../assets/contact/getdir.gif); 
	color: #fff; font:"Comic Sans MS", cursive; 
	font-size:11px;
	padding:5px 2px;
	border: none;
	}

#panel .content input:focus.field {
	background: #545454;
}

/*end of contact*/


/*faq*/
.faq{position:relative; left:-40px; width:950px; margin:0; }
.faq li{list-style:none; padding: 5px 0;}

#DLRegisterButton{position:relative; left:640px; top:30px; z-index:99999;}