body {
	margin: 20px;
	padding: 0;
	background:#000000;
	font: normal small Arial, Helvetica, sans-serif;
	color: #6F4503;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #9E6813;
}

h2 {
	font-size:16px;
	color:#000000;
}

h3 {
	font-size:16px;
	color:#333333;
	margin-bottom:5px;
}

h5 {
	font-size:12px;
	color:#000000;
}

h6 {
	background-image:url(images/shadedbackground.jpg);
	background-repeat:repeat-x;
	font-size:14px;
	height:21px;
	text-align:center;
	color:#FFFFFF;
	padding:4px 0px 0px 0px;
}

.header {
	font-size:14px;
	color:#333333;
	font-weight:bold;
}

.content {
	font-size:11px;
}

p, ul, ol, blockquote {
	margin-top: 0;
	color:#000000;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

/* Header */

#logo {
	width: 850px;
	height: 75px;
	margin: 0 auto;
	padding: 0px 0 0 0;
	background: #FFEE8F url(images/bigbg3.gif) repeat-x;
	border: 5px solid #FFFFFF;
	border-bottom: none;
}

#logo h1 {
	text-align: center;
	font-size: 3em;
}

#logo h2 {
	text-align: center;
	font-size: 1.4em;
}

#logo a {
	text-decoration: none;
	color: #9E6813;
}

/* Menu */

#menu {
	width: 850px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	background: #4E4E4E;
	border: 5px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;;
}

#menu h2 {
	display: none;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 98px;
	height: 20px;
	padding-top: 8px;
	text-align: center;
	text-decoration: none;
	color:#CCCCCC;
}

#menu a:hover, #menu .active a {
	background: #000000;
	color:#FF0000;
}

/* Splash */

#image {
	width: 850px;
	margin: 0 auto;
	background: #FFFFFF;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
}

/* Content */

#body {
	width: 850px;
	height:auto;
	margin: 0 auto;
	background: #FFFFFF;
	border: 5px solid #FFFFFF;
}

#body .title {
	padding: 5px 20px;
	background: #FFEE8E url(images/smallbg2.gif) repeat-x left bottom;
	font-size: 1em;
}

#body .story {
	padding: 20px;
	border: 2px solid #FFEE8E;
	height:auto;
	width:auto;
	overflow:auto;
}

#body .story2 {
	padding: 20px;
	border: 2px solid #FFEE8E;
	height:auto;
	width:auto;
	overflow:auto;
}

#storyleft {
	width:520px;
	height:auto;
	float:left;
	border:#999999 solid 1px;
	padding:10px;
	background-color:#f0f0f0;
}

#storyright {
	width:250px;
	height:auto;
	float:right;
}

#contentleft {
	width:400px;
	height:auto;
	float:left;
}

#contentright {
	width:400px;
	height:auto;
	float:right;
}

/* Subjects */

#subjectwrapper {
	width:800px;
	height:auto;
	float:left;
}

#subjectlist {
	width:175px;
	height:auto;
	float:left;
}

.subjectlist {
	list-style-type:none;
	width:175px;
	margin:0px;
	padding:0px;
}

.subjectlist li {
	background-image:url(images/176buttonup.jpg);
	background-repeat:no-repeat;
	width:175px;
	height:25px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding-top:3px;
}

.subjectlist li:hover {
	background-image:url(images/176buttondown.jpg);
	background-repeat:no-repeat;
}

#subjectcontent {
	width:430px;
	height:auto;
	float:left;
	padding:0px 10px 0px 10px
}

#subjectimage {
	width:430px;
	height:100px;
	background-color:#FF0000;
	margin-bottom:10px;
}

#subjectnav {
	width:175px;
	height:auto;
	float:left;
}

.subjectnav {
	list-style-type:none;
	width:175px;
	margin:0px;
	padding:0px;
}

.subjectnav li {
	background-image:url(images/176buttonup.jpg);
	background-position:right;
	background-repeat:no-repeat;
	width:175px;
	height:25px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding-top:3px;
}

.subjectnav li:hover {
	background-image:url(images/176buttondown.jpg);
	background-repeat:no-repeat;
}

#details {
	background-color:#CCCCCC;
	border:1px #999999 solid;
	padding:5px;
}

.contentheader {
	font-size:12px;
	font-weight:bold;
}

/* bot*/

#bot {
	width: 830px;
	margin: 0 auto;
	padding: 10px 10px;
	background: #4E4E4E;
	border: 5px solid #FFFFFF;
	border-top: none;
}

#bot p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: x-small;
	color: #CCCCCC;
}

#bot a {
	color: #CCCCCC;
}

/* Bottom Hover */

#bot p a:hover {
	color: #FFCC00;
}

.important {
	border:1px solid #FF0000;
	background-color:#F0F0F2;
	padding:10px;
	margin-bottom:10px;
}

#content {
	width:800px;
	height:auto;
}

/* Accordion */

h4.acc_trigger {
	padding:0px;
	margin:0px;
	background-image:url(images/latestnewspanel.png);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	height: 30px;
	line-height: 30px;
	width: 250px;
	font-size: 14px;
	font-weight: normal;
	float: left;
}
h4.acc_trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 0 0 30px;
}
h4.acc_trigger a:hover {
	color: #ccc;
}
h4.active {
	background-image:url(images/latestnewspaneldown.png);
}
.acc_container {
	margin:0px;
	padding:0px;
	overflow: hidden;
	font-size: 10px;
	width: 248px;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.acc_container .block {
	padding: 10px 10px 0px 10px;
}

#termdates {
	width:230px;
	height:auto;
	margin:30px 0px 0px 0px;
	background-color:#FFFFFF;
	float:right;
	border:#999999 solid 1px;
	background-color:#f0f0f0;
	padding:10px;
}

.framlingham {
	background-image:url(staff/history/images/framlinghamcastle.jpg);
	width:430px;
	height:100px;
	margin:0px 0px 10px 0px;
}

.framlingham:hover {
	background-image:url(staff/history/images/framlinghamcastlehover.jpg);
}

.orfordcastle {
	background-image:url(staff/history/images/orfordcastle.jpg);
	width:430px;
	height:100px;
	margin:0px 0px 10px 0px;
}

.orfordcastle:hover {
	background-image:url(staff/history/images/orfordcastlehover.jpg);
}

.suttonhoo {
	background-image:url(staff/history/images/suttonhoo.jpg);
	width:430px;
	height:100px;
	margin:0px 0px 10px 0px;
}

.suttonhoo:hover {
	background-image:url(staff/history/images/suttonhoohover.jpg);
}

.weststowe {
	background-image:url(staff/history/images/weststowe.jpg);
	width:430px;
	height:100px;
	margin:0px 0px 10px 0px;
}

.weststowe:hover {
	background-image:url(staff/history/images/weststowehover.jpg);
}

.futurehouses {
	background-image:url(staff/technology/images/futurehouses.jpg);
	width:430px;
	height:100px;
	margin:0px 0px 10px 0px;
}

.futurehouses:hover {
	background-image:url(staff/technology/images/futurehouseshover.jpg)
}

.update {
	font-size:10px;
	text-align:right;
	padding:12px 10px 0px 0px;
	color:#888888;
}

.wickhambrook {
	background-image:url(staff/SEN/images/wickhambrookcpheaderup.jpg);
	width:428px;
	height:70px;
	border:1px #FFFFFF solid;
}

.wickhambrook:hover {
	background-image:url(staff/SEN/images/wickhambrookcpheaderdown.jpg);
	width:428px;
	height:70px;
	border:1px #CCCCCC solid;
}

.submenu li {
	background-color:#D5FFAA;
	color:#000000;
	background-image:none;
	list-style-type:none;
	margin-left:-40px;
}

.submenu li:hover {
	background-color:#A5FF4A;
	background-image:none;
}

.break {
	width:430px;
	height:auto;
	float:left;
}

.alert {
	width:340px;
	height:auto;
	border:2px #FF0000 solid;
	padding:5px;
}

.photo {
	width:100px;
	height:140px;
	float:left;
}

/* SUBJECTS  */

.art {background-image:url(images/subjects/art.jpg);width:100px;height:100px;float:left;margin-left:7px}
.art:hover {background-image:url(images/subjects/arthover.jpg)}
.citizenship {background-image:url(images/subjects/citizenship.jpg);width:100px;height:100px;float:left;margin-left:15px}
.citizenship:hover {background-image:url(images/subjects/citizenshiphover.jpg)}
.drama{background-image:url(images/subjects/drama.jpg);width:100px;height:100px;float:left;margin-left:15px}
.drama:hover{background-image:url(images/subjects/dramahover.jpg)}
.english{background-image:url(images/subjects/english.jpg);width:100px;height:100px;float:left;margin-left:15px}
.english:hover{background-image:url(images/subjects/englishhover.jpg)}
.french{background-image:url(images/subjects/french.jpg);width:100px;height:100px;float:left;margin-left:15px;}
.french:hover{background-image:url(images/subjects/frenchhover.jpg)}
.geography{background-image:url(images/subjects/geography.jpg);width:100px;height:100px;float:left;margin-left:15px}
.geography:hover{background-image:url(images/subjects/geographyhover.jpg)}
.history{background-image:url(images/subjects/history.jpg);width:100px;height:100px;float:left;margin-left:15px}
.history:hover{background-image:url(images/subjects/historyhover.jpg)}
.ict{background-image:url(images/subjects/ict.jpg);width:100px;height:100px;float:left;margin:15px 0px 0px 7px}
.ict:hover{background-image:url(images/subjects/icthover.jpg)}
.library{background-image:url(images/subjects/library.jpg);width:100px;height:100px;float:left;margin:15px 0px 0px 15px}
.library:hover{background-image:url(images/subjects/libraryhover.jpg)}
.maths{background-image:url(images/subjects/maths.jpg);width:100px;height:100px;float:left;margin:15px 0px 0px 15px}
.maths:hover{background-image:url(images/subjects/mathshover.jpg)}
.music{background-image:url(images/subjects/music.jpg);width:100px;height:100px;float:left;margin:15px 0px 0px 15px}
.music:hover{background-image:url(images/subjects/musichover.jpg)}
.pe{background-image:url(images/subjects/pe.jpg);width:100px;height:100px;float:left;margin:15px 0px 0px 15px}
.pe:hover{background-image:url(images/subjects/pehover.jpg)}
.re{background-image:url(images/subjects/re.jpg);width:100px;height:100px;float:left;margin:15px 0px 0px 15px}
.re:hover{background-image:url(images/subjects/rehover.jpg)}
.science{background-image:url(images/subjects/science.jpg);width:100px;height:100px;float:left;margin:15px 0px 0px 15px}
.science:hover{background-image:url(images/subjects/sciencehover.jpg)}
.sen{background-image:url(images/subjects/sen.jpg);width:100px;height:100px;float:left;margin:15px 0px 0px 295px}
.sen:hover{background-image:url(images/subjects/senhover.jpg)}
.technology{background-image:url(images/subjects/technology.jpg);width:100px;height:100px;float:left;margin:15px 0px 0px 15px}
.technology:hover{background-image:url(images/subjects/technologyhover.jpg)}
.dyslexiaassessment{background-image:url(staff/SEN/images/assessments/dyslexiaassessments.jpg);width:100px;height:100px;float:left;}
.dyslexiaassessment:hover{background-image:url(staff/SEN/images/assessments/dyslexiaassessmentshover.jpg)}
.learningstyles{background-image:url(staff/SEN/images/assessments/learningstyles.jpg);width:100px;height:100px;float:left;margin:0px 0px 0px 10px}
.learningstyles:hover{background-image:url(staff/SEN/images/assessments/learningstyleshover.jpg)}
.literacyassessment{background-image:url(staff/SEN/images/assessments/literacyassessment.jpg);width:100px;height:100px;float:left;margin:0px 0px 0px 10px}
.literacyassessment:hover{background-image:url(staff/SEN/images/assessments/literacyassessmenthover.jpg)}
.mathsassessment{background-image:url(staff/SEN/images/assessments/mathsassessment.jpg);width:100px;height:100px;float:left;margin:0px 0px 0px 10px}
.mathsassessment:hover{background-image:url(staff/SEN/images/assessments/mathsassessmenthover.jpg)}
.memoryassessment{background-image:url(staff/SEN/images/assessments/memoryassessment.jpg);width:100px;height:100px;float:left;margin:10px 10px 0px 0px}
.memoryassessment:hover{background-image:url(staff/SEN/images/assessments/memoryassessmenthover.jpg)}
.readingassessment{background-image:url(staff/SEN/images/assessments/readingassessment.jpg);width:100px;height:100px;float:left;margin:10px 10px 0px 0px}
.readingassessment:hover{background-image:url(staff/SEN/images/assessments/readingassessmenthover.jpg)}
.spellingassessment{background-image:url(staff/SEN/images/assessments/spellingassessment.jpg);width:100px;height:100px;float:left;margin:10px 10px 0px 0px}
.spellingassessment:hover{background-image:url(staff/SEN/images/assessments/spellingassessmenthover.jpg)}
.vocabularyassessments{background-image:url(staff/SEN/images/assessments/vocabularyassessment.jpg);width:100px;height:100px;float:left;margin:10px 0px 0px 0px}
.vocabularyassessments:hover{background-image:url(staff/SEN/images/assessments/vocabularyassessmenthover.jpg)}


.bg1 { background: url(images/red.jpg) repeat-x; background-color: #6c0000; }
.bg2 { background: url(images/orange.jpg) repeat-x; background-color: #5A2A00; }
.bg3 { background: url(images/blue.jpg) repeat-x; background-color: #00345B; }