/*  SightSavers - teachers
Author:	www.readingroom.com
Last updated: 08 October 07 */

/* STYLESHEET  */

/*_____wrapper__________________________________________________
*/

body {
	background: #889a9c;
	background: #f2edb9 url(../images/tile.gif) repeat-x;
}

#wrapper {
	background:url(../images/home.jpg) no-repeat;
	width:971px;
	height:589px;
	margin: 0 auto;
	position:relative;
	margin-top:10px;
}

/*_____leftContainer__________________________________________________
*/

#leftContainer {
	width:400px;
	float:left;
}

/*_____logo__________________________________________________
*/

#logo {
	border:none;
	margin-top:19px;
	padding-left:20px;
	float:left;
	margin-right:100px;
}

/*_____nav__________________________________________________
*/

#nav li a{
	text-decoration:none;
	
}

#haveYourSay {
	float:left;
	margin-top:222px;
	margin-left:143px;
	width:150px;
	font-size:110%;
	color:#333333;
	line-height:135%;
}

#nav {
	position:relative;
	list-style-type:none;
}

#nav0 {left:130px; top:238px; position:absolute;}

#nav0 a{
	display:block;
	width:142px;
	height:49px;
	background: url(../images/haveYourSay.gif) no-repeat;
}





#nav1 a {
	/*background: url(../images/downloadback.gif) bottom center no-repeat;	*/
	padding-bottom:4px;
}

#nav1 a{
	color:#59ea2d;
	font-size:140%;
	font-weight:bold; 
	
}



#nav2 a{
	color:#492400;
	font-size:140%;
	font-weight:bold; 
}



#nav3 a{
	color:#54adcc;
	font-size:140%;
	font-weight:bold; 
	text-decoration:underline !important;
}


#nav4 a{
	color:#9c23be;
	font-size:140%;
	font-weight:bold;
	background: #492400;
	padding:1px;
}


#nav li a span{
	visibility:hidden;
	text-decoration:none;
	display:block;
}

#nav li a img {
	border:none;
}

#nav1 { width:151px; display:block;}
#nav2 { width:143px; display:block; }
#nav3 { width:174px; display:block;}
#nav4 { width:156px; display:block;}
#nav5 { width:200px; display:block;}

#nav1{left:364px; top:285px; position:absolute;}
#nav2{left:200px; top:472px; position:absolute;}
#nav3{left:570px; top:190px; position:absolute;}
#nav4{left:674px; top:366px; position:absolute;}
#nav5{left:406px; top:181px; position:absolute;}

#nav1 a	{ height:39px; background: url(../images/roll3.jpg) no-repeat; display:block; padding:19px 16px 16px 30px;}
#nav2 a	{ height:55px; background: url(../images/roll1a.jpg) no-repeat; display:block; padding:10px;}
#nav3 a	{ height:55px; background: url(../images/roll2.jpg) no-repeat; display:block; padding:16px 5px 16px 10px;}
#nav4 a { height:40px; background: url(../images/roll4a.jpg) no-repeat; display:block; padding:6px 6px 5px 7px;}
#nav5 a { background: url(../images/roll4.gif) no-repeat; display:block;}

#nav1 a:hover { background:#ffa200; background: url(../images/roll3a.jpg) no-repeat;}
#nav2 a:hover { color:#e4b3d4; background: url(../images/roll1.jpg) no-repeat;}
#nav3 a:hover { color:#ace29b; background: url(../images/roll2a.jpg) no-repeat; }
#nav4 a:hover { color:#fac656; background: url(../images/roll4.jpg) no-repeat;}
#nav5 a:hover { color:red; background: url(../images/roll4.gif) no-repeat;}



/*
#nav0 a:hover { color:red;}
#nav1 a:hover { color:#1998cb; background: url(../images/downloadbackgreen.gif) bottom center no-repeat;}
#nav2 a:hover { color:#ec3fbd;}
#nav3 a:hover { color:#2ec500;}
#nav4 a:hover { background:#ffa200; }
#nav5 a:hover { color:red;}
*/


/*_____quick__________________________________________________
*/

#quick {
	background: white url(../images/quickBack.gif) no-repeat;
	width:130px;
	height:24px;
	border:none;
	float:left;
	text-transform:uppercase;
	padding:6px 5px;
	color: #be8042;
	font-size:90%;
	
}

#quick option{
	padding:10px;
	padding-right:10px;
	
}

form {
	margin-top:26px;
	float:right;
	width:160px;
	margin-right:20px;
}
#gobutton{
	float:right;
		
}