@charset "utf-8";
/* Greensheets Stylesheet (c) 2008 Taupo Solutions Ltd. http://www.taupo.co.uk*/
/* Defaults */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; margin: 0; padding: 0; border: 0; color: #585858}
textarea, input {font-family: Arial, Helvetica, sans-serif;}
textarea {font-size: 1em}
h1,h2,h3,h4 {font-size: 1em; font-weight: normal;  margin: 0; padding: 0; line-height: 1.4}
a, a:visited, a:link, a:hover {text-decoration: none}

h1 {font-size: 1.5em; letter-spacing: 1px; color: #585858; margin-bottom: 0.5em}
h2 {font-size: 1.3em; letter-spacing: 1px; color: #585858; margin-bottom: 0.5em}
h3 {font-size: 1.2em;  color: #585858}
h4 {font-size: 1.3em; letter-spacing: 1px; color: #585858; text-transform: uppercase}


a:link, a:visited {color: #3e6200; text-decoration: underline;}
a:hover {color: #650098; text-decoration: underline;}



/* -------------- user page structure --------------*/
/* --- Centred, fixed-width layout ---*/
#ieBody {text-align: center; background: transparent url(bodyBg.gif) repeat-x left bottom}
#headerBg {background: #fff url(pageTopBg.gif) repeat-x left top; position: absolute; top: 0; left: 0; width: 100%; height: 195px}

	#container {width: 909px; margin: 0 auto;  text-align:left; }
	/* --- make container relative positioned, so we can relatively absolute position items against it ---*/
	#container {position: relative}
	
	
	#header {clear:both;float:left;	width:100%;	}
	#header {height: 155px; background: url(headerBg.gif) no-repeat left bottom; z-index: 1}
	#menuHolder {height: 40px; background: #88914d url(menuBg.gif) repeat-x; width:100%; float: left; clear: both}
	
	#issues {position: absolute; top: 15px; left: 393px; width: 235px; height: 77px; background: #fff url(downloadsBg.gif) no-repeat; z-index: 10}
	#issuesInner {margin: 3px 15px 5px 40px; text-align: right; line-height: 1.5; font-size: 1em}
	.issueVersion {font-size: 0.9em}
	#tagline {position: absolute; top: 95px; right: 281px; width: 240px; height: 60px; text-align: right; line-height:1.4; font-size: 0.9em;}
	#logo {position: absolute; top: 45px; left: 14px; width: 375px; height: 100px; background: #fff url(greensheetsLogo.gif) no-repeat 0 0; z-index: 9; text-indent: -9999px; color: #fff; overflow: hidden;}
	#pagePhoto {position: absolute; top: 0px; right: 0px; width: 266px; height: 155px; background: transparent url(topImage1.jpg) no-repeat}
	
	#pagePhoto.Primary {background-image: url(primary.jpg)}
	#pagePhoto.Middle {background-image: url(middle.jpg)}
	#pagePhoto.Secondary {background-image: url(secondary.jpg)}
	#pagePhoto.Special {background-image: url(special.jpg)}
	#pagePhoto.Non-Teaching {background-image: url(non-teaching.jpg)}
	#pagePhoto.Miscellaneous {background-image: url(miscellaneous.jpg)}
	#pagePhoto.LEA {background-image: url(lea.jpg)}
	
	
	/* column container */
	#outerContent {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:909px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		min-height: 400px;
	}
	/* common column settings */
	#innerContent,
	.colleft {
		float:left;
		width:909px;
		position:relative;
	}
	#content,
	#sidebarL {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (left menu) settings */
	
	.colleft {
		right:653px;			/* right column width */
		background:#ffffff;	/* left column background colour */
	}
	#innerContent {
		width:624px;			/* right column content width */
		left:924px;			/* 100% plus left column left padding */
		padding-top: 30px;
		line-height: 1.4
	}
	#sidebarL {
		width:224px;			/* left column content width (column width minus left and right padding) */
		left:45px;			/* (right column left and right padding) plus (left column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		margin-top: 15px;
	}
	#footer p {
		padding:15px;
		margin:0;
		border-top: 1px solid #969E4D
	}
#nav { padding-bottom: 30px;}
#nav, #nav li {list-style-type: none; margin: 0}
#nav li {float: right; padding: 4px 10px; }
.taupo {font-size: 0.8em; line-height: 1.2; padding: 0 0px; letter-spacing: normal; margin-top: 15px}
/* -------------- sidebar L Menu expand collapse --------------*/
#categoryHead {margin: 0; background:#707e2e url(sidebarLTopBg.gif) no-repeat top left; margin-top: 30px; height: 30px; }
#categoryHead span {color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9em; line-height: 30px; margin-left: 15px}
#categoryBottom {margin: 0; background:#fff url(sidebarLBaseBg.gif) no-repeat left top;  height: 10px; width: 224px; }


#categoryOuter {border-left: 1px solid #707e2e;border-right: 1px solid #707e2e; padding: 10px 0px 0px 10px; margin-bottom: 0 }

.categories, .categories li {list-style-type: none; text-transform: uppercase; margin: 0}
.categories {padding: 0}
.categories ul {padding-left: 0px; margin-left: 15px}
.categories span {display: block; width: 13px; height: 18px; float: left; background: #fff url(categoryStack.gif) no-repeat 0 center; overflow: hidden;}
.categories a {display: block; float: left}
.categories li {clear: both;}
.categories li.exp .expcol {background-position: -39px center; cursor: pointer}
.categories li.exp .expcol:hover {background-position: -52px center; cursor: pointer}
.categories li.col .expcol {background-position: -13px center; cursor: pointer}
.categories li.col .expcol:hover {background-position: -26px center; cursor: pointer}

#xcategories li:hover a {background: #6f7a39; }
#xcategories li:hover ul a {background: none}
#xcategories ul > li:hover a {background: #6f7a39;}
#xcategories ul > li:hover ul a {background: none}
#xcategories ul ul > li:hover a {background: #6f7a39}

.categories li.exp ul {display: block; visibility: visible}
.categories li.col ul {display: none; visibility: hidden}

.categories li a {font-size: 1.0em; letter-spacing: 1px; text-transform: uppercase; color: #769800; padding: 2px 5px; }
.categories li li a {font-size: 0.9em; text-transform: uppercase;padding: 2px 5px; letter-spacing: normal;  }
.categories li li li a{font-size: 0.8em;padding: 1px 5px ; letter-spacing: normal; }
.categories li li li span {height: 14px}


.categories a:link, .categories a:visited {text-decoration: none}
.categories a:hover {color: #FFDE20; background:  #6f7a39; text-decoration: underline}
.categories a#current, .categories a#scurrent {color: #fff; background:  #6f7a39; text-decoration: none; cursor: default}

.ntHolder {clear: both; padding-top: 10px; height: 38px; margin-left: -9px;}
.nonTeaching {padding-top: 00px;  background: url(otherPostsBg.gif) repeat-x;  height: 28px; line-height: 28px; color: #fff;   font-size: 1.0em; letter-spacing: 1px; text-transform: uppercase; margin: 0px 1px 10px 0px; text-indent: 10px; letter-spacing: 1px; font-size: 0.9em;}

.divider {text-align: right; border-top: 1px solid #88914d;}

.boxDa {margin: 15px 0 30px 0; border: 3px double #88914d; background: #fff url(gradientReverseGreen.gif) repeat-x left bottom}
.boxDa .innerAd {padding: 15px}
.boxDa .innerAd p {padding: 0; margin-top: 0.3em; margin-bottom: 0.3em}
.boxDa .innerAd p:first-child {margin-top : 0}
.innerAd {font-size: 0.9em;}
.innerAd li {padding-bottom: 0.25em}

.vacancies h2.vt {margin-top: 1em; font-weight: bold }

.vacancies h3.vt {margin-top: 0.5em; margin-bottom: 0.5em;}

.secondaryCat {font-size: 1.2em; letter-spacing: 1px; background: #fff url(entryMarker.gif) no-repeat 0 center; padding-left: 16px; margin: 0.5em 30px;}

/* Contact form*/

.medium {width: 400px;}
.normal {width: 240px}
.small {width: 180px}
.formSuccess, .formFail {border: 1px solid #88914d; background: #f6f6f6; padding: 15px; font-size: 1.2em; font-weight: bold; margin-bottom: 1em}
.formFail {border-color: darkRed; background-color: #FFFFCC}

.col2 {width: 100px; float: left; text-align: right; padding-right: 1em}

/* menu */
/* MENU styling */
#Menu {background: transparent url(menuSeparator.gif) no-repeat left center}
.adxm {background: transparent url(menuSeparator.gif) no-repeat right center}

.menu li {background: url(menuSeparator.gif) no-repeat right center; height: 40px; padding: 0 1px; font-size: 0.9em; text-transform: uppercase}
.menu li.noRight {background-image: none}
.menu, .menu ul li {
	color: #fff;	
	border: none;
}

.menu ul {
	width: 16em; 
}

.menu a {
	text-decoration: none;
	color: #fff;
	padding: 0em 19px;
	display: block;
	position: relative;
	line-height: 40px;
	background: url(menuBg.gif) repeat-x;
}

.menu a:link, .menu a:visited {color: #fff}

.menu a:hover, .menu li:hover>a {
	color: #FFDE20; text-decoration: underline; 
}

.menu li li {	/* create borders around each item */
	border: 1px solid #fff;
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #fff;
}

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */