@charset "utf-8";
body{
	margin:0px;
	padding:0px;
	background:url(images/body-bg.jpg) repeat-x #fff1c5;
}
p{color:#0e4970;line-height:20px; font-size:16px; font-family:Georgia, 'Times New Roman', Times, serif;}
#content-left li{color:#0e4970;line-height:20px; font-size:16px; font-family:Georgia, 'Times New Roman', Times, serif ;line-height:24px;}
#content-left a, a:link, a:active, a:visited{color:#0e4970;font-size:16px; font-family:Georgia, 'Times New Roman', Times, serif ;}
#content-left a:hover{color:#2592b3;font-size:16px; font-family:Georgia, 'Times New Roman', Times, serif ;}
#content-left img{border:3px solid #fff;}
#content-left td{font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.bold{font-weight:bold}
#content-left h1 { 
color:#785414;
font: bold 1.6em Georgia, 'Times New Roman', Times, serif;
text-transform:uppercase;
border-bottom:1px dotted #d6b977

}
#content-left h2 { 
color:#2592b3;
font: bold 1.3em Georgia, 'Times New Roman', Times, serif;
text-transform:uppercase;

}
#container {
	width:1003px;
	min-height:500px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#002448;
	margin:0 auto;
	background:url(images/container-bg.jpg) no-repeat;
}
* html #container {
	width:1003px;
	height:500px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#002448;
	margin:0 auto;
	background:url(images/container-bg.jpg) no-repeat;
}
a, a:link, a:active, a:visited{
	Text-decoration:none;
	color:#000033;

}
 a:hover{
	Text-decoration:underline;
	color:#000033;
}
#top-bar{
	width:1003px;
	height:80px;
	padding-top:30px;
	clear:both;
}
#top-bar-left{
	width:510px;
	padding-left:90px;
	height:38px;
	padding-top:12px;
	float:left;
	font-size:21px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFF00;	
}
#top-bar-right{
	width:330px;
	height:38px;
	float:right;
	color:#fff;
	padding-top:12px;
}
#top-bar-right ul{padding:0px;margin:0px;list-style: none;}
#top-bar-right li{
	display:inline
	
	}
#top-bar-right a, a:link, a:visited, a:active {
	
	float: left;
	height: 20px;
	margin-right: 10px;
	background: url(images/top-links-up.png) no-repeat top left;
	border-bottom: none;
	text-decoration: none;
	color: #a64809;
	width:99px;
	text-align:center;
	padding-top:5px;
	font-weight:bold;
	margin-top:0px;
	padding-left:0px;
	padding-right:0px;
	font-size:12px;
}
#top-bar-right .active a, #top-bar-right a:hover {
	height: 20px;
	background:  url(images/top-links-dn.png) no-repeat top left;
    color:#022042;
	width:99px;
	padding-top:5px;
	font-weight:bold;
    margin-top:0px;
	padding-left:0px;
	padding-right:0px;
	font-size:12px;
}




#horizontal-menu{
	width:990px;
	margin-left:10px;
	height:25px;
	clear:both;
	margin-top:8px;
}


#menu {
margin:0px;
padding:0px;
}

#horizontal-menu ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

#horizontal-menu li {
	display: inline; text-align:center;
}

#horizontal-menu a, a:link, a:visited, a:active {
	
	float: left;
	height: 20px;
	margin-right: 10px;
	background: url(images/bt_dn_short.png) no-repeat top left;
	border-bottom: none;
	text-decoration: none;
	color: #ffffff;
	width:112px;
	text-align:center;
	padding-top:5px;
	font-weight:bold;
	margin-top:0px;
	padding-left:0px;
	padding-right:0px;
	font-size:12px;
}

#horizontal-menu .active a, #horizontal-menu a:hover {
	height: 20px;
	background:  url(images/bt_up_short.png) no-repeat top left;
    color:#022042;
	width:112px;
	padding-top:5px;
	font-weight:bold;
    margin-top:0px;
	padding-left:0px;
	padding-right:0px;
	font-size:12px;
}

#sub-link{
	width:1003px; 
	height:20px; 
	margin-top:8px;

}
#sub-link ul{padding:0px;margin:0px;list-style: none;}
#sub-link li{
	display:inline
	
	}
#sub-link a, a:link, a:visited, a:active {
	
	float: left;
	height: 20px;
	margin-right: 10px;
	background: none;
	border-bottom: none;
	text-decoration: none;
	color: #fff;
	width:auto;
	text-align:center;
	padding-top:5px;
	font-weight:bold;
	font-size:13px;
	margin-top:0px;
	padding-left:10px;
	padding-right:10px;
}
#sub-link .active a, #sub-link a:hover {
	height: 20px;
	background:none;
    color: #FFCC00;
	width:auto;
	padding-top:5px;
	font-weight:bold;
    margin-top:0px;
	padding-left:10px;
	padding-right:10px;
	font-size:13px;
}
#content{
	width:1003px;
	clear:both;
	margin-top:20px;
	min-height:600px;
}
* html #content{
	width:1003px;
	clear:both;
	margin-top:20px;
	height:600px;
}
#content-left{
	width:588px;
	float:left;
	padding:6px;

}
#content-right{
	width:400px;
	float:right;
}
#login{width:400px;
clear:both;
min-height:208px;
margin-top:4px;
}
* html #login{width:400px;
clear:both;
height:208px;
margin-top:4px;
}
#login-left{
width:200px;
height:208px;
float:left;
background:url(images/yellow-bg.png) no-repeat;
}
#login-right{
width:170px;
height:168px;
padding-top:40px;
padding-left:20px;
padding-right:10px;
float:right;
background:url(images/yellow-bg.png) no-repeat;
}
* html #login-left{
width:200px;
height:208px;
float:left;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/yellow-bg.png');
background:none;
}
* html #login-right{
width:170px;
height:168px;
padding-top:40px;
padding-left:20px;
padding-right:10px;
float:right;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/yellow-bg.png');
background:none;
}
#footer{height:30px; background:yellow; clear:both; background:url(images/footer-bg.png) no-repeat; margin-top:10px; padding-left:120px; padding-top:40px;}
# html #footer{height:70px; background:yellow; clear:both; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/yellow-bg.png');background:none; margin-top:10px;}
#login-right h1 { 
color:#000;
font-size:10px;
text-transform:uppercase;
text-align:center
}
#login-right a, a:link, a:active, a:visited{ 
color:#000;
font-size:10px;
text-decoration:none;
padding:0px;
margin:0px;
float:none;
}
#login-right a:hover{ 
color:green;
font-size:10px;
text-decoration:none;
padding:0px;
margin:0px;
float:none;
}
#calender{width:377px;
clear:both;
height:272px;
margin-top:4px;
background:url(images/calender-bg.png) no-repeat;
margin-left:13px;
}

* html #calender{width:400px;
clear:both;
height:272px;
margin-top:4px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/teacher-bg.png');
background:none;}

#book{width:377px;
clear:both;
height:360px;
margin-top:4px;
background:url(images/book-bg.png) no-repeat;
margin-left:13px;
text-align:center;
font-size:18px;
font-family:Georgia, 'Times New Roman', Times, serif;
}

* html #book{width:400px;
clear:both;
height:360px;
margin-top:4px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/teacher-bg.png');
background:none;
text-align:center;
font-size:18px;
font-family:Georgia, 'Times New Roman', Times, serif;
}

#corner{width:400px;
clear:both;
min-height:208px;
margin-top:4px;
}
* html #corner{width:400px;
clear:both;
height:208px;
margin-top:4px;
}
#corner-left{
width:170px;
height:94px;
float:left;
background:url(images/students-bg.png) no-repeat;
padding-top:120px;
padding-left:20px;
padding-right:10px;
text-align:center;
}
#corner-right{
width:170px;
height:99px;
padding-top:115px;
padding-left:20px;
padding-right:10px;
float:right;
background:url(images/teacher-bg.png) no-repeat;
color:#fff;
text-align:center;
}
* html #corner-left{
width:170px;
height:94px;
padding-top:120px;
padding-left:20px;
padding-right:10px;
float:left;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/students-bg.png');
background:none;
text-align:center;
}
* html #corner-right{
width:170px;
height:99px;
padding-top:115px;
padding-left:20px;
padding-right:10px;
float:right;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/teacher-bg.png');
background:none;
color:#fff;
text-align:center;
}
#corner-right h1 { 
color:#fff;
font-size:12px;
text-transform:uppercase;
text-align:center;
margin-bottom:40px;
padding-top:20px;
font: bold 1em/1.5em Georgia, 'Times New Roman', Times, serif;
}
#corner-right a, a:link, a:active, a:visited{ 
color:yellow;
font-size:12px;
text-decoration:none;
padding:0px;
margin:0px;
float:none;
}
#corner-right a:hover{ 
color:black;
font-size:12px;
text-decoration:none;
padding:0px;
margin:0px;
float:none;
}
#corner-left a, a:link, a:active, a:visited{ 
color:yellow;
font-size:12px;
text-decoration:none;
padding:0px;
margin:0px;
float:none;
}
#corner-left a:hover{ 
color:black;
font-size:12px;
text-decoration:none;
padding:0px;
margin:0px;
float:none;
}
/* form */
form,input,select,textarea{margin:0; padding:0; color:#ffffff;}

div.box {
margin:0 auto;
width:170px;
position:relative;
top:35px;
left:5px;
border:0px solid #262626;
}

div.box h1 { 
color:#000;
font-size:10px;
text-transform:uppercase;
padding-top:5px ;
text-align:center
}

div.box label {
width:100%;
display: block;
border-top:0px solid #262626;
border-bottom:0px solid #161712;
padding:0;
}

div.box label span {
display: block;
color:#000;
font-size:10px;
float:left;
width:65px;
text-align:left;
padding-top:5px;
padding-bottom:5px;
}

div.box .input_text {
padding:4px 4px;
width:90px;
background:#e6e2ba;
border-bottom: 1px double #d0c954;
border-top: 1px double #d0c954;
border-left:1px double #d0c954;
border-right:1px double #d0c954;
margin-bottom:5px;
color:#575420
}

div.box .message{
padding:7px 7px;
width:350px;
background:#262626;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
overflow:auto;
height:150px;
}

div.box .button
{
margin:0 0 0px 0;
padding:2px 7px;
background:#04445f;
border:0px;
position: relative;
top:10px;
left:65px;
width:100px;
border-bottom: 1px double #72cbf0;
border-top: 1px double #72cbf0;
border-left:1px double #72cbf0;
border-right:1px double #72cbf0;
}

/* form ends here */

/* form1 */
div.box1 {
margin:0 auto;
width:560px;
top:20px;
margin-bottom:20px;
}

div.box1 h1 { 
color:#735c27;
font: bold 1.4em Georgia, 'Times New Roman', Times, serif;
text-transform:uppercase;
padding:5px 0 5px 5px;

}

div.box1 label {
width:100%;
display: block;

padding:10px 0 10px 0;
}

div.box1 label span {
display: block;
color:#534119;
font-size:12px;
float:left;
width:120px;
text-align:right;
padding:5px 20px 0 0;
}

div.box1 .input_text {
padding:10px 10px;
width:200px;
background:#f2e0c3;
border-bottom: 1px double #c6ab80;
border-top: 1px double #c6ab80;
border-left:1px double #c6ab80;
border-right:1px double #c6ab80;
color:#534119;
}
div.box1 .input_text1 {
padding:10px 10px;
width:280px;
background:#f2e0c3;
border-bottom: 1px double #c6ab80;
border-top: 1px double #c6ab80;
border-left:1px double #c6ab80;
border-right:1px double #c6ab80;
color:#534119;
}
div.box1 .message{
padding:7px 7px;
width:350px;
background:#f2e0c3;
border-bottom: 1px double #c6ab80;
border-top: 1px double #c6ab80;
border-left:1px double #c6ab80;
border-right:1px double #c6ab80;
overflow:auto;
height:150px;
color:#534119;
}

div.box1 .button
{
margin:0 0 10px 0;
padding:4px 7px;
background:#002349;
border:0px;
position: relative;
top:10px;
left:140px;
width:120px;
border-bottom: 1px double #3d648f;
border-top: 1px double #3d648f;
border-left:1px double #3d648f;
border-right:1px double #3d648f;
}
div.box1 .button1
{
margin:0 0 10px 0;
padding:4px 7px;
background:#002349;
border:0px;
position: relative;
top:4px;
left:10px;
width:120px;
border-bottom: 1px double #3d648f;
border-top: 1px double #3d648f;
border-left:1px double #3d648f;
border-right:1px double #3d648f;
}

/* form1 end */
#photo-gallery{

}
#content-left-inner{
	width:565px;padding-left:10px;padding-right:10px; padding-top:10px; background:#f7e7c3; border:1px solid #e8cc8f; margin-top:10px; padding-bottom:10px; min-height:340px;
}
* html #content-left-inner{
	width:565px;padding-left:10px;padding-right:10px; padding-top:10px; background:#f7e7c3; border:1px solid #e8cc8f; margin-top:10px; padding-bottom:10px; height:340px;
}