/* CSS Document 

Specific to Taunton School / home.

COLOR PALETTE 

BLUE: #000066
RED:  #FF0000
NAV:  #D4D4E8


/*GENERIC CLASSES */
a
{
color: #000066;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
H1
{
color: #003366;
font-size: 18px;
padding: 0px 0px 0px 0px;
margin:0px 0px 10px 0px;
line-height: 23px;
}
H2
{
color: #000066;
font-size: 14px;
padding: 3px 4px 0px 4px;
margin:0px 0px 0px 0px;
text-align: center;
}
H3
{
color: #000066;
font-size: 14px;
padding: 3px;
margin:0px 0px 0px 0px;
}

strong
{
Color: #000066
}


.keyLinks
{
color: #000066;
font-size: 14px;
padding: 3px 4px 0px 4px;
margin:0px 0px 0px 0px;
display: block;
text-align: center;
}


#breadCrumb
{
padding: 0px;
background: url(../bgs/generic/globalNav_home_bg.png) repeat-x;
color: #fff;
font-weight: bold;
height: 23px;
font-size: 11px;
padding: 7px 0 0 10px;
clear: both;
display: block;
border-top: 1px solid #CC0000;
}
#breadCrumb a
{
color: #FFFFFF; text-decoration: none;
}
#breadCrumb a:hover
{
color: #FFFFFF; text-decoration: underline;
}
.map
{
border-left: 1px solid #999999;

}

/*******************
HEADER AREA OUTSIDE BOX FOR MESSAGES 
*******************/

#headerArea
{
color: #808285;
}
#headerAreaLeft
{
color: #808285;
float: left;
}
#headerAreaRight
{
text-align: right;
color: #808285;
float: right;
}

/*********** 
PICTURE NAVS  
***********/


UL#globalPictureNav
{
width: 945px;
list-style: none;
margin: 0px;
padding: 0px;
color: #FFFFFF;
text-align: center;
font-size: 10px;
font-weight: bold;
}
li#one
{
float: left;
background: url(../img/generic/h_Ts_main_brand.gif) no-repeat;
width: 134px;
padding: 0px 0 0px 0;
height: 135px;
vertical-align: middle;
border-right: 1px solid #999999;
display: block;
}
li#two
{
float: left;
background: url(../img/firstSteps/fs_main-select.jpg) no-repeat;
width: 134px;
padding: 0px 0 0px 0;
height: 135px;
vertical-align: middle;
border-right: 1px solid #999999;
}
li#three
{
float: left;
background: url(../img/prePrep/pp_main-select.jpg) no-repeat;
width: 134px;
padding: 0px 0 0px 0;
height: 135px;
vertical-align: middle;
border-right: 1px solid #999999;
}

li#four
{
float: left;
background: url(../img/prep/prep_main-select.jpg) no-repeat;
width: 134px;
padding: 0px 0 0px 0;
height: 135px;
vertical-align: middle;
border-right: 1px solid #999999;
}

li#five
{
float: left;
background: url(../img/senior/sen_main-select.jpg) no-repeat;
width: 134px;
padding: 0px 0 0px 0;
height: 135px;
vertical-align: middle;
border-right: 1px solid #999999;
}
li#six
{
float: left;
background: url(../img/sixth/sixth_main-select.jpg) no-repeat;
width: 134px;
padding: 0px 0 0px 0;
height: 135px;
vertical-align: middle;
border-right: 1px solid #999999;
}
li#seven
{
float: left;
background: url(../img/int/int_main-select.jpg) no-repeat;
width: 135px;
padding: 0px 0 0px 0;
height: 135px;
vertical-align: middle;
}




/* ******************** 
SUBNAVIGATION ELEMENTS (ALSO SEE INDIVIDUAL CSS FILES FOR COLOURING )
********************* */
#sidebar
{
width: 134px;
float: left;
height: 405px;
background: #E1DEEF;
border-right: 1px solid #999999;
}


/** SUCKER FISH IN HERE */

#nav, #nav UL { 
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	float : left;
	border-bottom: 1px solid #8781BD;
	width: 134px;
	display: block;
}

#nav li {
	float: left;
	position : relative;
	padding: 0;
	height: 24px;	
	width: 127px;
}
#nav li.large {
	float: left;
	position : relative;
	padding: 0;
	height: 30px;	
	width: 127px;
}



#nav li ul {
	position: absolute;
	z-index: 1;
	width: 134px;
	font-weight: normal;
	border-bottom: 1px solid #8781BD;
	border-right: 1px solid #8781BD;	
	left: -999em;
	margin-left : 135px;
	margin-top : -26px;
}


#nav LI UL UL { /* third-and-above-level lists */
	left: -999em;
	z-index: 2;
}

#nav li ul a {

	background: #d0cde6 url(../bgs/generic/subNav_home_bg.png) repeat-x;
	color: #243F8F;
	padding: 4px 0 5px 7px;
}

#nav LI A {
	text-decoration: none;
	padding: 4px 0px 5px 7px;
	display: block;
	color: #243F8F;
	font-size: 11px;
	border-top: 1px solid #8781BD;
	width: 127px;
	background:#d0cde6 url(../bgs/generic/subNav_home_bg.png) repeat-x;
}

#nav LI A:hover {

	padding: 4px 0px 5px 2px;
	display: block;
	color: #243F8F;
	border-left: 5px solid #8781BD;
	width: 127px;
	background:#ada6d1 url(../bgs/generic/subNav_home_over-bg.png) repeat-x;
}

#nav LI:hover UL UL, #nav LI:hover UL UL UL, #nav LI.sfhover UL UL, #nav LI.sfhover UL UL UL {
	left: -999em;
}

#nav LI:hover UL, #nav LI LI:hover UL, #nav LI LI LI:hover UL, #nav LI.sfhover UL, #nav LI LI.sfhover UL, #nav LI LI LI.sfhover UL { /* lists nested under hovered list items */
	left: auto;
}



/*****************
BESPOKE PARENTS WEB LANDING PAGES
****************/

#parentSelectPrep
{
width: 405px;
background: #4B90CC;
text-align: center;
float: left;
height: 303px;
padding-top: 100px;
color: #FFFFFF;
}
#parentSelectSenior
{
width: 405px;
background: #243F8F;
text-align: center;
float: left;
height: 303px;
padding-top: 100px;
color: #FFFFFF;
}
#parentSelectPrep a
{
color: #FFFFFF;
}
#parentSelectSenior a
{
color: #FFFFFF;
}
.selectBadge
{
margin-bottom: 10px;
}
/******** SUB SUB NAV (POP OUT) *******/


#dropmenudiv{
position:absolute;
border-left:1px solid #999999;
z-index:100;
width: 145PX;
background: url(../bgs/generic/subNavShadow.png) repeat-y;
_background: none;
}

#dropmenudiv a{
text-decoration: none;
padding: 4px 0 5px 2px;
display: block;
color: #003366;
font-size: 11px;
border-bottom: 1px solid #8781BD;
border-left: 5px solid #9A94C8;
border-right:1px solid #999999;
width: 128px;
background: url(../bgs/generic/subNav_home_bg.png) repeat-x #D0CDE6;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #C7FF5E;
background: url(../bgs/generic/subNav_home_over-bg.png) repeat-x #ACA6D1;
}


.jobtable {
	width: 765px !important;
	_width: 763px !important;
	padding: 0px;
	border-bottom: 1px solid #999;
}

.jobtable td {
	vertical-align: top;
}

#globalPersonnelNav {
	list-style-type: none;
	background: transparent url(../bgs/generic/personnelNav.jpg) repeat-x scroll left top;
	margin: 0;
	color: #42418B;
}

#globalPersonnelNav a {
	color: #42418B;
}

/*** OFF ***/


#eventsbanner {
	width: 945px;
	height: 20px;
	margin-bottom: 25px;
	overflow: hidden;
}

#eventsbanner a {
	color: #808285;
}

/*** prospectus request **/
.proReqTable{
	width: 500px;
	float: left;
}
.proReqTable Th{
	text-align: right;
	padding-right: 10px;
}
.proReqTable Td{
	text-align: left;
	padding-bottom: 10px;
}

.proReq{
	width: 300px;
	height: 22px;
	padding: 4px 0 0 2px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #333;
	border-right: 1px solid #ccc;
	border-top: 1px solid #333;
}
.proReqSm{
	width: 100px;
	height: 25px;
	padding: 4px 0 0 2px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #333;
	border-right: 1px solid #ccc;
	border-top: 1px solid #333;
}
textarea.proReqLrg{
	width: 300px;
	height: 60px;
	padding: 4px 0 0 2px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #333;
	border-right: 1px solid #ccc;
	border-top: 1px solid #333;
}


#err {

	color:#E3271C;

}