/* CSS Document */
/*Reset css */
html, body, div, span, applet, object, iframe, 
h1, h2,  h4, h3, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body{font-family:"Comic Sans MS" Arial, Helvetica, sans-serif; font-size:13px; color:#333; background-color:#006699; }
ol, ul{list-style:none}
blockquote, q{quotes:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}

/*headings */
h1 { font-size:22px ; padding:0 0 5px 0; margin:0px; color:#ff6600; font-weight:normal; }
.brclear{clear:both; font-size:1px; margin:0px; height:0px; line-height:0px;}
.main { overflow:auto; width:1004px; margin:0px auto; background:url(../images/bon-bg.jpg) no-repeat ; height:700px; }

/*header section*/
.header { width:984px; height:175px; padding:10px 0 0 20px; }
.header .links {  width:100px; float:left; margin:47px 0 0 0px; padding:0 0 0 390px;  }
.header .clock {  width:170px;  margin:15px 0px 0 540px; padding:0; float:left; position:relative; color:#588205;  }
*html .header .clock { margin-left:360px; }
.clock span { font-weight:bold; margin-left:50px; color:#ea1c26; } 
.header img { padding:0px; float:left; }
.heder_sec { background-color:#FFFF99; float:left; width:650px; margin-left:100px; }

/*navigation section*/
#navigation{ width:140px; float:left; padding:0px 0 0px 0px; margin:5px 20px 0 20px; }
*html #navigation { margin-left:10px; }
#navigation ul { padding:0px 0 0 0; margin:0px 0 0 0; list-style-type:none; width:150px; margin:0 0 0 20px; }
#navigation ul li{ margin:0; padding:0 0 0 0px; list-style-type:none; font-size:14px; border-bottom: solid 1px #b8690d;  }
#navigation ul li a{ margin:0 3px 0 3px; display:block; padding:0 ; color:#ffff99; line-height:22px; text-decoration:none; font-weight:bold; }
#navigation ul li a:hover { text-decoration:none; color:#e4ee62; background:url(../images/nav_over.gif) no-repeat left ; padding:0 0 0 20px; line-height:22px; }

#navigation .bnone { border-bottom:none;}

/*layout*/
.body_container { width:100%; margin:0; padding:0 0px 0px 0px; float:left; }

.sub_sec { margin:0px 0px 0 40px; width:720px; height:auto; float:left; padding:5px 15px 0 15px; border:solid 1px #a5dcee; background-color:#ffffff; color:#37342d; height:380px; overflow:auto; }
*html .sub_sec { margin-left:10px; }
.sub_sec h2 { font-size:22px; color:#ea1c26; padding:0px 0px 3px 0px; font-weight:normal; margin:0 0 10px 0; border-bottom: dotted 1px #FEC002; }
.sub_sec h2 span {  font-size:14px; color:#3366cc; float:right; margin:-25px 0 0px 0; }
.sub_sec h2 span a { text-decoration:underline; color:#588205; }
.sub_sec h2 span a:hover { text-decoration:none; color:#ea1c26; }
.sub_sec h4 { font-size:18px; color:#588205; padding:0px 0px 3px 0px; font-weight:bold; margin:0 0 0px 0; font-weight:normal; }
.sub_sec p { font-size:14px; color:#3366cc; line-height:18px; padding:0 0px 12px 0px; margin:0 ; text-align:justify;  }
.sub_sec p a { text-decoration:underline; color:#ea1c26; }
.sub_sec p a:hover { text-decoration:none; color:#588205; }
.sub_sec img { float:right; padding:10px; border:solid 1px #cccccc;  background-color:#FFFFFF; margin:0 0 12px 20px; }
.sub_sec ul { list-style-type:disc; margin:0 0 15px 35px; padding:0; color:#3366cc; line-height:18px; }
.sub_sec ul li a { color:#ea1c26; text-decoration:underline;  }
.sub_sec ul li a:hover { color:#588205;  text-decoration:none;}

.sub_sec p span { color:#ea1c26; }

/* Footer CSS */
.footer { width: 650px; margin:5px 0 0 0;  padding:5px 0 41px 0; height:20px; float:left; }
.footer p { text-align:center; color:#ffffff; padding:30px 0 0 20px; margin:0; line-height:20px; }

#gallery img { margin:0px 8px 8px 5px; padding:5px; float:left; }
#gallery .photo h3 { font-size:16px; color:#588205; padding:5px 0px 10px 0px; font-weight:normal; width:320px; text-align:center; float:left; }
#gallery .photo h3 a{ text-decoration:none; color:#588205; }
#gallery .photo h3 a:hover { text-decoration:none; color:#ea1c26; }
#gallery .photo { width:330px; float:left; margin:0px 5px 5px 10px; }

#classroom  { padding:5px; margin:20px 0px 0  100px; float:left; border:none; border:solid 1px #e2e3e5; width:500px; }
*html #classroom { margin-left:50px; }
#classroom img { padding:0; margin:0; float:left; border:none; }
#cctv img { padding:1px; margin:0 0 0 220px; float:left; }
#cctv h3 { padding:2px; margin:0 5px 10px 0; font-size:16px; float:left; width:180px; border:solid 1px #f9f9f9; background-color:#588205; font-weight:normal; text-align:center; }
#cctv h3 a { color:#ffffff; text-decoration:none; }
#cctv h3 a:hover { color:#ea1c26; text-decoration:none; }
#cctv p strong { font-size:14px; }
#cctv .cctv img { text-align:center; margin:5px 0 0 220px; padding:10px; border:solid 1px #e2e3e5; }

.help strong { font-size:14px; color:#588205; }
.help p img { padding:0; margin:0; border:none; float:none;  }

#curri img { margin:0px 8px 8px 5px; padding:5px; float:left; }
#curri p{ padding-left:5px; }

#splevents p { padding:0; margin:5px 0 10px 0; font-size:12px; float:left; font-weight:normal; color:#ea1c26;}
#splevents p a { color:#588205; text-decoration:none; padding:0 3px ; }
#splevents p a:hover { color:#ea1c26; text-decoration:underline; }

#camps img { margin:0px 0px 8px 0px; padding:5px; float:left; }
#camps .pg h3 { font-size:16px; color:#588205; padding:5px 0px 10px 0px; font-weight:bold; width:220px; text-align:center; float:left; font-weight:normal; }
#camps .pg h3 a{ text-decoration:none; color:#588205; }
#camps .pg h3 a:hover { text-decoration:none; color:#ea1c26; }
#camps .pg { width:230px; float:left; margin:0px 0px 5px 5px; }

input { border:solid 1px #ccc; }
td { height:25px; }

#container_left {position:relative; width:700px; height:30px;  }
#container_left img {border:0; padding:0; margin:0;}
#container_left .thumbs {width:170px; position:absolute; left:0; top:0;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #333;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:522px; height:300px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #ccc; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#333;}
#container_left h1 em {font-size:0.6em; color:#000;}