body {background: url(../images/bg-body.jpg) repeat left bottom; font-family: "Times New Roman", Times, serif; margin: 0;}
#background {background: url(../images/bg-pattern.jpg) repeat-x center top; min-height: 1200px; }
#page { width: 960px; margin: 0 auto;} 
#header { margin-bottom: 0px;}

#header-top{}
.banner {width:870px; float:left; margin-left:20px;}
.snlink{float:right; margin-top:0px; height:150px; width:32px;margin-right:20px;}
.snlink a{margin:0px;}
.fb{background: url(../images/snlink.png) 0 0; height:32px; width:32px;  margin-top:3px;}
.twitt{background: url(../images/snlink.png) -37px 0; height:32px; width:32px;  margin-top:0px;}
.lin{background: url(../images/snlink.png) -74px 0; height:32px; width:32px;  margin-top:0px;}
.mail{background: url(../images/snlink.png) -112px 0; height:32px; width:31px; margin-top:0px;}

#navigation {background: url(../images/bg-navigation.png) no-repeat;clear: both;height: 50px;width: 920px;padding: 1px; margin:0 auto;}
#navigation ul {display: inline-block;width: 920px;list-style: none;margin: 0;padding: 0;}
#navigation li {float: left;background-position: 0 -118px;background-repeat: no-repeat;height: 49px;width: 130px;margin: 0;padding-left: 1px;text-align: center;}
#navigation li:first-child {background: none;margin-left: 0;padding-left: 0;}
#navigation li a {color: #fff;display: block;font: bold 14px/48px Arial, Helvetica, sans-serif;height: 49px;text-decoration: none;text-transform: uppercase;}
#navigation li a:hover {background-position: 0 -59px;color: #6d6157;}
#navigation li.selected a {background-position: 0 0;color: #e4e1bd;}
#navigation li a:hover, #navigation li.selected a {background-image: url(../images/bg-menu.png);background-repeat: repeat-x;}

#slider .shell {	padding:0; margin-top:20px;}
#image-slider{width:900px; height:300px; padding:10px; position:relative; overflow:visible; background:url("../images/slider-frame.jpg") no-repeat center;}
#image-slider .prev{position:absolute; z-index:3; left:-14px; top:130px;}
#image-slider .next{position:absolute; z-index:3; right:-14px; top:130px;}
#image-slider ul{position:relative; width:860px; height:300px; margin:0 auto; overflow:hidden; z-index:2;}

#contents {display: inline-block;width: 960px;}
#notice{background-color:white; margin:0 20px; padding:0px 5px 10px 5px; border-radius:50px; height: 20px;}
#notice b{color: #316e66;}
#notice marquee{width:830px; float:right;margin-right:10px;  font-weight:bold; color:#005D47;}
#notice marquee:hover{color:#917157;}
#notice img{width:40px;}

#main{width:890px; background-color:white; height:auto; padding:15px; border-radius:3px; margin:0 auto;}
#main .left {border-right:2px dotted #538D64 !important;width:310px;padding:0 15px 0 0; float:left;display:inline; height:auto; margin-bottom:10px;}
#main .left table{width:100%; }
#main .left th{background-color:#42998D; padding:5px; font-family: 'Petit Formal Script', cursive; color: #fff; display: block; font-size: 1.5em; font-weight: 600; text-align: center; border-radius:20px; color:white;}
#main  ul {list-style:circle;}
#main  ul li {padding:8px 12px;line-height:9px; } 
#main  ul li a{font-weight:bold; font-size:15px; color:#42998D; text-decoration:none;}
#main  ul li a:hover{color:#917157;}
#main .box {border:1px solid #42998D !important;width:285px; height:190px; padding:10px;float:left;display:inline;margin:0px;}
#main .box marquee{text-align:justify; height:190px; width:285px;}
#main .box ul {list-style:none;margin: 0;padding: 0; }
#main .box ul img{width:50px;}
#main .box ul li {padding:8px 12px; border-bottom:1px dotted #dcdcdc; line-height:22px;} 
#main .right {width:540px;padding:0 0px 0 15px; float:right;display:inline; height:auto; margin-bottom:10px;}
#main .content-home{	height: 550px;	margin-left:10px;	margin-right:10px;}
#main .content-home h1{font-size:22px; text-align:center; color:#ca3e33; margin-top:0px; height:30px; }
#main .content-home h2{font-size:20px; text-align:left; color:#917157; margin-top:0px; text-decoration:underline;}
#main .content-home h3{	color:#333333;   font-size: 15px;  line-height:27px; text-align:justify; }
.clear{clear:both;}

#footer {width:890px; background-color:#ac9e94; height:auto; color:white; padding:15px; border-radius:3px; margin:0 auto;	text-transform: uppercase; border-bottom:1px #634F2D;}
#footer a{text-decoration:none;color:#594334; padding:0 12px; font-size:16px;}
#footer a:hover{text-decoration:underline; color: #eee7c3;}

#developer{font-size:20px; color:#316e66; width:890px; margin:0 auto; font-weight:normal;}
#developer .left{float:left}
#developer .right{float:right}
#developer a{text-decoration:none; color:#316e66;}
#developer a:hover{color:#917157;}

#about{width:870px; background-color:white; height:auto; padding:15px 25px; border-radius:3px; margin:0 auto;}
#about h1 {color: #316e66;font: 26px/30px "Times New Roman", Times, serif;margin: 18px 0 20px;padding-left: 2px;text-transform: uppercase;}
#about img{border: 3px dotted #316e66;}

#admission{width:870px; background-color:white; height:auto; padding:15px 25px; border-radius:3px; margin:0 auto;}
#admission h1 {color: #316e66;font: 26px/30px "Times New Roman", Times, serif;margin: 18px 0 20px;padding-left: 2px;text-transform: uppercase;}
#admission img{border: 3px dotted #316e66;}

#staff{width:870px; background-color:white; height:auto; padding:15px 25px; border-radius:3px; margin:0 auto;}
#staff h1 {color: #316e66;font: 26px/30px "Times New Roman", Times, serif;margin: 18px 0 20px;padding-left: 2px;text-transform: uppercase;}

#courses{width:870px; background-color:white; height:auto; padding:15px 25px; border-radius:3px; margin:0 auto;}
#courses h1 {color: #316e66;font: 26px/30px "Times New Roman", Times, serif;margin: 18px 0 20px;padding-left: 2px;text-transform: uppercase;}
#courses strong{padding-left:50px;}

#fee{width:870px; background-color:white; height:auto; padding:15px 25px; border-radius:3px; margin:0 auto;}
#fee h1 {color: #316e66;font: 26px/30px "Times New Roman", Times, serif;margin: 18px 0 20px;padding-left: 2px;text-transform: uppercase;}

#error{width:870px; background-color:white; height:auto; padding:15px 25px; border-radius:3px; margin:0 auto;}
#error h1 {color: #316e66;font: 26px/30px "Times New Roman", Times, serif;margin: 18px 0 20px;padding-left: 2px;text-transform: uppercase;}

#contact{width:870px; background-color:white; height:auto; padding:15px 25px; border-radius:3px; margin:0 auto;}
#contact h1 {color: #316e66;font: 26px/30px "Times New Roman", Times, serif;margin: 18px 0 20px;padding-left: 2px;text-transform: uppercase;}

#contact form {float: right;color: #5a4535;height: 340px;width: 420px;border: 1px solid #5a4535;padding: 19px 19px 6px;}
#contact form table {border-collapse: collapse;}
#contact form table td {padding-bottom: 6px;}
#contact table td:first-child {font-size: 14px;line-height: 30px;width: 180px;text-transform: uppercase;}
#contact table td.txtarea {vertical-align: top;}
#contact form input {height: 17px;line-height: 17px;width: 278px;border: 1px solid #5a4535;border-radius: 2px;}
#contact textarea {height: 143px;line-height: 17px;width: 338px;border: 1px solid #5a4535;border-radius: 2px;overflow: auto;resize: none;}
#contact input.btn {background: url(../images/btn-send.png) no-repeat -70px 0;cursor: pointer;height: 26px;width: 60px;border: 0;padding: 0;margin: 0;}
#contact input.btn:hover {background-position: 0 0;}
#contact p span {display: block;font-weight:bold;text-transform: uppercase;}
#contact a{text-decoration:none; color:#005342; padding:5px 20px; background-color:white; border:4px solid #005342; margin-left:40px; border-radius:20px; font-weight:bold;}