/* CSS Document  - langley School */

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

					System (Main) CSS file
			Holding structural and generic elements		

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

/*
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:520px;
	background-color:#ffffff;
	background-image:url(../../../../images/bg_01.jpg);
	background-repeat:no-repeat;
}

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

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

#cfbtlogo
{
	float:right;
	padding-right:10px;
	background-color:#3F44AF;
	height:31px;
	width:71px;
	
	
}



/******* 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: #103cad;
	color: #fff;
}

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

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

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

#content h3
{
	color:#373737;
	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:#103cad;
	text-decoration:none;
	color: #fff;
}

.tdBG
{
	background-color:#373737;
}

/* ##################################
		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:200px;
	float:left;
	text-align:center;
	color:#FFFFFF;
	font-size:0.7em;	
	margin:40px 0px 0px 0px;
	padding:80px 0px 0px 0px;
	background-image:url(../../../../images/footer_bg.gif);
	background-repeat:no-repeat;
	background-color:#3f44af;
}

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

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

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

	h1, h2, h3 and Sub Nav: 
	Main content text: 
	Background colour - wine: #373737
	Background colour - grren: #247076

****/