/* CSS Document  - Waverley School */

/* ######################################################

					Redefine Tags		

   ###################################################### */

/*
body, div, p, h1, h2, h3, h4, h5, h6, a
{
	margin:0;
	padding:0;
}
*/

body
{
	background-image:url(../../../../images/bg_grad.jpg);
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

p, ul
{
	color:#373737;
}


img
{
	border:0px;
}

/* ######################################################

					Containers and Divs		

   ###################################################### */

/* ##################################
			Structure	
   ################################## */

/****** Wrapper for the whole structure - BG image could be swapped now and then? *******/

#wrapper
{
	width:780px;
	height:500px;
	background-color:#ffffff;
	background-image:url(../../../../images/bg_01.jpg);
	background-repeat:no-repeat;
}

/****** Oakfield logo box *******/

#logo
{
	float:right;
	padding-right:10px;
	padding-top:10px;
}

#cfbtlogo
{
	float:right;
	padding-right:10px;
	padding-top:10px;
}



/******* Container holds the main navigation (floating left) and also the main content area and panel*******/

#container
{
	float:left;
	position:relative;
	margin-top:190px;
	padding-bottom:10px;
}


/* ##################################
			Main navigation
   ################################## */


#mainNav
{
	float:left;
	width:110px;
	text-align:right;
	color:#373737;
	font-size:0.75em;
	line-height:150%;
	padding:30px 0px 0px 0px;
	margin:-4px 0px 0px 0px;
}

/* ##################################
		Main content area
   ################################## */


#content
{
	float:left;
	width:385px;
	font-size:0.9em;
	line-height:120%;
	color:#373737;
	text-align:left;
	padding-left:80px;
	padding-top: 30px;
}

#content table
{
	width: 80%
	border: 1px solid #999;
}

#content tr
{
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999;
}

#content td
{
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999;
}

#content th
{
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	background: #4a9e63;
}

#content th p
{
	color: #fff;
}

#content p
{
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:0px;
	margin:0px;
	color:#373737;
}

#content h1
{
	padding:0px;
	margin:0px;
	font-size:150%;
}

#content h2
{
	font-size:130%;
}

#content h3
{
	font-size:120%;
	margin-bottom:0px;
}
#content ul, li 
{	
	list-style-image:url(../../../../images/b_main.gif);
}

#content li a, #content p a
{	
	color:#373737;
	text-decoration:underline;
}

#content li a:hover, #content p a:hover
{ 
	background-color:#4a9e63;
	color: #fff;
	text-decoration:none;
}
.tdBG
{
 background-color :#FF0000;
	
}

/* ##################################
		Panel area
   ################################## */

/*********** this is controlled in the home.css file in order to control how many panels we could have?   *************/


/* ##################################
			Footer area	
   ################################## */


#footer
{
	width:780px;
	height:100px;
	float:left;
	text-align:center;
	color:#FFFFFF;
	font-size:0.7em;	
	margin:40px 0px 0px 0px;
	padding:40px 0px 0px 0px;
	background-color:#108a10;
	background-image:url(../../../../images/footer_bg.gif);
	background-repeat:no-repeat;
	padding-top:80px;
}

#footer a
{
	
	text-decoration:none;
	font-weight:900;
	color:#FFFFFF;
}

#footer a:hover
{
	text-decoration:underline;
	font-weight:900;
	color:#FFFFFF;
}

/****** Cfbt logo box *******/

#cfbtlogo
{
	float:right;
	padding-right:10px;
	padding-top: 0px;
}


/*****  All colours used in the styles 

	h1, h2, h3 and Sub Nav: 
	Main content text: 
	Background colour - wine: #008001
	Background colour - green: #028100

****/