/* ------------------------------------------------------------ */
/* TEACHERTREE.ORG.UK CSS   									*/
/* ------------------------------------------------------------ */
/* Please read the documentation about the CSS template before	*/
/* editing this file. (This file should only be edited by the	*/
/* Web Development Team)										*/
/*																*/
/* Version: 2.0													*/
/* ------------------------------------------------------------	*/

/* ------------------------ */
/* CORPORATE DEFAULT STYLES */
/* ------------------------ */

/* GENERAL styles for common objects */
BODY, TABLE, TR, TD, TH, P, UL, OL, LEGEND, LABEL, DT, DD, DIV {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: small;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	color: #000000;
}
BODY { background-color: #ffffff; margin: 0; padding: 0; }
CAPTION { font-family: verdana, arial, helvetica, sans-serif; font-size: x-small; }
FORM { margin: 0; }
IMG { border: 0; }

/* HEADING Styles */
H1, H2, H3, H4, H5, H6 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}
H1 { font-size: 1.75em; margin: 5px 0; }
H2 { font-size: 1.3em; }
H3 { font-size: 1.2em; }
H4, H5, H6 { font-size: 1em; }
H6 { font-weight: normal; font-style: italic; }

/* LINK styles */
A:link, A:visited { color: #0000ff; text-decoration: underline; }
A:hover { color: #ff0000; text-decoration: underline; }

/* HORIZONTAL RULE style */
HR {
	background-color: #000000;
	border: 0;
	height: 1px;
}

/* FORM STYLES */
TEXTAREA   { border: 1px solid #000000; }
SELECT     { border: 1px solid #000000; }
INPUT.text { border: 1px solid #000000; padding: 2px; }
INPUT.button {
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	background-color: #e6f0ff;
	border: 1px outset #000000;
	border-color: #000000;
}
INPUT.button:hover { background-color: #cce6ff; }
INPUT.button:active { background-color: #ccccff; border: 1px inset; border-color: #000000; }

/* THE FOLLOWING STYLES AND CLASSES MUST BE RETAINED AND MUST	*/
/* NOT BE EDITED WHEN USED IN A LOCAL STYLESHEET				*/

/* FORMATTING styles */
B, LEGEND, LABEL, STRONG, DT { font-weight: bold; }
Q, I, EMPHASIS { font-style: italic; }
CAPTION { text-align: left; }
PRE { font-size: small; }
TH { font-weight: bold; text-align: left; }
FIELDSET {
	border: 1px solid #99b3cc;
	padding: 5px;
	background-color: #f9fcff;
	margin: 5px 0;
}
THEAD, THEAD.border-yellow { background-color: #eaf4ff; text-transform: uppercase; }
THEAD.border TH, THEAD.border-yellow TH { border: solid #99b3cc; border-width: 1px 0; }
THEAD.border-yellow { background-color: #ffffea; }
THEAD.border-yellow TH { border-color: #cccc99; }
TFOOT { font-weight: bold; background-color: #ffcccc;}

/* CORPORATE CONTENT classes */
.maincontent { border: solid 1px #eaf4ff; border-width: 1px 0 1px 1px; padding-bottom: 25px; }
.allcaps { text-transform: uppercase; }
.bold { font-weight: bold; }
.nobold { font-weight: normal; }
.nomargin { margin: 0; }
.nomargintop { margin-top: 0; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.aligncentermiddle { text-align: center; vertical-align: middle; }
.alignright { text-align: right; }
.alignrightmiddle { text-align: right; vertical-align: middle; }
.alignrightbottom { text-align: right; vertical-align: bottom; }
.valigntop { vertical-align: top; }
.valignmiddle { vertical-align: middle; }
.valignbottom { vertical-align: bottom; }
.bigfont, .bigfontcenter { font-size: medium; }
.tinyfont, .tinyfontcenter { font-size: x-small; }
.standardfont, standardfontcenter { font-size: small; }
.tinyfontcenter, .bigfontcenter, .standardfontcenter { text-align: center; }
.sub { vertical-align: sub; font-size: x-small; }
.super { vertical-align: super; font-size: x-small; }
.red { color: #ff0000; }
.white { color: #ffffff; }
.bgwhite { background-color: #ffffff; }
.accessblack { color: #000000; font-size: large; }
.accessyellow { color: #ffff00;	font-size: large; }
.backshade1 {  background-color: #e6f0ff; }
.dashedbox { border: 1px dashed #000000; }
.box { border: 1px solid #000000; }
.bluebox { border: 1px solid #99b3cc; }
.paddedbox {
	border: 1px solid #000000;
	width: 95%;
	padding: 5px;
	text-align: center;
}

.box2 { border: 2px solid #000000; }
.boxhome { border: 1px solid #000000; margin: 0 0 10px 0; text-align: center; }
.bgcolor-bar1 {
	background-color: #99ccff; 
	width: 100%;
	padding: 2px;
	margin: 10px 0 5px 0;
}
.clear { clear: both; }
.clear-right { clear: right; }
.clear-left { clear: left; }
.imghome { margin: 5px; }
.imgsidepad5 { margin: 0 5px; }
.thead { background-color: #ffffcc; text-transform: uppercase;}
.tfoot { font-weight: bold; background-color: #ffcccc;}
.mapHid { position: absolute; top: 0; left: 0; visibility: hidden; }
.mapVis { position: absolute; top: 0; left: 0; visibility: visible; }
.rowbreak, .rowbreakcenter, .rowbreakright, .rowbreak-yellow, .rowbreak TD, .rowbreakcenter TD, .rowbreakright TD, .rowbreak-yellow TD 
	{ border-bottom: 1px dashed #99b3cc; }
.rowbreakcenter, .rowbreakcenter TD { text-align: center; }
.rowbreakright, .rowbreakright TD { text-align: right; }
.rowbreakboth, .rowbreakboth TD {  border: dashed #99b3cc; border-width: 1px 0; }
.rowbreak-yellow, .rowbreak-yellow TD { border-color: #cccc99; }
.rowcolour { background-color: #f9fcff; }
.underline { border-bottom: 1px solid #99b3cc; }
.border-topbot { border: solid #99b3cc; border-width: 1px 0; }

.bg-white { background-color: #ffffff; }
.border-red { border-color: #cc9999; }
.bg-red { background-color: #fff9f9; }
.border-purple { border-color: #b299cc; }
.bg-purple { background-color: #fcf9ff; }
.border-yellow { border-color: #cccc99; }
.bg-yellow { background-color: #fffff9; }
.bg-blue { background-color: #f9fcff; }

.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.padside10 { padding-left: 10px; padding-right: 10px; }
.padside5 { padding-left: 5px; padding-right: 5px; }
.margin5 { margin: 5px; }

/* LIST Classes */
.alphalower		{ list-style-type: lower-alpha; }
.alphaupper		{ list-style-type: upper-alpha; }
.romanlower		{ list-style-type: lower-roman; }
.disc			{ list-style-type: disc; }
.circle			{ list-style-type: circle; }
.libdisclaimer	{ margin: 10px; }
.noliststyle, .addressindent, .nostylemargin, .address, .addressextra { list-style-type: none; }
.nostylemargin, .address, .addressextra  { margin: 0; padding: 0; }
.addressextra { margin-top: 10px; }

UL.paddeditems LI, OL.paddeditems LI { padding-bottom: 1em; }
UL.paddeditems LI UL LI, OL.paddeditems LI UL LI { padding-bottom: 0; }
UL.paddeditems LI UL, OL.paddeditems LI UL { padding-top: 1em; }
UL.paddeditems LI OL LI, OL.paddeditems LI OL LI { padding-bottom: 0; }
UL.paddeditems LI OL, OL.paddeditems LI OL { padding-top: 1em; }
UL.nopaddeditems LI, OL.nopaddeditems LI { padding-bottom: 0; }

/* TEACHERTREE SPECIFIC */
BODY { background: #699EF6; }
/* NAVIGATION */

TD.navigation { background-color: #f0ffe0; padding: 10px; }

H1.navigation {
	font-size: 1.0em;
	color: #1E374F;
	background-color: #C9DCFC;
	text-align: center;
	border-bottom: 0;
	padding: 3px;
	margin: 0;
}

DIV.navigation {
	padding: 10px 0;
	background-color: #ffffe0;
	margin-bottom: 10px;
}

DIV.navigation A { 
	text-decoration: none;
	font-weight: normal;
	display: block;
	padding: 0 0 3px 0;
	margin: 0;
}

DIV.navigation A:link, DIV.navigation A:visited {
	color: #4C6225;
	text-decoration: none;
}

DIV.navigation A:hover { 
	color: #9b4a9b;
	background-color: #ffffff;
}

DIV.navigation UL {
	padding: 0;
	margin: 0 10px;
}

DIV.navigation LI {
	display: inline;
}

DIV.navigation UL LI { color: #1E374F; }

DIV#teach-nav {
	float: left;
	width: 20%;
	margin: 1% 1%;
	
}

/* HEADER & FOOTER */
DIV#teach-header {
	height: 120px;
	background: #699EF6;
	background-image: url(../images/header_shorter1.jpg);
	background-position: 158px 0;
	background-repeat: repeat-x;
	border-bottom: 3px solid #006600;
	margin-bottom: 15px;
}

DIV#teach-header DIV {
	margin: 0px;
	
}

DIV#teach-header DIV.logo {
	float: left;
	border-right: 3px solid #006600;
	height: 120px;
	width: 155px;
	background-color: #ffffff;
	text-align: center;
}

DIV#teach-header DIV.title {
	width: 263px;
	height: 120px;
	position: absolute;
	top: 0;
	left: 158px;
		
}

DIV#teach-header DIV.results {
	float: right;
	margin: 1px 5px 1px 20px;
	background-color: #ffffff;
	border: 2px solid #1E374F;
}

DIV#teach-header DIV.results H1 {
	font-size: 90%;
	padding: 3px 5px;
	margin: 0;
	border-bottom: 2px solid #1E374F;
	background-color: #DFEAFF;
}

DIV#teach-header DIV.results UL {
	padding: 0;
	margin: 3px;
	list-style-type: none;
}

DIV#teach-footer {
	clear: right;
	float: right;
	background: url(../images/foot_corner_left.gif) center left no-repeat;
	background-color: #F9FBFF;
	width: 74%;
	margin: 5px 1%;
}

DIV#teach-footer DIV {
	background: url(../images/foot_corner_right.gif) center right no-repeat;
	text-align: center;
	padding: 10px;	
}

/* CONTENT */
DIV#teach-content {
	background: url(../images/content_corner_topleft.gif) top left no-repeat;
	background-color: #ffffff;
	margin-left: 1%;
	margin-right: 1%;
	float: right;
	width: 74%;
}

DIV#teach-pageheading {
	background: url(../images/content_corner_topright.gif) top right no-repeat;
	padding: 15px;
	margin: 0;
}

DIV#teach-pageheading H1 {
	border-bottom: 2px solid #699EF6;
	padding-bottom: 8px;
	color: #2C5174;
	margin: 0;
}

DIV#teach-contentbody {
	background: url(../images/content_corner_rightborder.gif) top right repeat-y;
	margin: 0;
	margin-top: -2em;
	padding: 15px;
}

DIV#teach-contentfooter {
	background: url(../images/content_corner_bottomleft.gif) bottom left no-repeat;
	background-color: #ffffff;
	
}

DIV#teach-contentfooter P {
	background: url(../images/content_corner_bottomright.gif) bottom right no-repeat;
	display: block;
	padding: 15px;
	margin: -2em 0 0 0;
	text-align: right;
		
}

TABLE.teach-jobs {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}

TABLE.teach-jobs TH, TABLE.teach-jobs TD {
  border: 1px #aaaaaa solid;
  padding: 3px;
}

TABLE.teach-jobs TH {
  background: #f2f2f2;
  text-align: center;
}

TABLE.teach-jobs CAPTION {
  margin-left: inherit;
  margin-right: inherit;
  font-weight: bold;
}

TABLE.teach-schoolinfo, TABLE.teach-jobinfo { margin-top: 0; }

TABLE.teach-schoolinfo TH { text-align: left; }

TABLE.teach-jobinfo TH { text-align: left; background: #ffffe0; }
TABLE.teach-jobinfo TD { text-align: left; background: #fffffa; }
TABLE.teach-jobinfo TH, TABLE.teach-jobinfo TD { border-color: #ACAC00; }

DIV#teach-job H3 { font-size: 1em; }

/* PDF HELP PAGE */
DIV#spdf-download-image { float: left; margin: 10px 35px 20px 30px;}
DIV#spdf-download-link { padding: 15px 10px 10px 10px; }