/* 	Hallfield School
   	Primary Stylesheet
   
   	13 March 2009, Aimee Holman for Icomm Technologies Limited
   	+44(0)121 248 7878 www.icomm.co.uk
   
   	Theme Name: Hallfield School
	Theme URI: http://wordpress.org/
	Description: Hallfield School
	Version: 1.0
	Author: Katherine Kit
	Author URI: http://www.mercato.com
   
   	COLOURS USED IN THIS SITE 
   	
   	#5f6060 - Content text colour
	#254435 - dark green
  
*/


html, body {
  	height: 100%;
}
body {
	background: #383939;
	font: normal 9pt/13.5pt lucida sans unicode, arial,helvetica,verdana,sans-serif;
	color: #5f6060;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#mainContainer {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}

#container {
	background: url(images/layout/contentBg.gif) repeat-y top left;
	width: 990px;
}

/* LEFT PANEL STYLES */

#leftPanelContainer {
	float: left;
	width: 189px;
	height: 100%;
}
#leftPanelTop {
	background: url(images/layout/leftPanelTop.gif) no-repeat top left;
	display: block;
	width: 189px;
	height: 31px;
}
#leftPanelContent {
	background: none;
	width: 174px;
	margin: 0px 0px 0px 15px;
}
.logo {
	padding: 0px;
	margin: 0px 0px 0px 14px;
}
#login {
	padding: 0px;
	margin: 36px 0px 56px 14px;
}
#calendarContainer {
	padding: 0px;
	margin: 36px 0px 0px 14px; 
}
#calendar {
	width: 146px;
	padding: 14px 0px 27px 0px;
	margin: 7px 0px 0px 0px;
	border-top: 1px dotted #383939;
}





/* MAIN PANEL AREA */

#mainPanelContainer {
	background: none;
	width: 801px;
	height: 100%;
	float: left;
	padding: 0 0 20px 0;
	margin: 0px;
	border-top: 14px solid #323333;
}
#printLogo {
	display: none;
}
#topImage {
	display:block;
	width: 785px;
	height:132px;
/*	float: left;*/
	padding: 0px 0px 0px 1px;
	margin: 0px;
	border-top: 1px solid #ffffff;
}
/*#ie6TopImage {
	display:none;
}*/
#navigationContainer {
	background: #254435;
	width: 786px;
	height: 92px;
	padding: 0px;
	margin: 0px 0px 0px 1px;
}

/* TOP NAVIGATION */

#topNav {
	background: url(images/layout/nav-bg.gif) bottom left repeat-x;
	float: left;
	width: 785px;
	padding: 11px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#navigation {
	clear: both;
	list-style-type: none;	
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

#navigation li {
	background: none;
	float: left;
	padding: 0px 12px 10px 12px;
	margin: 0px;
	position: relative;
	z-index: 500; /* Fixes overlap */
}
#navigation li a {	
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
#navigation li a:hover {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

#navigation li li {
	background: none;
/*	float: none;*/	
	padding-right: 0;
}
#navigation li ul {
	background: none;
	position: absolute;
	float: none;
	left: -999em;	
	list-style-type: none;
	padding: 7px 0px 0px 0px;
	margin: -7px 0px 0px -20px;

}
#navigation li:hover ul {
	background: none;

}
#navigation li#catmenuHome:hover ul {
	border-top: 7px solid #ffffff;
	width: 57px;
}

#navigation li#activeCatmenuHome {
	border-bottom: 7px solid #ffffff;
	width: 45px;
	padding: 0px 0px 3px 12px;
	margin: 0px;
}

/* -- Navigation [About] -- */
#navigation li#catmenuAbout:hover ul {
	background: url(images/layout/aboutUlTop.gif) no-repeat top left;
	width: 163px;
	padding: 7px 0px 0px 0px;	
	margin: -7px 0px 0px -20px;
}
#navigation li#catmenuAbout li {
	background: url(images/layout/aboutBg.png) repeat-y top left;	
	padding: 0px;
	margin: 0px;
	width: 163px;
}
#navigation li#catmenuAbout li a {
	display: block;
	color: #323333;
	background: #fdfefd;
	border-bottom: 1px dotted #dfe2e1;
	padding: 6px 10px 6px 10px;
	margin: 0px 20px 0px 20px;
}
#navigation li#catmenuAbout li a:hover {
	color: #ffffff;
	background: #4c8c6d;
	border-bottom: 1px solid #4c8c6d;
}
#navigation li#catmenuAbout li.bottom {
	background: url(images/layout/aboutBgBottom.png) no-repeat top left;	
	width: 163px;
	height: 25px;
	display: block;
	padding: 0px;
	margin: 0px;
}
#navigation li#catmenuAbout li li {
	background: url(images/layout/aboutBg.png) repeat-y top left;	
	padding-top: 0px;
}

#navigation li#catmenuAbout ul ul {
/*	display: block;
	margin: 0px 0px 0px 117px;	
	padding: 0px;
	z-index: 100;*/
	display: none;
}


/* -- Navigation [Admissions] -- */
#navigation li#catmenuAdmissions:hover ul {
	background: url(images/layout/admissionsUlTop.gif) no-repeat top left;
	width: 129px;
	padding: 7px 0px 0px 0px;	
	margin: -7px 0px 0px -20px;
}
#navigation li#catmenuAdmissions li {
	background: url(images/layout/admissionsBg.png) repeat-y top left;
	width: 129px;	
	padding: 0px;
	margin: 0px;
}
#navigation li#catmenuAdmissions li a {
	display: block;
	color: #323333;
	background: #fdfefd;
	border-bottom: 1px dotted #dfe2e1;
	padding: 6px 10px 6px 10px;
	margin: 0px 20px 0px 20px;
}
#navigation li#catmenuAdmissions li a:hover {
	color: #ffffff;
	background: #4c8c6d;
	border-bottom: 1px solid #4c8c6d;
}
#navigation li#catmenuAdmissions li.bottom {
	background: url(images/layout/admissionsBgBottom.png) no-repeat top left;	
	width: 129px;
	height: 25px;
	display: block;
	padding: 0px;
	margin: 0px;
}
#navigation li#catmenuAdmissions li li {
	background: url(images/layout/admissionsBg.png) repeat-y top left;	
	padding-top: 0px;
}





/* -- Navigation [Hallfield News] -- */
#navigation li#catmenuNews:hover ul {
	background: url(images/layout/newsUlTop.gif) no-repeat top left;
	width: 146px;
	padding: 7px 0px 0px 0px;	
	margin: -7px 0px 0px -20px;
}
#navigation li#catmenuNews li {
	background: url(images/layout/newsBg.png) repeat-y top left;
	width: 146px;	
	padding: 0px;
	margin: 0px;
}
#navigation li#catmenuNews li a {
	display: block;
	color: #323333;
	background: #fdfefd;
	border-bottom: 1px dotted #dfe2e1;
	padding: 6px 10px 6px 10px;
	margin: 0px 20px 0px 20px;
}
#navigation li#catmenuNews li a:hover {
	color: #ffffff;
	background: #4c8c6d;
	border-bottom: 1px solid #4c8c6d;
}
#navigation li#catmenuNews li.bottom {
	background: url(images/layout/newsBgBottom.png) no-repeat top left;	
	width: 146px;
	height: 25px;
	display: block;
	padding: 0px;
	margin: 0px;
}
#navigation li#catmenuNews li li {
	background: url(images/layout/newsBg.png) repeat-y top left;	
	padding-top: 0px;
}



/* -- Navigation [Hallfield First] -- */
#navigation li#catmenuFirst:hover ul {
	background: url(images/layout/firstUlTop.gif) no-repeat top left;
	width: 139px;
	padding: 7px 0px 0px 0px;	
	margin: -7px 0px 0px -20px;
}
#navigation li#catmenuFirst li {
	background: url(images/layout/firstBg.png) repeat-y top left;
	width: 139px;	
	padding: 0px;
	margin: 0px;
}
#navigation li#catmenuFirst li a {
	display: block;
	color: #323333;
	background: #fdfefd;
	border-bottom: 1px dotted #dfe2e1;
	padding: 6px 10px 6px 10px;
	margin: 0px 20px 0px 20px;
}
#navigation li#catmenuFirst li a:hover {
	color: #ffffff;
	background: #4c8c6d;
	border-bottom: 1px solid #4c8c6d;
}
#navigation li#catmenuFirst li.bottom {
	background: url(images/layout/firstBgBottom.png) no-repeat top left;	
	width: 139px;
	height: 25px;
	display: block;
	padding: 0px;
	margin: 0px;
}
#navigation li#catmenuFirst li li {
	background: url(images/layout/firstBg.png) repeat-y top left;	
	padding-top: 0px;
}



/* -- Navigation [Pre-Prep] -- */
#navigation li#catmenuPrePrep:hover ul {
	background: url(images/layout/prePrepUlTop.gif) no-repeat top left;
	width: 117px;
	padding: 7px 0px 0px 0px;
}
#navigation li#catmenuPrePrep ul {
	margin-left: -20px;
	z-index: 60;
}
#navigation li#catmenuPrePrep li {
	background: url(images/layout/prePrepBg.png) repeat-y top left;
	margin: 0px;	
	padding: 0px;
	width: 117px;
	z-index: 70;	
}
#navigation li#catmenuPrePrep li a {
	background: #fdfefd;
	border-bottom: 1px dotted #dfe2e1;
	color: #323333;
	display: block;
	margin: 0px 20px 0px 20px;
	padding: 6px 10px 6px 10px;
}
#navigation li#catmenuPrePrep li a:hover {
	background: #4c8c6d;
	border-bottom: 1px solid #4c8c6d;
	color: #ffffff; 
	margin: 0px 20px 0px 20px;
	padding: 6px 10px 6px 10px;
}
#navigation li#catmenuPrePrep li.bottom {
	background: url(images/layout/prePrepBgBottom.png) no-repeat top left;	
	width: 117px;
	height: 25px;
	display: block;
	padding: 0px;
	margin: 0px;
}
#navigation li#catmenuPrePrep ul ul {
	display: block;
	margin: 0px 0px 0px 117px;	
	padding: 0px;
	z-index: 100;
}
#navigation li#catmenuPrePrep:hover ul ul {
	background: url(images/layout/prePrepThirdNavBottom.png) no-repeat bottom left;
	border-top: 1px solid #4c8c6d;	
	display: block;
	padding: 0px 0px 25px 0px;
	width: 117px;
	z-index: 100;
}
#navigation li#catmenuPrePrep li ul {
	width: 117px;
	z-index: 100;
}
#navigation li#catmenuPrePrep li li {
	background: url(images/layout/prePrepThirdNavBg.png) repeat-y top left;	
	display: block;
	padding-top: 0px;
	z-index: 100;
}
#navigation li#catmenuPrePrep li li a,
#navigation li#catmenuPrePrep li li a:hover {
	padding: 6px 10px 6px 10px;
	margin: 0px 20px 0px 10px;
	z-index: 100;
}



 /* -- Navigation [Upper School] -- */
#navigation li#catmenuUpper:hover ul {
	background: url(images/layout/upperUlTop.gif) no-repeat top left;
	width: 140px;
	padding: 7px 0px 0px 0px;
}
#navigation li#catmenuUpper ul {
	margin-left: -20px;
	z-index: 60;
}
#navigation li#catmenuUpper li {
	background: url(images/layout/upperBg.png) repeat-y top left;
/*	float: none;*/
	margin: 0px;	
	padding: 0px;
	width: 140px;
	z-index: 70;	
}
#navigation li#catmenuUpper li a {
	background: #fdfefd;
	border-bottom: 1px dotted #dfe2e1;
	color: #323333;
	display: block;
	margin: 0px 20px 0px 20px;
	padding: 6px 10px 6px 10px;
}
#navigation li#catmenuUpper li a:hover {
	background: #4c8c6d;
	border-bottom: 1px solid #4c8c6d;
	color: #ffffff; 
	margin: 0px 20px 0px 20px;
	padding: 6px 10px 6px 10px;
}
#navigation li#catmenuUpper li.bottom {
	background: url(images/layout/upperBgBottom.png) no-repeat top left;	
	width: 140px;
	height: 25px;
	display: block;
	padding: 0px;
	margin: 0px;
}
#navigation li#catmenuUpper ul ul {
	display: block;
	margin: 0px 0px 0px 140px;	
	padding: 0px;
	z-index: 100;
}
#navigation li#catmenuUpper:hover ul ul {
	background: url(images/layout/upperThirdNavBottom.png) no-repeat bottom left;
	border-top: 1px solid #4c8c6d;	
	display: block;
	padding: 0px 0px 25px 0px;
	width: 140px;
	z-index: 100;
}
#navigation li#catmenuUpper li ul {
	width: 140px;
	z-index: 100;
}
#navigation li#catmenuUpper li li {
	background: url(images/layout/upperThirdNavBg.png) repeat-y top left;	
	display: block;
	padding-top: 0px;
	z-index: 100;
}
#navigation li#catmenuUpper li li a,
#navigation li#catmenuUpper li li a:hover {
	padding: 6px 10px 6px 10px;
	margin: 0px 20px 0px 10px;
	z-index: 100;
}






#navigation li li li,
#navigation li li li li {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
}

#navigation li li a,
#navigation li li li a,
#navigation li li li li a {
	display: block;
	color: #323333;
	background: #fdfefd;
	border-bottom: 1px dotted #dfe2e1;
	padding: 10px;
	margin: 0px 10px 0px 10px;
}
#navigation li li a
{
	display: block;
/*	width: 146px;*/
}
#navigation li li a:hover {
	background: #4c8c6d;	
	color: #ffffff;
	padding-right: 10px;
}
/*
#navigation li ul
{
	left: -999em;
	list-style-type: none;
	padding-top: 5px;
	position: absolute;
}*/

#navigation li li ul,
#navigation li li li ul
{
	padding-top: 0;
}

#navigation li:active ul ul,
#navigation li:active ul ul ul,
#navigation li:hover ul ul,
#navigation li:hover ul ul ul,
#navigation li.sfhover ul ul,
#navigation li.sfhover ul ul ul
{
	left: -999em;
}

#navigation li:hover ul,
#navigation li li:hover ul,
#navigation li li li:hover ul,
#navigation li.sfhover ul,
#navigation li li.sfhover ul,
#navigation li li li.sfhover ul
{
	/*background: #fdfefd;*/
	left: 0;
	top: 0;
	margin-left: 100%;
}

#navigation li:hover ul
{
/*	left: 1px;*/
}


/* ****DISPLAYS HORIZONTAL MENU**** */
#navigation li:hover ul,
#navigation li a:focus ul,
#navigation li.sfhover ul 
{
	margin-left: 0;
	top: 100%;
}

/* CONTENT CONTAINER */

#contentContainer {
	width: 770px;
	height: 100%;
	margin-left: 15px;
}
#homeImageLinks {
	padding: 0px;
	margin: 28px 0px 45px 25px;
}
/*#ie6HomeImageLinks {
	display:none;
}*/
#breadcrumbs {
	float: left;
	width: 293px;
	height: 9px;
	text-align: right;
	padding: 0px 25px 0px 452px;
	margin: 22px 0px 0px 0px;
}
#breadcrumbs p {
	color: #4c8c6d;
	font-weight: bold;
	font-style: italic;
	padding: 0px;
	margin: 0px;
}
#breadcrumbs a {
	background: url(images/layout/breadcrumbs-arrow.gif) no-repeat bottom right;
	color: #323333;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 13px 0px 0px;
	margin: 0px 5px 0px 0px;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}
#content {
	float: left;
	width: 382px;
	padding: 10px 50px 0px 24px;
	margin: 0px;
}

#contentFullWidth {
	float: left;
	width: 721px;
	padding: 10px 0px 0px 24px;
	margin: 0px 0px 30px 0px;
}

#content ul, #contentFullWidth ul {
	padding: 0px;
	margin: 0px 0px 0px 25px;
}

/* Content Image sytles */
div .wp-caption{
	border-bottom: 2px dotted #363636;
	clear: both;
	float: right;
	margin: 5px 0px 19px 50px;
	padding-bottom: 19px;
	width: 293px;

}

.alignright {
	border-bottom: 2px dotted #363636;
	float: right;
	margin-bottom: 23px;
	margin-left: 50px;
	padding-bottom: 19px;
	width: 293px;
}

.alignright img {
	border-bottom: 2px solid #383939;
	border-top:none;
	border-left:none;
	border-right:none;
}
.wp-caption-text {
	color: #363636;
	font: normal 9pt/10.5pt lucida sans unicode, arial,helvetica,verdana,sans-serif;
	font-style: italic;
	margin-top: 0px;
	padding: 9px 14px 2px 14px;
	width: 293px;
}




/* Table styles */
#content table, #contentFullWidth table {
}
#content table tr, #contentFullWidth table tr {
	border-bottom: 1px solid #c7c7c7;
	border-collapse: collapse;
}
#content th, #contentFullWidth th {
	background: #f9faf9;
	text-align: left;
	vertical-align: top;
	color: #545454;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	border-collapse: collapse;
	border-bottom: 6px solid #c0cca4;
	border-left: 1px solid #c7c7c7;
}
#content tr.tableHeader td, #contentFullWidth tr.tableHeader td {
	background: #f9faf9;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	color: #545454;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	border-collapse: collapse;
	border-bottom: 6px solid #c0cca4;
	border-left: 1px solid #c7c7c7;
}

#content td.tableHeader, #contentFullWidth td.tableHeader {
	background: #f9faf9;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	color: #545454;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	border-collapse: collapse;
	border-bottom: 6px solid #c0cca4;
	border-left: 1px solid #c7c7c7;
}

#content td, #contentFullWidth td {
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	border-bottom: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
}



/* Right Panel */
#rightPanel {
	float: left;
	width: 293px;
	padding: 0px;
	margin: 48px 0px 0px 0px;
}
.imageContainer {
	width: 293px;
	padding-bottom: 19px;
	margin-bottom: 23px;
	border-bottom: 2px dotted #363636;
}
.imageContainer img {
	border-bottom: 2px solid #383939;
}
.imageContainer p {
	color: #363636;
	font: normal 9pt/10.5pt lucida sans unicode, arial,helvetica,verdana,sans-serif;
	font-style: italic;
	padding: 6px 14px 2px 14px;
	margin-top: 0px;
}

/* Homepage Right Panel */
#rightPanelHomepage {
	float: left;
	width: 293px;
	padding: 0px;
	margin: 15px 0px 0px 0px;
}
#rightPanelHomepage h2 {
	color: #363636;
	font: bold 13.5pt/14.5pt lucida sans unicode, arial,helvetica,verdana,sans-serif;
}
#rightPanelHomepage ul {
	list-style: none;
	padding: 0px;
	margin: 24px 0px 0px 0px;
	border-top: 1px solid #e9eceb;
}
#rightPanelHomepage a {
	text-decoration: none;
	color: #4c8c6d;
	padding: 0px;
	margin: 0px;
}

#rightPanelHomepage li {
	border-bottom: 1px solid #e9eceb;
	display: block;
	padding: 10px 25px 21px 5px;
	margin: 0px;	
}
#rightPanelHomepage li h3 {
	padding: 0px;
	margin: 0px;
}
#rightPanelHomepage li h3 a {
	color: #475b38;
	font: bold 9pt/11pt lucida sans unicode, arial,helvetica,verdana,sans-serif;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
#rightPanelHomepage li p {
	font: normal 8pt/11pt lucida sans unicode, arial,helvetica,verdana,sans-serif;
	color: #545454;
	padding: 2px 0px 0px 0px;
	margin: 0px;
}
#rightPanelHomepage li p a {
	color: #4c8c6d;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
#rightPanelHomepage li:hover {
	background: #f6f7f6;
	display: block;
	padding: 10px 25px 21px 5px;
	margin: 0px;	
}
#rightPanelHomepage li h3 a:hover {
	text-decoration: underline;
}
#rightPanelHomepage li p a:hover {
	text-decoration: underline;
}
#rightPanelHomepage p a:hover {
	text-decoration: underline;
}




#contentBottom {
	background: url(images/layout/contentBottom.gif) no-repeat top left;
	width: 990px;
	height: 30px;
}
	

/* STYLES */

h1 {
	font: bold 18pt/20pt lucida sans unicode, arial,helvetica,verdana,sans-serif;
	width: 382px;	
}
h2 {
	font: bold 14pt/16pt lucida sans unicode, arial,helvetica,verdana,sans-serif;	
}
h3 {
	font: bold 10pt/12pt lucida sans unicode, arial,helvetica,verdana,sans-serif;	
	margin: 10px 0px 0px;
	padding: 0px;	
}


p {
	
}

a {
	color: #4c8c6d;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


.hallfieldfirst {
	font-style: italic;
}
/*
.post h1 {
	font: bold 9pt/13.5pt lucida sans unicode, arial,helvetica,verdana,sans-serif;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
*/
.gallery {
	clear: both;
/*	border: 1px solid red;*/
	padding-bottom: 20px;
}
.gallery-item {	
}



/* FOOTER STYLES */	

#footerContainer {
	width: 990px;
	font: normal 8pt/11pt lucida sans unicode, arial,helvetica,verdana,sans-serif;
	color: #ffffff;
	padding: 0px;
	margin: 30px 40px 30px 30px;
}
#footerContainer a {
	color: #ffffff;
	text-decoration: underline;
}
#footerContainer a:hover {
	text-decoration: none;
}
#footerAddress {
	width: 920px;
	padding-bottom: 13px;
	margin-bottom: 20px; 
	border-bottom: 1px solid #ced1d0;
}
#footerText {
}
.website-design {
}

/* FORMS */

form {
	padding: 0px;
	margin: 0px;
}

.row {
	clear: both;
}

label, .label {
	float: left;
	display: block;
	width: 146px;
	text-align: left;
}

input {
	font: normal 9pt/13.5pt lucida sans unicode, arial,helvetica,verdana,sans-serif;
}
 
.textbox {
	float: left;
	display: block;
	width: 146px;
	font: normal 9pt/13.5pt lucida sans unicode, arial,helvetica,verdana,sans-serif;
	color: #ad0c0c;
	margin: 0px;
	padding: 0px;
}

.button {
	margin: 18px 97px 0px 0px;
}

.validation {
	color: #ff0000;
}

div.form {
	clear: both;
	display: block;
}

/* Login Form Styles */
#login label, #login.label {
	color: #5f6060;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 146px;
}



div.clear {
	clear:both;
}