/* CSS Document */
body{padding:0px; margin:0px; background:#3B4B52; color:#333; font:12px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
h3{ Tahoma, sans-serif; color:#000; font-weight: bold;}
h4{font:14px Tahoma, sans-serif; color:#67C285; }
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, sans-serif; color:#000; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

.headline{font:12px/14px Trebuchet MS, sans-serif; color:#80c306; font-weight:bold}
.subtitle{font:10px/10px Tahoma, Geneva, sans-serif; color:#a6a6a6;}

#container{width:705px; margin:0 auto; padding:5px; padding-top:0; border:#c2eecb 5px solid; border-top:none; background:#FFF}

/* HEADER */
#header{width:705px; height:200px;  position:relative; background:url(../images/header_teacher.jpg) 0 0 no-repeat}
#header a#logout{position:absolute; top:173px; left:660px; color:#000;}

#header ul.menu{position:absolute; top:131px; left:10px; width:680px;}
#header ul.menu li{float:left; height:15px; margin-right:15px;}
#header ul.menu li a{height:15px; display:block; }
#header ul.menu li a:hover{height:15px;}

#header ul.menu li.home a{width:77px; background:url(../images/menu_home.gif) 0 0 no-repeat; }
#header ul.menu li.home a:hover{width:77px; background:url(../images/menu_home_over.gif) 0 0 no-repeat;}
#header ul.menu li.about a{width:77px; background:url(../images/menu_news.gif) 0 0 no-repeat; }
#header ul.menu li.about a:hover{width:77px; background:url(../images/menu_news_over.gif) 0 0 no-repeat;}
#header ul.menu li.services a{width:77px; background:url(../images/menu_parents.gif) 0 0 no-repeat; }
#header ul.menu li.services a:hover{width:77px; background:url(../images/menu_parents_over.gif) 0 0 no-repeat;}
#header ul.menu li.solutions a{width:103px; background:url(../images/menu_curriculum.gif) 0 0 no-repeat; }
#header ul.menu li.solutions a:hover{width:103px; background:url(../images/menu_curriculum_over.gif) 0 0 no-repeat;}
#header ul.menu li.support a{width:85px; background:url(../images/menu_facilities.gif) 0 0 no-repeat; }
#header ul.menu li.support a:hover{width:85px; background:url(../images/menu_facilities_over.gif) 0 0 no-repeat;}
#header ul.menu li.contacts {margin-right:0}
#header ul.menu li.contacts a{width:77px; background:url(../images/menu_contact.gif) 0 0 no-repeat; }
#header ul.menu li.contacts a:hover{width:77px; background:url(../images/menu_contact_over.gif) 0 0 no-repeat;}

#header ul.menu li.spacer{width:5px; background:url(../images/spacer_m.gif) 0 0px no-repeat}

/* CONTENT */

#content{width:705px; position:relative; margin-top:5px}
h2{padding:2px 2px 2px 5px; position:relative; color:#202020; font:18px Tahoma, sans-serif; margin-bottom:5px;}
p.warning{color:#ff0000; font:18px Arial, Helvetica, sans-serif; text-align:justify; width:667px; padding:5px 5px 5px 5px; margin-left:10px; border:#ff0000 3px solid;}
#leftPan{width:229px; position:relative; margin:0 5px 0 0; float:left;}
#rightPan{width:471px; position:relative; float:left;}
#rightPan h2{background:#9AD7AE;}

#video{margin:0 0 12px 20px; border:#dfdfdf 1px solid;}
object#mainvideo{position:relative; margin:1px 0 10px 9px; }

#leftPan form{width:225px; position:relative; }
label{color:#333333; width:45px; float:left; text-align:right; margin:3px 3px 0 0; display: block;}
input{margin-bottom:5px;}
input.upload{margin:0px;}
p.uploadform{color:#333; margin:10px 0 5px 10px;}
select{margin-bottom:10px;}
input.submit{margin-left:105px; margin-bottom:10px;}


#rightPan form{width:465px; margin-left:20px; position:relative;}
label{color:#fff; width:45px; float:left; text-align:right; margin:3px 3px 0 0; display: block;}
input{margin-bottom:5px;}
input.upload{margin-bottom:10px;}
select{margin-bottom:10px;}
input.submit{margin-left:105px; margin-bottom:10px;}
#viewresources form{background:url(../images/viewresources.jpg) 0 0 no-repeat;}
#viewresources h2{padding:2px 2px 2px 10px; position:relative; color:#fff; font:28px Tahoma, sans-serif; margin-bottom:10px;}
#upload form{background:url(../images/upload.jpg) 0 0 no-repeat;}
#upload h2{padding:2px 2px 2px 10px; position:relative; color:#fff; font:28px Tahoma, sans-serif; margin-bottom:10px;}
#vle label{color:#333333;}
#uploadfile form{width:300px; margin:20px 0 40px 177px;}
#uploadfile label{color:#000;}

#notices{width:684px;}
#notices h2{height:25px; position:relative; color:#003399; font:24px Tahoma, sans-serif; margin-bottom:10px}
#notices h2.notices{color:#C24641; background:none;}
#notices span{margin-left:0px;}
#notices img{float:left; margin-right:7px}
#notices p{float:left; width:168px; padding-top:3px}
#notices p.notices{color:#333; width:684px; background:#FFF9D7; border:#333 1px dotted; padding:8px;}
#notices .clear{height:10px}
#notices ul{margin-left:3px; width:312px}
#notices ul li{font:11px/14px Arial, Helvetica, sans-serif; color:#30a0c4; height:26px; border-bottom:#dfdfdf 1px dotted; padding-top:5px}

#helpfullinks{width:225px; border:#dfdfdf 1px solid;}
#helpfullinks 
.helpfullinks_link{margin:0 0 10px 30px; }
#helpfullinks h2{padding:2px 2px 2px 5px; position:relative; color:#000; font:18px Tahoma, sans-serif; margin-bottom:10px; background:#9AD7AE;}
#helpfullinks a{color:#0E3240; text-decoration:none;}
#helpfullinks a:hover{color:#67C285; text-decoration:none; border-bottom: 1px dotted #0E3240;}

#importantdates{width:466px; border:#dfdfdf 1px solid;}
#importantdates img{float:left; margin-right:10px}
#importantdates p{float:left; width:460px; padding-top:3px}
#importantdates .clear{height:10px}
#importantdates ul{margin-left:3px; width:312px}
#importantdates ul li{font:11px/14px Tahoma, sans-serif; color:#000; background:url(../images/arrow1.gif) 0 5px no-repeat; padding-left:24px; height:19px; border-bottom:#dfdfdf 1px dotted; padding-top:5px}
#importantdates ul li a{color:#000; text-decoration:none; border-bottom: 1px dotted #333;}
#importantdates ul li a:hover{color:#67C285; text-decoration:none; border-bottom: 1px dotted #67C285;}
#importantdates ul li.red{color:#C24641;}
#importantdates ul li.green{color:#67C285;}

#newsarticle{width:466px; border:#dfdfdf 1px solid;}
#newsarticle img{float:left; margin:0 10px 0 5px;}
#newsarticle p{padding:5px; text-align:justify;}
#newsarticle p.citation{font:8px;}
#newsarticle .clear{height:10px;}


#teacherloginnotice {margin:50px 0 20px 161px; width:353px; color:#333; background:#FFF9D7; border:#999 1px solid; padding:8px;}
p{text-align:center;}

#teacherloginerror {margin:50px 0 20px 161px; width:353px; color:#000; background:#FFF9D7; border:#ff0000 1px solid; padding:8px;}
p{text-align:center;}
strong{color:#ff0000;}


#teacherloginform form{margin:0px 0 0 160px; }
fieldset{border:1px solid #67C285; width:370px; }
legend{color: #000; border: 1px solid #67C285; padding: 2px 6px; }
input{margin:5px; margin-left:-55px;}

.clear#end{height:15px}
.clear#login{height:150px}

/* FOOTER */

#footer{width:705px; margin:0 auto; margin-top:23px; height:80px}
#footer p{font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#FFF;}
#footer p a{font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; color:#FFF; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#FFF; color:#000}