/* 
 *	home.css - style for the homepage only
 *
 *	Developed by E for Education (www.eforeducation.co.uk)
 */



*{
	padding: 0;
	margin:0;
}


/* ------------------ layout ----------------- */

#container	{
	width: 760px;  
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	}

#header		{
	position: relative;
	z-index: 30;
	float: left;
	width: 760px;
	margin: 0px; padding: 0px;
	color: #FFF;
	display: inline;
	}

#header h1 a{
	position:relative;
	float: left;
	width: 220px;
	height: 76px;
	display: block;
	text-indent: -5000px;
	background-image: url(../images/homepage/header.gif);
	background-repeat:no-repeat;
}

#header h2	{display: none;}
 
#main	{
	float: left;
	position: relative;
	z-index: 10;
	background: none;
	margin-top: -212px!important;
	margin-top: -376px;
	padding-left: 2px;
	}


#subnav {
	display:none;
	}


#breadcrumbs{
	display:none;
	}


#content	{
	margin-right: 0px;
	padding: 0px;
	width: 760px;
	float: none;
	background: none;
	}

#forcer	{
	float: left;
	width: 0px;
	height: 250px;
	}
	
#forcerfix{position: relative;}

#homepageFlash{position: relative; z-index: 60;}
	
#forcerfix p{
	display: none;
}

#footerLogo{
	float:left;
	position: relative;
	z-index: 50;
	width: 150px;
	height: 150px;
	display: block;
	margin: -300px 0px 0px;
	background: url(../images/homepage/footer_logo.gif) no-repeat top left;
}

#footer	{
	float:left;
	background: none;
	position: relative;
	z-index: 50;
	text-align: center;
	width: 760px;
	height: 150px;
	min-height: 150px;
	margin: -80px 0px 0px;
	padding: 0px;
	font-size: 80%;
	color: #FFF;
	}

#footer a	{color: #FFF}


/* ------------------ start menu classes for standard menus ----------------- */

				#menu	{
					position: relative;
					z-index: 20;
					float: left;
					clear: left;
					margin: 0px; padding: 0px;
					margin-top: 50px;
					width: 480px;
					background: none;
					}
					
				#menu ul	{
					margin: 0px; padding: 0px; 
					width: 200px;
					}
					
				#menu li 	{
					padding: 0px;
					display: block;
					list-style: none;
					height: 42px;
					min-height: 42px;
					text-align: left;
					white-space: nowrap;
					width: 170px;
					}
					
				#menu li a	{
					display: block;
					margin: 0px;
					color: #fff;
					text-align: right;
					padding: 0px;
					padding-right: 40px;
					height: 42px;
					min-height: 42px;
					}
					
				#menu li a:hover	{
					display: block; 
					margin: 0px;
					padding: 0px;
					color: #FFF;
					padding-right: 40px;	 				
					}
					
/* ------------------ ^^ end menu classes for standard menus ^^ ----------------- */
#menu1{
	margin-left: 16px!important;
}
	#menu1 a{
		background: url(../images/homepage/news_button_standard.gif) no-repeat top right;
	}
		#menu1 a:hover{
			background: url(../images/homepage/news_button_over.gif) no-repeat top right;
		}

#menu2{
	margin-left: -1px!important;
}
	#menu2 a{
		background: url(../images/homepage/parents_button_standard.gif) no-repeat top right;
	}
		#menu2 a:hover{
			background: url(../images/homepage/parents_button_over.gif) no-repeat top right;
		}

#menu3{
	margin-left: -11px!important;
}
	#menu3 a{
		background: url(../images/homepage/who_button_standard.gif) no-repeat top right;
	}
		#menu3 a:hover{
			background: url(../images/homepage/who_button_over.gif) no-repeat top right;
		}
		
#menu4{
	margin-left: -13px!important;
}
	#menu4 a{
		background: url(../images/homepage/learning_button_standard.gif) no-repeat top right;
	}
		#menu4 a:hover{
			background: url(../images/homepage/learning_button_over.gif) no-repeat top right;
		}
		
#menu5{
	margin-left: -9px!important;
}
	#menu5 a{
		background: url(../images/homepage/pupils_button_standard.gif) no-repeat top right;
	}
		#menu5 a:hover{
			background: url(../images/homepage/pupils_button_over.gif) no-repeat top right;
		}
		
#menu6{
	margin-left: 2px!important;
}
	#menu6 a{
		background: url(../images/homepage/friends_button_standard.gif) no-repeat top right;
	}
		#menu6 a:hover{
			background: url(../images/homepage/friends_button_over.gif) no-repeat top right;
		}

#header1 #menu{
	background: none;
	}
	
#header2 #menu{
	background: none;
	}
	
#header3 #menu{
	background: none;
	}
	
#header4 #menu{
	background: none;
	}
	
	
/*------------------------------------------------------------------------------------------------

HOMEPAGE NEWS TICKER

------------------------------------------------------------------------------------------------*/

#newsTicker{
	width: 100%;
	background: #D4A823 url(../images/design/ticker_bg.jpg) repeat-x top;
	border-bottom: 2px solid #115981;
	color: #0D4A5C;
	padding: 3px 0;
}

#newsWrapper{
	width: 760px;
	margin: 0px auto;
}

#newsWrapper h3{
	font-size: 110%;
	display: inline;
	color: #0D4A5C;
}

#newsWrapper #ticker{
	display: inline;
	margin-left: 10px;
}

#newsWrapper #ticker a{
	color: #0D4A5C;
	font-weight: normal;
}