/* CSS Document */
/*  light bluebg: #E5ECF2
     mainblue: #00467D
     green:#278F45;



*/

*{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3f3f3f;
}

img{
border:0;
}

body{
background-image:url(../images/page-bg.jpg);
background-color:#00467D;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top right;
}

#page{
width:944px;
margin:0 auto;
}

.pageleft-border{
background:url(../images/page-border-left.png) repeat-y !important;/* ie6 will ignore this */
background-image:none;
}

.pageright-border{
background:url(../images/page-border-right.png) repeat-y !important;/* ie6 will ignore this */
background-image:none;
}

#toptab-community{
height:46px;
background:url(../images/top-tab.jpg) no-repeat top right;
text-align:right;
padding: 25px 10px 0 30px;
font-weight:bold;
}

#toptab{
height:86px;
padding-left:600px;
padding-top:20px;
}
#toptab img{float:left;}
#toptab a{display:block; padding-top:20px; text-align:right; background:url(../images/arrow.jpg) no-repeat 130px 60%; text-decoration:none;}
#toptab a:hover{text-decoration:underline;}
#toptab a#tab-img-link{padding:0px; background:none;}


#toptab-community{
background:url(../community/images/top-tab-community.jpg) no-repeat top right;
padding: 28px 8px 0 30px;
height:43px;
}

#toptab-blogpage{
background: url(../community/images/top-tab-blogpage-new.jpg) no-repeat top right;
margin-top: 39px;
text-align:right;
padding: 30px 20px 0 30px;
height:50px;
background-color:#FFFFFF;
}

.contentbg{
background-color:#ffffff;
}

.blog-contentbg{
background:url(../community/images/blogpage-bg.jpg) no-repeat right bottom white;
}

.maincontent{
margin:0 32px;
}

.blog-maincontent{
margin:0 56px;
}

.schooltitle{
margin-top: 33px;
}

.menubox{
margin:20px 0;
border-bottom:1px gray dotted;
border-top:1px gray dotted;
}

.submenubox{
margin-top:5px;
background-color:#00467D;
}


.stickynote{
background:url(../images/stickynote.jpg) no-repeat top left
}


.note-content{
margin: 45px 40px 0px 15px;
}

.note-content p strong{
color:#00467D;
}

.note-content h2{
font-size:20px;
margin-bottom:10px;
}

.note-content h1{
font-size:26px;
color:#00467D;
}

.note-content p, .note-content a{
font-size:14px;
color:#00467D;
margin-bottom:10px;
}

.note-content a{
font-weight:bold;
}

.note-content p a:hover{
color:#3f3f3f;
}

.leftfloat{
float:left;
margin-right:10px;
}

.leftmargin{
margin-left:139px;
}

#footer{
margin-top:15px;
padding-bottom:30px;
clear:both;
}

.infotable, .infotable-darker, .timetable, .timetable-darker{
border-collapse:collapse;
border:#d1d1d1 solid 1px;
font-size:12px;
line-height:1.4em;
color:#3f3f3f;
padding:10px;
text-align:left;
background-color:#EFEFEF;
}

.timetable, .timetable-darker{
padding:5px;
}

.infotable-darker, .timetable-darker{
background-color:#E8E8E8;
}

.topmargin{
margin-top:30px;
}

/* typegraphy  typegraphy  typegraphy  
typegraphy  typegraphy  typegraphy  */

.bodytext, .body-bold, a.greenlinks, #footer p, #footer a, a.bodylink{
font-size:12px;
color:#3f3f3f;
line-height: 1.7em;
margin-bottom: 10px;
text-decoration:none;
}

.general-content p, .general-content a, .general-content table.webform, .general-content ul, .general-content ol{
font-size:12px;
color:#3f3f3f;
line-height: 1.7em;
margin-bottom: 10px;
}

.general-content h4{
color:#00467D;
font-weight:bold;
margin-bottom:10px;
}

.general-content blockquote{
color:#3f3f3f;
font-size:14px;
margin-bottom:10px;
padding:0 20px;
text-align:center;
}

.general-content ul, .general-content ol{
margin-left:30px;
}


.general-content p strong{
color:#000;
font-weight:bold;
}

.general-content p em{
color:#000;
}

.general-content a{
color:#00467D;
text-decoration:none;
}

.general-content a:hover{
color:#3f3f3f;
text-decoration:underline;
}

.general-content img{

}

.body-bold{
font-weight:bold;
}

a.bodylink:hover{
color:#000000;
}

a.greenlinks{
color:#278F45;
text-decoration:none;
padding-left:14px;
background:url(../images/arrow.png) no-repeat ;
}

a.greenlinks:hover{
color:#3f3f3f;
}

#footer p, #footer a{
font-size:11px;
text-decoration:none;
}

#footer a:hover{
color:#00467D;
}

#toptab-community a, #toptab-blogpage a{
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}

#toptab a em{color:#FFFFFF;}

#toptab a:hover, #toptab-community a:hover, #toptab-blogpage a:hover{
text-decoration:underline;
}


.blueheading, .blueheading-small, .blueheading-large, .green-heading{
font-size:20px;
color:#00467D;
margin-bottom:15px;
}

.blueheading-small{
font-size:14px;
}

p.blueheading-large{
font-size:30px;
color:#00467D;
}

.green-heading{
color:#278F45;
font-size:14px;
margin-bottom:5px;
font-weight:bold;
}

.whiteheading{
padding:5px;
margin:5px;
background-color:#00467D;
color:#FFFFFF;
font-size:14px;
}

.smallmargin{
margin:10px;
}

.tagline{
color:#7fa2be;
font-size:20px;
font-style:italic;
font-weight:bold;
margin-bottom:15px;
}

.body-list{
font-size:12px;
color:#3f3f3f;
line-height: 1.7em;
text-align:justify;
margin-left: 30px;
margin-bottom: 10px;
} 

.text-center{
text-align:center;
}


/* dynamic menu  dynamic menu dynamic menu dynamic menu dynamic menu dynamic menu dynamic menu dynamic menu dynamic menu */

.site-nave{
color: #3f3f3f;
font-size:12px;
font-weight:bold;
cursor:pointer;
padding-right:25px;
}

.site-nave-on{
color: #00467D;
font-size:12px;
font-weight:bold;
cursor:pointer;
padding-right:25px;
}

.submenu{
color: #00467D;
font-size:12px;
background-image:url(../images/menu-transparent-bg.png);
padding-left:10px;
cursor:pointer;
}

.submenu-over{
color: #fff;
font-size:12px;
background-image:url(../images/menu-transparent-bg-over.png);
padding-left:10px;
cursor:pointer;
}

.pagesubmenu{
color: #ffffff;
font-size:11px;
cursor:pointer;
padding:0 15px;
}

.pagesubmenu-over{
color: #00467D;
background-color:#b2c7d8;
font-size:11px;
cursor:pointer;
padding:0 15px;
}



/*parent download center parent download center parent download center parent download center  */

.parent-content{
padding:15px;
background-color:#ddd;
}

.parent-content p{
font-size:12px;
color:#3f3f3f;
line-height: 1.7em;
margin-bottom: 10px;
}

.parent-content a{
color:#00467D;
text-decoration:none;
}

.parent-content a:hover{
color:#3f3f3f;
text-decoration:underline;
}


/*blog-items blog-items blog-items blog-items blog-items blog-items blog-items */

.blog-titlebox{
margin:15px 5px 0px 5px;
}


.blog-heading{
font-size:18px;
font-weight:bold;
color:white;
margin-bottom:5px;
}

.blog-subheading{
font-size:12px;
color:white;
}

.blog-preamble{
width:245px;
height: 140px;
overflow:hidden;
margin-top:10px;
margin-bottom:10px;
padding:0 0 5px 10px;
}

.blog-heading-green, .blog-heading-red, .blog-heading-blue, .blog-heading-orange{
font-size:14px;
color:#003F05;
margin-top:10px;
margin-bottom:10px;
}

.blog-heading-red{
color:#8F0000;
}

.blog-heading-blue{
color:#00467D;
font-weight:bold;
}

.blog-heading-orange{
color:#FF7F00;
}

#blog-content-sport, #blog-content-events, #blog-content-achievements, #blog-content-announcements{
margin-top:20px;
}

#blog-content-sport p, #blog-content-events p, #blog-content-achievements p, #blog-content-announcements p{
font-size:12px;
color:#3f3f3f;
line-height: 1.7em;
margin-bottom: 10px;
}

#blog-content-sport strong, #blog-content-events strong, #blog-content-achievements strong, #blog-content-announcements strong{
color: #000;
}

#blog-content-sport em, #blog-content-events em, #blog-content-achievements em, #blog-content-announcements em{
color: #000;
}

#blog-content-sport h1{
font-size:24px;
color:#003F05;
}


#blog-content-events h1{
font-size:24px;
color:#8F0000;
}



#blog-content-achievements h1{
font-size:24px;
color:#00467D;
}

#blog-content-announcements h1{
font-size:24px;
color:#FF7F00;
}

#blog-content-sport img, #blog-content-events img, #blog-content-achievements img, #blog-content-announcements img{
float:right;
margin-left:20px;
margin-bottom:15px;
}

#blog-content-sport h2.post-title, #blog-content-sport div.links a{
color:#003F05;
}

#blog-content-events h2.post-title, #blog-content-events div.links a, #blog-content-events div.side-panel a{
color:#8F0000;
}

#blog-content-events div.links a:hover, #blog-content-events div.side-panel a:hover, #blog-content-achievements div.links a:hover, #blog-content-achievements div.side-panel a:hover, #blog-content-announcements div.links a:hover, #blog-content-announcements div.side-panel a:hover{
color:#3f3f3f;
}


#blog-content-achievements h2.post-title, #blog-content-achievements div.links a, #blog-content-achievements div.side-panel a{
color:#00467D;
}


#blog-content-announcements h2.post-title, #blog-content-announcements div.links a, #blog-content-announcements div.side-panel a{
color:#FF7F00;
}

#blog-content-events div.side-panel h4, #blog-content-sport div.side-panel h4,#blog-content-achievements div.side-panel h4,#blog-content-announcements div.side-panel h4{
color: #3f3f3f;
}

#blog-content-sport h2.post-title, #blog-content-events h2.post-title, #blog-content-achievements h2.post-title, #blog-content-announcements h2.post-title{
font-size: 22px;
}

#blog-content-sport div.links a:hover{
color:#3f3f3f;
}

#blog-content-sport div.side-panel, #blog-content-sport div.side-panel a{
color:#003F05;
}

#blog-content-sport div.side-panel a:hover{
color:#3f3f3f;
}

/* sport blog page sport blog page sport blog page sport blog page sport blog page*/
#blogpage{
background:url(../community/images/blog-sport-bg.jpg) #006b33 no-repeat center top;
}

#blog-events-page{
background:url(../community/images/blog-events-bg.jpg) #8F0000 no-repeat center top;
}


#blog-achievements-page{
background:url(../community/images/blog-achievements-bg.jpg) #00457c no-repeat center top;
}

#blog-announcements-page{
background:url(../community/images/blog-announcements-bg.jpg) #f68735 no-repeat center top;
}

.blog-pagewrap{
width:1024px;
margin:0 auto;
}

.blogpage-top{
background:url(../community/images/blog-page-top.png) no-repeat !important;/* ie6 will ignore this */
background-image:none;
}

.blogpage-left{
background:url(../community/images/blog-page-left.png) repeat-y !important;/* ie6 will ignore this */
background-image:none;
}

.blogpage-right{
background:url(../community/images/blog-page-right.png) repeat-y !important;/* ie6 will ignore this */
background-image:none;
}

.blogpage-bottom{
background:url(../community/images/blog-page-bottom.png) no-repeat !important;/* ie6 will ignore this */
background-image:none;
}




/* BUSINESS CATALYST MOUDLES BUSINESS CATALYST MOUDLES BUSINESS CATALYST MOUDLES*/
.breadcrumb{
margin-bottom:10PX;
}

.breadcrumb a, a#searchnext, a#searchprev{
font-size:12px;
color:#333333;
text-decoration:none;
}

.breadcrumb a:hover, a#searchnext:hover, a#searchprev:hover{
color:#00467D;
text-decoration:underline;
}

div.goBack a{
font-size:12px;
color:#278F45;
}

div.goBack a:hover{
color:#3f3f3f;
}

ol.blogsitesummary{
color:#CCCCCC;
font-size:12px;
}

ol.blogsitesummary a{
color:#00467D;
text-decoration:none;
}

ol.blogsitesummary a:hover{
color:#3f3f3f;
text-decoration:underline;
}

#blog-sidebar-list, #blog-sidebar-list .blog-list, #blog-sidebar-list .blog-list .label{
color:#3f3f3f;
font-size:12px;
padding:0;
padding-bottom:10px;
}

#blog-sidebar-list .blog-list h1 a{
color:#00467D;
font-size:12px;
}

#blog-sidebar-list .blog-list h1 a:hover{
color:#3f3f3f;
}



/* BUSINESS CATALYST FORM BUSINESS CATALYST FORM BUSINESS CATALYST FORM BUSINESS CATALYST FORM BUSINESS CATALYST FORM */
.toggler-c form input, .toggler-c form textarea, .toggler-c form input#Captcha{
width:180px;
}

.toggler-c form select{
width:184px;
}

.toggler-c table.webform td{
padding: 5px 0;
}


#community-share{
height:50px;
margin-top:-20px;
}

#community-share h3{
font-size:12px;
font-weight:bold;
color:#3f3f3f;
margin-bottom:6px;
width:110px;
float:left;
}

#community-share img{
float:left;
margin:0;
margin-right:5px;

}

/* new blog page style */

.blog-contentbg-new{background-color:#FFFFFF;}
.blog-maincontent-new{margin:0 20px;}
#blog-left-column{width:300px; float:left; margin-right:15px;}
#blog-left-column h4{color:#00467D; border-bottom:4px solid #bd2027; letter-spacing:-0.5px; margin-top:15px; font-size:16px;}
#recent-post-wrap{height:210px; overflow:auto;}
#recent-post-wrap h5{margin-top:10px;}
#recent-post-wrap h5 a{color:#00467D; text-decoration:none;}
#recent-post-wrap h5 a:hover{color:#3399FF; text-decoration:underline;}

#blog-center-column{width: 281px; float:left; /*margin-right:25px;*/}
#blog-center-column img{float:left; margin-right:5px;}
#blog-center-column table{margin-bottom:15px;}
#blog-center-column h2{margin-bottom:6px;}
#blog-center-column h2 a{color:#3399FF; font-size:15px; font-weight:bold; text-decoration:none;}
#blog-center-column h2 a:hover{color:#00467D; text-decoration:underline;}
#blog-center-column h4 {background:url(../community/images/red-lable.jpg) no-repeat; height:26px; border-bottom:4px solid #bd2027; color:#FFFFFF; padding-left:15px; line-height:26px; margin-bottom:10px; font-size:16px;}

#blog-center-column-popular{width: 281px; float:left; /*margin-right:25px;*/}
#blog-center-column-popular img{float:left; margin-right:5px;}
#blog-center-column-popular table{margin-bottom:15px;}
#blog-center-column-popular h2{margin-bottom:6px;}
#blog-center-column-popular h2 a{color:#bd232b; font-size:15px; font-weight:bold; text-decoration:none;}
#blog-center-column-popular h2 a:hover{color:#00467D; text-decoration:underline;}
#blog-center-column-popular h4 {background:url(../community/images/red-lable.jpg) no-repeat; height:26px; border-bottom:4px solid #bd2027; color:#FFFFFF; padding-left:15px; line-height:26px; margin-bottom:10px; font-size:16px;}

#blog-center-column-primary{width: 281px; float:left; /*margin-right:25px;*/}
#blog-center-column-primary img{float:left; margin-right:5px;}
#blog-center-column-primary table{margin-bottom:15px;}
#blog-center-column-primary h2{margin-bottom:6px;}
#blog-center-column-primary h2 a{color:#22409a; font-size:15px; font-weight:bold; text-decoration:none;}
#blog-center-column-primary h2 a:hover{color:#00467D; text-decoration:underline;}
#blog-center-column-primary h4 {background:url(../community/images/red-lable.jpg) no-repeat; height:26px; border-bottom:4px solid #bd2027; color:#FFFFFF; padding-left:15px; line-height:26px; margin-bottom:10px; font-size:16px;}

#blog-center-column-secondary{width: 281px; float:left; /*margin-right:25px;*/}
#blog-center-column-secondary img{float:left; margin-right:5px;}
#blog-center-column-secondary table{margin-bottom:15px;}
#blog-center-column-secondary h2{margin-bottom:6px;}
#blog-center-column-secondary h2 a{color:#00854c; font-size:15px; font-weight:bold; text-decoration:none;}
#blog-center-column-secondary h2 a:hover{color:#00467D; text-decoration:underline;}
#blog-center-column-secondary h4 {background:url(../community/images/red-lable.jpg) no-repeat; height:26px; border-bottom:4px solid #bd2027; color:#FFFFFF; padding-left:15px; line-height:26px; margin-bottom:10px; font-size:16px;}

#blog-center-column-infants{width: 281px; float:left; /*margin-right:25px;*/}
#blog-center-column-infants img{float:left; margin-right:5px;}
#blog-center-column-infants table{margin-bottom:15px;}
#blog-center-column-infants h2{margin-bottom:6px;}
#blog-center-column-infants h2 a{color:#d1711b; font-size:15px; font-weight:bold; text-decoration:none;}
#blog-center-column-infants h2 a:hover{color:#00467D; text-decoration:underline;}
#blog-center-column-infants h4 {background:url(../community/images/red-lable.jpg) no-repeat; height:26px; border-bottom:4px solid #bd2027; color:#FFFFFF; padding-left:15px; line-height:26px; margin-bottom:10px; font-size:16px;}




#blog-right-column{width:220px; float:right;}
#blog-right-column #headmaster-blog{margin-top:10px; position:relative;}
a#link-to-masterblog{display:block; height:240px; width: 206px; position:absolute; top:180px; left:0px; z-index:9999;}
#blog-new-wrapper{overflow:hidden;}
#headmaster-blog .post-body{height:45px; overflow:hidden; margin:0px 0px 20px 0px; }
#headmaster-blog .blog-post .post-details{margin-bottom:10px;} 
#headmaster-blog .blog-post h2.post-title{color:#00467D;}
#headmaster-blog #community-share{display:none;}
#headmaster-blog h3{ background-color:#00467D; font-size:16px; color:#FFFFFF; padding:2px 5px; margin-bottom:10px;}

#open-newsletter{width: 206px; height:121px; background:url(../community/images/open-newsletter.jpg) no-repeat;}
#open-newsletter a{font-size:13px; color:#FFFFFF; font-weight:bold; text-decoration:none; display:block; padding:45px 0 0 8px;}
#open-newsletter a:hover{text-decoration:underline;}
.community-login{background-color:#ffffff; padding:10px 8px; border:1px solid #CCCCCC;}
.community-login h3{color:#00467D; font-size:16px; margin-bottom:10px;}
.community-login div.form div.item{padding:5px 0;}
.community-login div.form div.item label{color:#FFFFFF;}
input#btn-webappsearch{width:82px; height:24px; background:url(../community/images/button-webappsearch.jpg) no-repeat; font-size:13px; text-align:center; line-height:24px; color:#FFFFFF; border:none; cursor:pointer; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

#leading-story{background-color:#00467D; color:#FFFFFF;}
#leading-story p{color:#FFFFFF; padding:5px;}
#leading-story a{color:#FFFFFF;}

#footer a#footer-logo-link{float:right; margin-top:-20px;}
.blog-contentbg-new #footer{padding-top:30px;}

#toptab-community-new{width:828px; text-align:right; padding-top:15px; position:relative; background:url(../community/images/community-logo.jpg) no-repeat left bottom;} 
a#community-link-home{display:block; width:500px; height:70px; position:absolute; left:0px; top:10px;}
a#tl-community-webmail, a#tl-community-school, a#tl-community-blog {display:inline-block; width:65px; padding-top:50px; text-align:center; margin-left:20px; text-decoration:none;}
a#tl-community-webmail:hover, a#tl-community-school:hover, a#tl-community-blog:hover{text-decoration:underline;}
a#tl-community-webmail{background:url(../community/images/Email.png) no-repeat center top;}
a#tl-community-blog{background:url(../community/images/blog.png) no-repeat center top;}
a#tl-community-school{background:url(../community/images/user.png) no-repeat center top;}
a#tl-community-school img{display:none;}
a#tl-community-school:hover img{display:block; width:200px; height:170px; position:absolute; left:680px; top:40px; z-index:9999; border:2px solid #00467D;}

.blog-maincontent-new div.webform div.item{padding:10px 0;}

/* new blog individual page template */
#web-app-maincolumn{width: 585px; margin-right:25px; float:left;}
#web-app-maincolumn h2{font-size:24px; color:#3399FF;}
#web-app-maincolumn .comment-form{margin-top:15px;}
#webapp-contentwrap{overflow:hidden; background:url(../community/images/divider.png) repeat-y 607px top;}

/* headmaster page template */
#blog-headmaster-maincolumn .blog-container h1{font-size:30px; text-indent:20px; width:828px; padding-top:265px; background:url(../community/images/headmaster-blog.jpg) no-repeat #00467D; color:#FFFFFF; margin-bottom:30px;}

#blog-headmaster-maincolumn .post-list #community-share{display:none;}
#blog-headmaster-maincolumn .post-body .links{margin-top:15px; color:#888;}
#blog-headmaster-maincolumn .post-body .links a{color:#ccc;}
#blog-headmaster-maincolumn .post-body .links a:hover{color:#888;}
#blog-headmaster-maincolumn .blog-post h2.post-title{color:#3399FF; font-size:18px;}
#headmaster-blog h2.post-title a{font-size:12px;}
h2.post-title a{font-size:16px; text-decoration:none; color:#3399FF;} 

.blogrow{background-color:#EDEDED; margin-top:0px; padding-left:3px; padding-bottom:5px;}

.blogrow_alternate{background-color:#ffffff; margin-top:0px; padding-left:3px; padding-bottom:5px;}