/* CSS Document 

Specific to Taunton School / first Steps.

COLOR PALETTE 
GREEN BG:  #A3D062



/*GENERIC CLASSES */

BODY {
	background: #A3D062;
	padding: 0px;
	margin: 50px auto;
}
A {
	color: #000066;
	text-decoration: none;
}
A:hover {
	color: #000066;
	text-decoration: underline;
}
H1 {
	color: #233E8D;
	font-size: 18px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	font-family: "comic sans ms";
}
H2 {
	color: #000066;
	font-size: 14px;
	padding: 3px 4px 0px 4px;
	margin:0px 0px 0px 0px;
	text-align: center;
}
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 {
	background: url(../bgs/firstSteps/breadCrumb_bg.png) repeat-x;
	color: #243F8F;
	padding: 7px 0px 0px 10px;
	font-weight: bold;
	height: 23px;
	font-size: 11px;
	clear: both;
	display: block;
	border-top: 1px solid #39B54A;
}
#breadCrumb A {
	color: #243F8F;
	text-decoration: underline;
}
#breadCrumb A:hover {
	color: #243F8F;
	text-decoration: underline;
}


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

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


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

/** SUCKER FISH IN HERE */

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

#nav li {
	float: left;
	position : relative;
	padding: 0;
	height: 23px;
	width: 127px;
}



#nav li ul {
	position: absolute;
	z-index: 1;
	width: 134px;
	font-weight: normal;
	border-bottom: 1px solid #40A233;
	border-right: 1px solid #40A233;	
	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: #b0d578 url(../bgs/firstSteps/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 #40A233;
	width: 127px;
	background: #b0d578 url(../bgs/firstSteps/subNav_home_bg.png) repeat-x;
}

#nav LI A:hover {

	padding: 4px 0px 5px 2px;
	display: block;
	color: #243F8F;
	border-left: 5px solid #40A233;
	width: 127px;
	background: #57ba46 url(../bgs/firstSteps/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;
}









/************************
FOOTER
************************/
#utils {
	text-decoration: none;
	color: #003399;
}

#utils A {
	text-decoration: none;
	color: #003366;
}
#utils A:hover {
	text-decoration: none;
	color: #FFFFFF;
}
	
	
	
	
	
	
	
	
	
	
	
	
ul#subNav
{
padding: 0px 0px 0px 0px;
list-style: none;
margin: 0px;
width: 134px;
}
#subNav li
{
padding: 0px 0 0px 0px;
width: 134px;
}
#subNav li a
{
text-decoration: none;
padding: 4px 0 5px 7px;
border-top: 1px solid #C4DF9B;
display: block;
color: #243F8F;
font-size: 12px;
border-bottom: 1px solid #39B54A;
width: 127px;
/* background: url(../bgs/firstSteps/subNav_home_bg.png) repeat-x; */
}
#subNav li a:hover
{
text-decoration: none;
padding: 4px 0 5px 2px;
display: block;
color: #243F8F;
font-size: 12px;
border-left: 5px solid #249039;
width: 127px;
/* background: url(../bgs/firstSteps/subNav_home_over-bg.png) repeat-x;*/
}

/******** 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: #243F8F;
font-size: 12px;
border-bottom: 1px solid #39B54A;
border-left: 5px solid #249039;
border-right:1px solid #999999;
width: 128px;
background: url(../bgs/firstSteps/subNav_home_over-bg.png) repeat-x;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #C7FF5E;
color: #FFFFFF;
}

/*** OFF ***/