/*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:12px; 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; height:auto;}

#top { background:url(../images/bon-bg.jpg) top left no-repeat; background-position:0 0; width:1004px; height:225px; }

/*header section*/
.header { width:180px; height:175px; padding:10px 0px 7px 20px; float:left; margin:0; } 
.links {  width:100px; float:left; margin:112px 0 0 0px; padding:0 0 0 390px;  }
.clock {  width:220px;  margin:20px 0px 0 10px; padding:5px 0px 0px 0px; float:left; font-size:14px; color:#588205;   }
.clock span { font-weight:bold; margin-left:50px; color:#ea1c26; } 
.clock p { padding-top:0px;}
.clock p img{ margin:3px 0px 0px 0px;} 
.clock p img a{ text-decoration:none;}
.left_sec p a{ text-decoration:none;  }
.left_sec p a:hover{ color:#FF6600; text-decoration:none; }

/*navigation section*/
#navigation{ width:180px; float:left; padding:0px 0 0px 0px; margin:-20px 15px 0 20px; position:relative;  }
*html #navigation { margin-left:10px; }
#navigation ul { padding:0; margin:3px 0 0 0px; list-style-type:none; width:160px;}
#navigation ul li{ margin:0; padding:0 5px 2px 5px; 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 0 0 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; line-height:22px; padding:0 0 0 20px; }
#navigation .bnone { border-bottom:none;}



/*layout*/
.body_container { width:1004px; margin:0; padding:0 0px 0px 0px; float:left; background:url(../images/cont-bg.jpg) repeat-y top left; height:auto;}
.left_sec { margin:-108px 0px 0 0px; width:500px; height:auto; padding:0px; float:left; position:relative; }
*html .left_sec { margin-top:-74px; }
.left_sec h2 { font-size:16px; color:#ff6600; padding:0 0 3px 0px; font-weight:bold; }
.left_sec h2 a{ text-decoration:none; color:#ff6600; }
.left_sec h2 a:hover { text-decoration:underline; color:#012e67; }
.left_sec p { font-size:12px; color:#333333; line-height:14px; padding:5px 0; margin:0px 0 ; line-height:16px; }
*html .left_sec p { padding:0 0 5px 0 ; margin:0; }
.left_sec p span { color:#ea1c26; }

.right_sec { margin:-580px 0 0 0; width:260px; height:auto; padding:0; float:right;  position:relative;  }
.apple_img { padding:0px 10px 0px 0; margin:0; float:right; height:230px;  }
.gym { text-align:center; font-size:12px; }
.gym div{ float:left; padding:5px 3px;}
.prents_com {  padding:0px 0 0 0; margin:-236px 0 0 0;   background:url(../images/parents_comments.jpg) no-repeat bottom; float:right; width:260px; height:355px; z-index:50;}
.right_text { margin:0px 0 0 0; padding:0; float:left; height:240px; }
.right_sec, .prents_com h3 { font-size:16px; color:#588205; padding:35px 15px 0px 30px; font-weight:bold; }
.right_sec, .prents_com h3 a{ text-decoration:none; color:#588205; }
.right_sec, .prents_com h3 a:hover { text-decoration:none; color:#ea1c26; }
.right_text h2 { font-size:14px; color:#ea1c26; padding:2px 10px 0px 30px; font-weight:bold; }
.right_text h2 a{ text-decoration:none; color:#ea1c26; }
.right_text h2 a:hover { text-decoration:underline; color:#588205; }
.right_sec img { float:left; padding:0 10px 5px 0; margin:0px 0 0 0; }
.right_text p { font-size:12px; color:#333333; line-height:16px; padding:0 10px 10px 15px; margin:0 15px;  }
.right_text p a { text-decoration:underline; color:#ea1c26; }
.right_text p a:hover { text-decoration:none; color:#588205; }

.mainimg { width:490px; height:250px; padding:3px 5px 2px 5px; border:solid 1px #a5dcee; background-color:#FFFFFF; margin:70px 0 10px 0; }
*html .mainimg  { margin-top:35px; padding:3px 5px -2px 5px; }
.mainimg p { padding:0; margin:0; }
.lvpimg { width:500px; padding:0px;  margin:10px 0 0px 0; text-align:center;}
.lvpimg a { color:#ea1c26; text-decoration:underline; }
.lvpimg a:hover { color:#588205; text-decoration:none; }


.bon_blogo img { padding:0px; margin:0; }
*html .bon_blogo { margin-bottom:0px; }

.spring_club { font-size:14px;  text-decoration: blink; text-align:center; margin:0px 0 5px 0; float:left;   padding-left:80px; padding-top:90px; font-weight:bold; }
.spring_club img { margin-bottom:15px; }
.spring_club a{ color: #FF0000; text-decoration:none; }
.spring_club a:hover{ color: #588205; text-decoration:none; }

#bottom { background:url(../images/bon-bg.jpg) top left no-repeat; height:120px; width:1004px; background-position:0 -580px; z-index:5;}
#bottom .copy{ float:left; color:#FFFFFF; text-align:center; width:650px; padding:40px 0 0px 0px; margin:0px 0 0 0px; font-size:12px; font-family:"Comic Sans MS" Arial, Helvetica, sans-serif;}

.sub_sec { margin:-38px 0px 0 5px; position:relative; width:720px; height:auto; float:left; padding:5px 15px 0 15px; border:solid 1px #a5dcee; background-color:#ffffff; color:#37342d; height:500px; 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 h5 { font-size:16px; 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:none; color:#ea1c26; }
.sub_sec p a:hover { text-decoration:underline; color:#ff0000; }
.sub_sec img { float:left; padding:10px; border:solid 1px #cccccc;  background-color:#FFFFFF; margin:0px 0px 10px 0px; }
.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:none;  }
.sub_sec ul li a:hover { color:#ff0000;  text-decoration:underline;}
.sub_sec .bday{}
.sub_sec .bday .left{ width:480px; height:281px; float:left; background-color:#cbeffb;}
.sub_sec .bday .left h5{ background-color:#588205; color:#fff; line-height:25px; float:left; padding-right:61px;}
.sub_sec .bday .left div{ float:left; width:230px; margin:5px; background-color:#fff; height:240px;}
.sub_sec .bday .right{ width:218px; height:281px; float:right; background-color:#cbeffb;}

.sub_sec .gymju{  }

.sub_sec .gymju .gymflash{ width:465px; background-color:#caf0fb; height:233px; float:left  }
.sub_sec .gymju .children{ height:233px; width:220px; background-color:#999; float:left; margin-left:14px;}
.sub_sec .gymju .bbody{ height:auto;  background-color:#00CCFF;}
.sub_sec .gymju .bleft{  width:455px; background-color:#f5f5f5; float:left;}
.sub_sec .gymju .bleft p a{ color:#ea1c26; text-decoration:none; }
.sub_sec .gymju .bleft p a:hover{ color:#ff0000;  text-decoration:underline; }
.sub_sec .gymju .bleft p img{ float:left; border:1px solid #00CC99; margin-right:5px;}
.sub_sec .gymju .bleft p img:hover{ color:#ff0000; border:1px solid #ff0000;}
.sub_sec .gymju .bleft  h4 a{color:#ea1c26; text-decoration:none; line-height:25px;}
.sub_sec .gymju .bleft  h4 a:hover{color:#333; text-decoration: underline; line-height:25px;}
.sub_sec .gymju .bright{ height:auto; width:230px; margin-left:15px; float:left; }
.sub_sec .gymju .bright .top{ height:69px; background-color:#d8dfef; margin-bottom:10px;}
.sub_sec .gymju .bright .middle{ height:57px; background-color:#d8dfef; margin-bottom:10px;}
.sub_sec .gymju .bright .bottom{  background-color:#d8dfef;}
.sub_sec .gymju .bright .bottom p img{color:#ffff00; width:122px; height:75px;}
.sub_sec .gymju .bright .bottom p img:hover{ color:#ff0000;}


.sub_sec p span { color:#ea1c26; }

#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;}
/*newsletter*/
#newsletter{height:500px; margin:0px 0px 10px 0px; padding:0px;}
#newsletter .newsRight img{ margin:0px; padding:0px;}
#newsletter .newsLeft{ float:left; width:510px; height:500px; margin-right:3px;}
#newsletter .newsLeft p { margin:0px 0px 10px 0px; padding:0px; line-height:18px;}
#newsletter .newsLeft p img{ padding:5px; border:1px solid #333; margin-right:5px;}
#newsletter .newsLeft h4{ width:182px; height:37px; line-height:37px; padding-left:5px; color:#fff; border-left:3px solid #f84225; float:right; background-color:#f09d04;}
#newsletter .newsRight{ float:right; width:189px; height:500px;}
#newsletter .newsRight ul{ margin:0px; padding:10px 0px 15px 0px; line-height:18px; list-style:none;}
#newsletter .newsRight ul li{ background: url(../images/arrow_news.jpg) no-repeat 5px 5px;display:block; margin:0px; padding:0px 0px 5px 20px; line-height:18px; list-style:none;}
#newsletter .newsRight p img{ margin:0px 0px 10px 0px; padding:0px;}
#newsletter .newsRight h5{height:37px; line-height:37px; padding-left:5px; color:#fff; border-left:3px solid #f84225; background-color:#f09d04;}
#newsletter .newsRight h5 a{ text-decoration:none; color:#fff;}