@charset "utf-8";
/* CSS Document */
@import "reset.css";

body{
text-align:center;
background-color:#79736d;
}

#wrapper{
	width:814px;
	height:590px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	position:relative;
}

#smallwrapper{
	width:350px;
	height:140px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	position:relative;
	background-color:#FFFFFF;
	padding-top:20px;

}


#wrapper2{
	width:778px;
	margin-left:auto;
	margin-right:auto;
}

#top{
	width:814px;
	height:8px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/back-top.jpg);
	background-repeat: no-repeat;
	line-height:1px;
	font-size:1px;
}

#left{
	position:absolute;
	width:18px;
	height:569px;
	top:8px;
	left:0px;
	background-image: url(images/back-left-b.jpg);
	background-repeat: no-repeat;
}

#right{
	position:absolute;
	width:18px;
	height:569px;
	top:8px;
	left:796px;
	background-image: url(images/back-right.jpg);
	background-repeat: no-repeat;
}

#banner{
	width:778px;
	height:68px;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
}

#banner-home{
	width:778px;
	height:79px;
	background-image: url(images/banner-home.jpg);
	background-repeat: no-repeat;
	position:relative
}

#title{
	height:101px;
	width:778px;
}

#time{
float:right;
width:200px;
height:25px;
text-align:right;
margin-top:4px;
margin-right:4px;
}

#vid-home{
width: 136px;
background-image: url(images/tab-back3.png);
background-repeat: no-repeat;
height:29px;
position:absolute;
right:2px;
top: 31px;
}

#ashford{
float:right;
width: 136px;
margin-top:2px;
margin-right:9px;
clear:right;
background-image: url(images/tab-back3.png);
background-repeat: no-repeat;
height:29px;
}
#ashford a, #vid-home a{
	  font-size:11px;
		  letter-spacing: -1px;
	  color:#FFF;
	  text-decoration:none;
	  height:17px;
	  display:block;
	  text-align:center;
	  padding-top:7px;
}
#ashford a:hover, #vid-home a:hover{
	color:#000;
}


#topnav{
width:778px;
height:20px;
background-color:#d6a50c;
}

.menu4 {
      width: 100%;
      margin: 0em 0;
	  padding: 0;
    }
.menu4 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
.menu4 li {
	margin: 0;
	padding: 0;
	float: left;
	width: 56px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #1a3d78;
	border-right-color: #1a3d78;
	border-bottom-color: #1a3d78;
	border-left-color: #1a3d78;
	display:inline;
	background-color: #355fa8;
	background-image: url(images/tab-back.gif);
	background-repeat: no-repeat;
}

.menu4 .active{
	background-image: url(images/tab-back-a.gif);
	background-repeat: no-repeat;
		color:#000000;

}
.menu4 .active a{
		color:#000000;
}
		
/* Hides this from IE 6 and older - fixes the padding/width problem - see padding-left: 20px below*/	
	html>body .menu4 li {
width:76px;
}
	
	
.menu4 .smaller {
	width: 50px;
    }
	
.menu4 .end {
	border:none;
}
	
    .menu4 a {
      display: block;
      width: 100%;
      text-decoration: none;
	  padding-top:5px;
	  color:#FFFFFF;
	  font-size:10px;
	  height:16px;
	  letter-spacing: -1px;
    }
	.menu4 a .active{
	color:#000000;
	}

	.menu4 .calendar{
	background-image:url(images/icon-calendar.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	}
	.menu4 .calendar:hover{
	background-image:url(images/icon-calendar-o.gif);
	background-repeat: no-repeat;
	}
	.menu4 .active .calendar  {
	background-image:url(images/icon-calendar-o.gif);
	background-repeat: no-repeat;
	}	
	
	.menu4 .news{
	background-image:url(images/icon-news.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	}
	.menu4 .news:hover{
	background-image:url(images/icon-news-o.gif);
	background-repeat: no-repeat;
	}
		.menu4 .active .news  {
	background-image:url(images/icon-news-o.gif);
	background-repeat: no-repeat;
	}	
	.menu4 .stjames{
	background-image:url(images/icon-stjames.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	}
	.menu4 .stjames:hover{
	background-image:url(images/icon-stjames-o.gif);
	background-repeat: no-repeat;
	}
	
	.menu4 .home{
	background-image:url(images/icon-home.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	}
	.menu4 .home:hover{
	background-image:url(images/icon-home-o.gif);
	background-repeat: no-repeat;
	}
			.menu4 .active .home  {
	background-image:url(images/icon-home-o.gif);
	background-repeat: no-repeat;
	}	
	.menu4 .about-us{
	background-image:url(images/icon-about-us.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	}
	.menu4 .about-us:hover{
	background-image:url(images/icon-about-us-o.gif);
	background-repeat: no-repeat;
	}
	.menu4 .active .about-us  {
	background-image:url(images/icon-about-us-o.gif);
	background-repeat: no-repeat;
	}
	.menu4 .school-life{
	background-image:url(images/icon-school-life.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	}
	.menu4 .school-life:hover{
	background-image:url(images/icon-school-life-o.gif);
	background-repeat: no-repeat;
	}
	.menu4 .active .school-life  {
	background-image:url(images/icon-school-life-o.gif);
	background-repeat: no-repeat;
	}
	.menu4 .admissions{
	background-image:url(images/icon-admissions.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	}
	.menu4 .admissions:hover{
	background-image:url(images/icon-admissions-o.gif);
	background-repeat: no-repeat;
	}
			.menu4 .active .admissions  {
	background-image:url(images/icon-admissions-o.gif);
	background-repeat: no-repeat;
	}	
	.menu4 .links{
	background-image:url(images/icon-links.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	}
	.menu4 .links:hover{
	background-image:url(images/icon-links-o.gif);
	background-repeat: no-repeat;
	}
			.menu4 .active .links  {
	background-image:url(images/icon-links-o.gif);
	background-repeat: no-repeat;
	}	
	.menu4 .contact-us{
	background-image:url(images/icon-contact.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	}
	.menu4 .contact-us:hover{
	background-image:url(images/icon-contact-o.gif);
	background-repeat: no-repeat;
	}
			.menu4 .active .contact-us  {
	background-image:url(images/icon-contact-o.gif);
	background-repeat: no-repeat;
	}	
	.menu4 .parents{
	background-image:url(images/icon-parents.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	}
	.menu4 .parents:hover{
	background-image:url(images/icon-parents-o.gif);
	background-repeat: no-repeat;
	}
			.menu4 .active .parents  {
	background-image:url(images/icon-parents-o.gif);
	background-repeat: no-repeat;
	}	
    .menu4 a:hover {
	color:#000000;
    }

#content{
position:relative;
width:778px;
height:395px;
background-color:#FFFFFF;
}
#flashwrapper{
	width:778px;
	height:328px;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#999999
}
#homeoptions{
	height:133px;
	width:778px;
	position:absolute;
	top:328px;
	left:0px;
}
#messages{
background-color:#adadad;
	height:133px;
	width:293px;
	position:absolute;
	top:0px;
	left:0px;
}
#messages-title{
background-color:#adadad;
	height:20px;
	width:586px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(images/title-messages.gif);
	background-repeat:no-repeat;
	background-color:#bfbfbf;
}
#messages-content{
	height:106px;
	width:579px;
	position:absolute;
	top:20px;
	left:0px;
	color:#343434;
		font-size:10px;
		padding-top:4px;
		padding-left:6px;
		padding-right:2px;
		padding-bottom:4px;
		overflow:auto;
		line-height:13px;
		background-color:#adadad;
}

#events{
	background-color:#919aa9;
	height:133px;
	width:192px;
	position:absolute;
	top:0px;
	left:586px;
}
#events-title{
	background-color:#919aa9;
	height:20px;
	width:192px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(images/title-events.gif);
	background-repeat:no-repeat;
}
#events-content{
	height:106px;
	width:184px;
	position:absolute;
	top:20px;
	left:0px;
	color:#FFFFFF;
		font-size:10px;
		padding-top:4px;
		padding-left:6px;
		padding-right:2px;
		padding-bottom:4px;
		overflow:auto;
		line-height:12px;

}
#events-content p{
line-height:12px;
}
#login{
	background-color:#5c82c2;
	height:133px;
	width:192px;
	position:absolute;
	top:0px;
	left:586px;
}
#loginparents{
position:absolute;
top:35px;
left:10px;
width:150px;
height:100px;
}

#login-title{
	background-color:#5c82c2;
	height:20px;
	width:192px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(images/title-parents.gif);
	background-repeat:no-repeat;
}
#login1{
	height:20px;
	width:172px;
	position:absolute;
	top:37px;
	left:17px;
}
#login2{
	height:20px;
	width:172px;
	position:absolute;
	top:64px;
	left:22px;
}
#login{
color:#FFFFFF;
font-size:10px;
}
#loginright{
	height:90px;
	width:90px;
	position:absolute;
	top:32px;
	left:91px;
}
#login3{
	height:20px;
	width:192px;
	position:absolute;
	top:120px;
	left:7px;
}

#login4{
	height:20px;
	width:192px;
	position:absolute;
	top:75px;
	left:00px;
}
.homeform {
width:80px;
margin-bottom:5px;
}
.buttonhome{
width:49px;
height:23px;
}

#newswrapper{
	width:778px;
	height:371px;
	position:absolute;
	top:0px;
	left:0px;
}

#sectionmenu{
	position:absolute;
	top:0px;
	left:0px;
	width:108px;
	height:371px;
	background-color:#94aed8;
	z-index:10;
}


#sectionmenu ul li a {
   display:block;
   height:28px; width:108px;
   text-indent:-9009px;
   padding:0px;
   margin:0px;
   line-height:28px;
   }

/* Side menu images for School Life */
#sectionmenu ul li .curriculum{ background:transparent url(images/sub-button-curriculum.gif) no-repeat 0 0;}
#sectionmenu ul li .departments{ background:transparent url(images/sub-button-departments.gif) no-repeat 0 0;}
#sectionmenu ul li .pastoral{ background:transparent url(images/sub-button-pastoral.gif) no-repeat 0 0;}
#sectionmenu ul li .sixth-form{ background:transparent url(images/sub-button-sixth-form.gif) no-repeat 0 0;}
#sectionmenu ul li .sport{ background:transparent url(images/sub-button-sport.gif) no-repeat 0 0;}
#sectionmenu ul li .co-curricular{ background:transparent url(images/sub-button-co-curricular.gif) no-repeat 0 0;}
#sectionmenu ul li .clubs-societies{ background:transparent url(images/sub-button-clubs-societies.gif) no-repeat 0 0;}
#sectionmenu ul li .student-life{ background:transparent url(images/sub-button-student-life.gif) no-repeat 0 0;}
#sectionmenu ul li .boarders{ background:transparent url(images/sub-button-boarders.gif) no-repeat 0 0;}
#sectionmenu ul li .school-council{ background:transparent url(images/sub-button-school-council.gif) no-repeat 0 0;}
#sectionmenu ul li .library{ background:transparent url(images/sub-button-library.gif) no-repeat 0 0;}
/* Side menu images for About Us */
#sectionmenu ul li .ficino-society{ background:transparent url(images/sub-button-ficino-society.gif) no-repeat 0 0;}
#sectionmenu ul li .careers{ background:transparent url(images/sub-button-careers.gif) no-repeat 0 0;}


#sectionmenu ul li .headmaster{ background:transparent url(images/sub-button-headmaster.gif) no-repeat 0 0;}
#sectionmenu ul li .philosophy{ background:transparent url(images/sub-button-philosophy.gif) no-repeat 0 0;}
#sectionmenu ul li .history{ background:transparent url(images/sub-button-history.gif) no-repeat 0 0;}
#sectionmenu ul li .governors{ background:transparent url(images/sub-button-governors.gif) no-repeat 0 0;}
#sectionmenu ul li .staff{ background:transparent url(images/sub-button-staff.gif) no-repeat 0 0;}
#sectionmenu ul li .recruitment{ background:transparent url(images/sub-button-recruitment.gif) no-repeat 0 0;}
#sectionmenu ul li .future-development{ background:transparent url(images/sub-button-future-development.gif) no-repeat 0 0;}
#sectionmenu ul li .exam-results{ background:transparent url(images/sub-button-exam-results.gif) no-repeat 0 0;}
#sectionmenu ul li .inspection-report{ background:transparent url(images/sub-button-inspection-report.gif) no-repeat 0 0;}
#sectionmenu ul li .meditation{ background:transparent url(images/sub-button-meditation.gif) no-repeat 0 0;}
#sectionmenu ul li .website{ background:transparent url(images/sub-button-website.gif) no-repeat 0 0;}
/* Side menu images for News */
#sectionmenu ul li .news-home{ background:transparent url(images/sub-button-news.gif) no-repeat 0 0;}
#sectionmenu ul li .archives{ background:transparent url(images/sub-button-archives.gif) no-repeat 0 0;}
#sectionmenu ul li .previous{ background:transparent url(images/sub-button-previous.gif) no-repeat 0 0;}
#sectionmenu ul li .next{ background:transparent url(images/sub-button-next.gif) no-repeat 0 0;}
#sectionmenu ul li .previousmonth{ background:transparent url(images/sub-button-previousmonth.gif) no-repeat 0 0;}
#sectionmenu ul li .nextmonth{ background:transparent url(images/sub-button-nextmonth.gif) no-repeat 0 0;}
/* Side menu images for Admssions */
#sectionmenu ul li .faqs{ background:transparent url(images/sub-button-faqs.gif) no-repeat 0 0;}
#sectionmenu ul li .registrations{ background:transparent url(images/sub-button-registrations.gif) no-repeat 0 0;}
#sectionmenu ul li .fees{ background:transparent url(images/sub-button-fees.gif) no-repeat 0 0;}
#sectionmenu ul li .entrance-exam-dates{ background:transparent url(images/sub-button-entrance-exam-dates.gif) no-repeat 0 0;}
#sectionmenu ul li .bursaries{ background:transparent url(images/sub-button-bursaries.gif) no-repeat 0 0;}
#sectionmenu ul li .request-a-prospectus{ background:transparent url(images/sub-button-request-a-prospectus.gif) no-repeat 0 0;}
#sectionmenu ul li .open-days{ background:transparent url(images/sub-button-open-days.gif) no-repeat 0 0;}
#sectionmenu ul li .uniform{ background:transparent url(images/sub-button-uniform.gif) no-repeat 0 0;}
/* Side menu images for Calendar */
#sectionmenu ul li .public-events{ background:transparent url(images/sub-button-public-events.gif) no-repeat 0 0;}
#sectionmenu ul li .term-dates{ background:transparent url(images/sub-button-term-dates.gif) no-repeat 0 0;}
/* Side menu images for Contact */
#sectionmenu ul li .make-an-enquiry{ background:transparent url(images/sub-button-make-an-enquiry.gif) no-repeat 0 0;}
#sectionmenu ul li .location{ background:transparent url(images/sub-button-location.gif) no-repeat 0 0;}
/* Side menu images for Links */
#sectionmenu ul li .friends{ background:transparent url(images/sub-button-friends.gif) no-repeat 0 0;}
#sectionmenu ul li .seventh-form{ background:transparent url(images/sub-button-seventh-form.gif) no-repeat 0 0;}
#sectionmenu ul li .lucca-leadership{ background:transparent url(images/sub-button-lucca-leadership.gif) no-repeat 0 0;}
#sectionmenu ul li .staff-calendar{ background:transparent url(images/sub-button-staff-calendar.gif) no-repeat 0 0;}
/* Side menu images for Parents */
/* Term Dates done already */
#sectionmenu ul li .news{ background:transparent url(images/sub-button-news.gif) no-repeat 0 0;}
#sectionmenu ul li .log-out{ background:transparent url(images/sub-button-log-out.gif) no-repeat 0 0;}
#sectionmenu ul li .calendar{ background:transparent url(images/sub-button-calendar.gif) no-repeat 0 0;}
#sectionmenu ul li .letter{ background:transparent url(images/sub-button-letter.gif) no-repeat 0 0;}
#sectionmenu ul li .staff_contact{ background:transparent url(images/sub-button-staff_contact.gif) no-repeat 0 0;}

#sectionmenu ul li .school_policies{ background:transparent url(images/sub-button-school_policies.gif) no-repeat 0 0;}

#sectionmenu ul li .ashford_introduction{ background:transparent url(images/sub-button-introduction.gif) no-repeat 0 0;}
#sectionmenu ul li .ashford_location{ background:transparent url(images/sub-button-ashford_location.gif) no-repeat 0 0;}
#sectionmenu ul li .ashford_transport{ background:transparent url(images/sub-button-ashford_transport.gif) no-repeat 0 0;}
#sectionmenu ul li .ashford_virtual_tours{ background:transparent url(images/sub-button-ashford_virtual_tours.gif) no-repeat 0 0;}
#sectionmenu ul li .ashford_news_updates{ background:transparent url(images/sub-button-ashford_news_updates.gif) no-repeat 0 0;}

#sectionmenu ul li .video{ background:transparent url(images/sub-button-video.gif) no-repeat 0 0;}


#sectionmenu ul li a:hover {
   background-position: 0px -28px;
   }
#sectionmenu ul li .active {
   background-position: 0px -28px;
   }
#sectionmenu ul li .active:hover {
   background-position: 0px -28px;
   }



#sectiontitle{
	position:absolute;
	top:0px;
	left:108px;
	width:256px;
	height:371px;
}

#menuarrow{
	position:absolute;
	left:0px;
	width:10px;
	height:19px;
	background: url(images/menuarrow.png) no-repeat left top;
}

#sectiontitle .headmaster {top:11px;}
#sectiontitle .about-us-philosophy{top:38px;}
#sectiontitle .about-us-history{top:66px;}
#sectiontitle .future-development{top:94px;}
#sectiontitle .governors{top:122px;}
#sectiontitle .staff{top:150px;}
#sectiontitle .exam-results{top:177px;}
#sectiontitle .inspection-report{top:207px;}
#sectiontitle .meditation{top:234px;}
#sectiontitle .recruitment{top:262px;}
#sectiontitle .website{top:289px;}
#sectiontitle .school_policies{top:316px;}


#sectiontitle .faqs {top:11px;}
#sectiontitle .registrations{top:38px;}
#sectiontitle .fees{top:66px;}
#sectiontitle .entrance-exam-dates{top:94px;}
#sectiontitle .bursaries{top:122px;}
#sectiontitle .request-a-prospectus{top:150px;}
#sectiontitle .open-days{top:177px;}
#sectiontitle .uniform{top:207px;}

#sectiontitle .ashford_introduction {top:11px;}
#sectiontitle .ashford_location {top:38px;}
#sectiontitle .ashford_open_days {top:66px;}
#sectiontitle .ashford_transport {top:94px;}
#sectiontitle .ashford_virtual_tours {top:122px;}
#sectiontitle .ashford_term_dates {top:150px;}
#sectiontitle .ashford_news_updates {top:177px;}


.button1{top:11px;}
.button2{top:38px;}
.button3{top:66px;}
.button4{top:94px;}
.button5{top:122px;}
.button6{top:150px;}
.button7{top:177px;}
.button8{top:207px;}
.button9{top:234px;}
.button10{top:262px;}
.button11{top:289px;}


#menutitle-sport{
	position:absolute;
	top:10px;
	left:210px;
	width:56px;
	height:297px;
	background: url(images/menutitle-sport.png) no-repeat left top;
}
#menutitle-curriculum{
	position:absolute;
	top:-4px;
	left:193px;
	width:65px;
	height:375px;
	background: url(images/menutitle-curriculum.png) no-repeat left top;
}
#menutitle-departments{
	position:absolute;
	top:0px;
	left:193px;
	width:65px;
	height:375px;
	background: url(images/menutitle-departments.png) no-repeat left top;
}
#menutitle-pastoral{
	position:absolute;
	top:0px;
	left:193px;
	width:65px;
	height:375px;
	background: url(images/menutitle-pastoral.png) no-repeat left top;
}
#menutitle-sixth-form{
	position:absolute;
	top:0px;
	left:193px;
	width:65px;
	height:375px;
	background: url(images/menutitle-sixth-form.png) no-repeat left top;
}
#menutitle-sport{
	position:absolute;
	top:0px;
	left:210px;
	width:65px;
	height:375px;
	background: url(images/menutitle-sport.png) no-repeat left top;
}
#menutitle-pastoral{
	position:absolute;
	top:0px;
	left:193px;
	width:65px;
	height:375px;
	background: url(images/menutitle-pastoral.png) no-repeat left top;
}
#menutitle-co-curricular{
	position:absolute;
	top:0px;
	left:193px;
	width:65px;
	height:375px;
	background: url(images/menutitle-co-curricular.png) no-repeat left top;
}
#menutitle-clubs-societies{
	position:absolute;
	top:0px;
	left:193px;
	width:65px;
	height:375px;
	background: url(images/menutitle-clubs-societies.png) no-repeat left top;
}
#menutitle-student-life{
	position:absolute;
	top:0px;
	left:193px;
	width:65px;
	height:375px;
	background: url(images/menutitle-student-life.png) no-repeat left top;
}
#menutitle-boarders{
	position:absolute;
	top:0px;
	left:193px;
	width:65px;
	height:375px;
	background: url(images/menutitle-boarders.png) no-repeat left top;
}
#menutitle-school-council{
	position:absolute;
	top:0px;
	left:193px;
	width:65px;
	height:375px;
	background: url(images/menutitle-school-council.png) no-repeat left top;
}
#menutitle-library{
	position:absolute;
	top:0px;
	left:193px;
	width:65px;
	height:375px;
	background: url(images/menutitle-library.png) no-repeat left top;
}



#subwrapper{
	width:414px;
	height:370px;
	left:364px;
	position:absolute;
}

#newsskin{
	position:absolute;
	top:0px;
	left:124px;
	height:371px;
	width:654px;
	color:#000000;
	overflow:auto;
	font-size:11px;
		font-size:11px;
	line-height:15px
}

#calendarskin{
	position:absolute;
	top:0px;
	left:121px;
	height:371px;
	width:656px;
	color:#000000;
	overflow:auto;
}

.content{
margin-right:10px;
}

em{
font-style:italic;
}

.contentbody{
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.readmore{
margin-top:5px;
clear:both
}

#newsskin h2{
	color:#777EBF;
	margin-top:5px;
	font-size:12px;
}

#newsskin h1 a{
color:#003366;
}
#newsskin h1{
margin-top:5px;
margin-bottom:12px;
font-size:15px;
color:#003366;
font-weight:bold;


}

#content a{
	text-decoration:none;
	color:#0061C1;
}

#content a:hover{
text-decoration:underline;
}

#newsskin p{
padding-bottom:10px;
padding-right:8px;
	font-size:11px;
	line-height:15px
}
#newsskin img{
	float:left;
	margin-right: 10px;	
}
#subsectionmenu-back{
	position:absolute;
	width:108px;
	height:371px;
	top:0px;
	left:0px;
	background-image: url(images/subsectionmenu.png);
	z-index:100;
}

#subsectionmenu-backsmaller{
	position:absolute;
	width:27px;
	height:371px;
	top:0px;
	left:0px;
	background-image: url(images/subsectionmenu-s.png);
	z-index:100;
}


#subsectionmenu{
	position:absolute;
	width:108px;
	height:371px;
	top:0px;
	left:0px;
		z-index:101;
}

#subsectioncontent{
	position:absolute;
	width:306px;
	height:338px;
	left:107px;
	top: 28px;
	overflow:auto;
	padding-top:5px;
	padding-left:1px;
	font-size:11px;
}

#larger-sub-sectionconent{
	width:306px;
	height:366px;
	left:107px;
	position:absolute;
	overflow:auto;
	padding-top:5px;
	color:#000000;
	font-size:11px;
	padding-left:1px;
}


#largersectiontitle{
	position:absolute;	
	width:414px;
	height:21px;
	left: 0px;
	top: 0px;
}

#largersectionconent{
	width:389px;
	height:366px;
	left:25px;
	position:absolute;
	overflow:auto;
	padding-top:5px;
	color:#000000;
	font-size:11px;
	padding-left:1px;
}



#subsectioncontent-tertiary{
	position:absolute;
	width:308px;
	height:302px;
	left:106px;
	top: 64px;
	overflow:auto;
	padding-top:5px;
	font-size:11px;
}

#subwrapper p{
color:#000000;
font-size:11px;
padding-bottom:10px;
/*padding-left:5px;*/
padding-right:8px;
line-height:14px;
}

#subwrapper h4{
color:#000000;
font-size:11px;
padding-bottom:2px;
/*padding-left:5px;*/
}


#subsectiontitle{
	position:absolute;
	width:319px;
	height:19px;
	left: 93px;
	top: 10px;
}


#tertiary{
	position:absolute;
	width:320px;
	height:27px;
	left: 94px;
	top: 34px;
	background-color:#E4E4E4;
	z-index:1;
}

#tertiary ul{
font-size:10px;
margin-left:10px;
}

#tertiary a{
	display: block;
	text-decoration:none;
	color:#666666;
}
#tertiary a:hover{
	text-decoration:underline;
	color:#333333;
}

#tertiary li{
display:block;
float: left;
width:49px;
text-align:center;
line-height:13px;
}

#tertiary .singleline{
padding-top:7px;
}

#tertiary .active{
color:#000000;
}

#tertiary .big{
width:70px;
}

#tertiary .small{
width:43px;
}

#bluestrip{
	position:absolute;
	left:0px;
	top:371px;
	height:6px;
	width:778px;
	background-color:#4268a8;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #6588C2;
	border-bottom-color: #2D4671;
}
#bluestrip-home{
	position:absolute;
	left:0px;
	top:461px;
	height:6px;
	width:778px;
	background-color:#4268a8;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #6588C2;
	border-bottom-color: #2D4671;
}
#schoolinfo{
	position:absolute;
	left:0px;
	top:576px;
	height:21px;
	width:814px;
	background-color: #79736D;
	background-image: url(images/back-bottom.jpg);
}

#schoolinfo p{
	font-size:10px;
	padding-top:4px;
	padding-left:10px;
	color:#B9B9B9;
	text-align:center;
}

#time p{
font-size:11px;
padding-top:4px;
padding-right:5px;
color:#FFFFFF;

}

#time a{
	color:#FFCC33;
	font-weight:bold;
	text-decoration:none;
}
#time a:hover{
	color:#FFFF33;
	text-decoration:underline;
}

#te .padd{
margin-top:7px;
width:130px;
}
#te .padd2{
margin-top:7px;

}

#te{
	border: 1px solid #006699;
	float:left;
	padding:10px;
	width:229px;
	margin-left:50px;
	display:inline;
}

#subsectionmenu ul{
      margin-top: 7px;
      list-style-type: none;
	  text-align:right;
}

#subsectionmenu ul li{
	padding-top:4px;
	padding-bottom:4px;
	padding-right:20px;

}

#subsectionmenu .active{
	background-image:url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: 94px 1px;
	font-weight:bold;
}


#subsectionmenu .active-twoline{
	background-image:url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: 94px 8px;
	font-weight:bold;
}

#subsectionmenu a {
	width: 100%;
	text-decoration: none;
	color:#5d78a5;
	font-size:11px;
	letter-spacing: 0px;
    }
	
	
#subsectionmenu a:hover {
	color:#8b9fc1;
}

	
#calendaroptions{
	position:absolute;
	left:0px;
	width:108px;
	z-index:11;
	text-align:right;
	background-color:#eeeeee;
}



.staffcal{
	top:84px;
	height:287px;
}
.publiccal{
top:56px;
height:315px;
}
.parentscal{
top:112px;
height:259px;
}

calendaroptions-parents{
}
	
#calendaroptions a{
	color:#333333;
	font-size:9px;

}
#calendaroptions ul{
	margin-bottom:4px;
}
.all{
	background-color:#C0C1C9;
}
.one{
	background-color:#d4d4d4;
}
.two{
	background-color:#E4E4E4;
}
.three{
	background-color:#eeeeee;
}
#calendaroptions li{
	background-repeat:no-repeat;
	background-position: 98px 3px;
	padding-right:13px;
	padding-top:3px;
	padding-bottom:3px;
	}
	
#calendaroptions .twolinecal{
	background-position: 98px 9px;
	line-height:10px;
}
#calendaroptions .co-curricular{
 	background-image:url(images/cal-co-curricular.gif);
}
#calendaroptions .cal-general-school-events{
 	background-image:url(images/cal-general-school-events.gif);
}	
#calendaroptions .cal-entry-exams{
 	background-image:url(images/cal-entry-exams.gif);
}	
#calendaroptions .cal-open-events{
 	background-image:url(images/cal-open-events.gif);
}
#calendaroptions .cal-parent-teacher{
 	background-image:url(images/cal-parent-teacher.gif);
}	
#calendaroptions .cal-school-exams{
 	background-image:url(images/cal-school-exams.gif);
}	
#calendaroptions .cal-sport{
 	background-image:url(images/cal-sport.gif);
}
#calendaroptions .cal-staff-general{
 	background-image:url(images/cal-staff-general.gif);
}	
#calendaroptions .cal-staff-inset{
 	background-image:url(images/cal-staff-inset.gif);
}	
#calendaroptions .cal-staff-meetings{
 	background-image:url(images/cal-staff-meetings.gif);
}
#calendaroptions .cal-term-dates{
 	background-image:url(images/cal-term-dates.gif);
}	
#calendaroptions .cal-lucca-friends{
 	background-image:url(images/cal-lucca-friends.gif);
}

	
#calendaroptions h1{
font-size:11px;
color:#FFFF99;
margin-bottom: 9px;
}

#calendaroptions .calactive{
	color:#4975BE;
	font-weight:bold;
}
#login3 a{
color:#CCCCCC;
}
#loginparents a{
	color: #CCCCCC;
}
.header{
font-size:14px;
color:#435c85;
margin-top:3px;
font-weight:bold;
}

#subwrapper .header {
font-size:14px;
color:#435c85;
margin-top:3px;
font-weight:bold;
}

#largersectionconent ul, #subsectioncontent ul, #subsectioncontent-tertiary ul, #flashwrapper ul{
	list-style-position: outside;
	list-style-type: disc;
	padding-left:13px;
}
#largersectionconent li, #subsectioncontent li, #subsectioncontent-tertiary li{
line-height:14px;
font-size:11px;
}

#largersectionconent table p, #subsectioncontent table p{
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:2px;
}
.contenttitle {
	clear:both;
}
.contentbody img{
	margin-right:5px;
	margin-bottom:5px;
}
.clear{
	clear:both;
}
.contentbody{
	clear:both
}
#flashwrapper p{
	font-size:13px;
	padding-bottom:10px;
padding-right:8px;
line-height:13px;
}
#flashwrapper li{
	line-height:15px;
	font-size:13px;
}
#flashwrapper .header{
	font-size:14px;
	margin-bottom:10px;
}
#schoolinfo a{
	color:#DFDFDF;
	text-decoration:none;
}
#schoolinfo a:hover{
	color:#F0F0F0;
	text-decoration:underline;
}