/* Style Sheet for www.gorseride-jun.wokingham.sch.uk
/* Structure */
body 			{background-color: #006633; margin: 10px; font: 13px Georgia, serif; 	}
#logo		 	{float: left; width: 162px; background-color: #fff; 	        }
#navigation	 	{width: 162px; position:absolute; top: 175px; left:10px       }
#content    	{background-color: #fff; padding: 10px; margin-left: 172px; }
#contentalbum	{background-color: #fff; padding: 10px; float: left; width: 800px; }
#welcome		{width: 500px; padding: 10px; }
#news 			{ position:absolute; visibility:visible; left: 240px; top: 160px; z-index:2 }
#intro			{text-align: center; }
#banner1 		{background: #fff	 url('images/Montage07.jpg') top left; height: 80px; }
#banner2 		{background: #fff	 url('images/logos.jpg') top left; height: 40px; }
#pageheading	{display: block; text-align: center; background-color: #006633; }
#breadcrumb		{float: right; font: 11px Georgia; margin-top: 10px; padding: 10px } 

.border			{border: 1px solid #222;        }
.floatRight  	{float: right;}
#header			{text-align: left	}
#footer			{padding: 10px;	text-align: right;margin-top: 50px;	}

/* Copy and headings */

h1, h2, h3, h4, h5, h6  	{font-family: Arial, sans-serif; font-weight: bold; color: #006633; padding-right: 50px;	}
h1  			{font-size: 17px;}
h2  			{font-size: 17px}

#logo h1  		{display: block; padding: 5px 10px; text-align: center; background-color: #fff; font: bold 16px Arial, sans-serif}
#logo h2  		{display: block; padding: 5px 10px;  text-align: center; border-top: 10px solid #006633;  background-color: #ffff43; font: bold 12px Arial, sans-serif}
#logo p			{text-align: center; padding-left: 40px}
#news h2		{margin-top: 170px; display: block; padding: 5px 10px;  text-align: center; border-top: 10px solid #006633;  background-color: #ffff43; font: bold 12px Arial, sans-serif}
p   			{font: 13px Georgia, serif; padding-right: 75px; padding-left: 40px; color: #222; line-height: 1.5em;}

/* Links */

a				{font-weight: bold; color: #006633; text-decoration: none;}
a:link			{font-weight: bold; color: #006633; text-decoration: none;}
a:visited		{font-weight: bold; color: #006633; text-decoration: none;}
a:active		{font-weight: bold; color: #006633; text-decoration: none;}
a:hover 		{font-weight: bold; color: #006633; text-decoration: none; background-color: #ffff43;}

#intro a  		{display: block; color:#ffff43; padding: 2px 30px; font: bold 17px Arial, sans-serif; text-decoration: none}  
#intro a:link  	{display: block; color:#ffff43; padding: 2px 30px; font: bold 17px Arial, sans-serif; text-decoration: none}
#intro a:visited  	{display: block; color:#ffff43; padding: 2px 30px; font: bold 17px Arial, sans-serif; text-decoration: none}  
#intro a:active  	{padding: 2px 30px; font: bold 17px Arial, sans-serif; color:#ffff43; text-decoration: none} 
#intro a:hover  	{color: #ffff43; background-color: #006633; display: block; padding: 2px 30px; font: bold 17px Arial, sans-serif; text-decoration: none}	
	
/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.menu {font-size: 8pt; margin: 0px; font-family: verdana}
.menu ul {padding-right: 0px; padding-left: 0px; z-index: 500; padding-bottom: 0px; margin: 0px; width: 14em; padding-top: 0px; list-style-type: none; position: relative}
.menu li {float: left; background-color: #006633}
.menu li.sub {background-color: #006633}
.menu table {margin-top: -1px; font-size: 1em; z-index: 100; left: 0px; position: absolute; top: 0px; border-collapse: collapse}
.menu a.last, .menu a:visited.last {border-bottom:1px;}
.menu a {border-left:1px solid #ffffff; border-right:1px solid #ffffff; border-top:1px solid #ffffff; border-bottom:0px solid #ffffff; display: block; padding-left: 1em; font-weight: normal; text-transform: none; width: 14em; color: #ffff33; line-height: 2em; font-style: normal; height: 2em; font-variant: normal; text-decoration: none}
.menu a:visited {border-left:1px solid #ffffff; border-right:1px solid #ffffff; border-top:1px solid #ffffff; border-bottom:0px solid #ffffff; display: block; padding-left: 1em; font-weight: normal; text-transform: none; width: 14em; color: #ffff33; line-height: 2em; font-style: normal; height: 2em; font-variant: normal; text-decoration: none}
.menu b {float: right; margin-right: 5px}
* html .menu a {width: 14em}
* html .menu a:visited {width: 14em}
* html .menu a:hover {font-weight: normal; border-left-color: #ffffff; border-bottom-color: #ffffff; text-transform: none; color: #006633; border-top-color: #ffffff; font-style: normal; position: relative; background-color: #ffff33; font-variant: normal; text-decoration: none; border-right-color: #ffffff}
.menu li:hover {position: relative}
.menu a:active {font-weight: normal; border-left-color: #ffffff; border-bottom-color: #ffffff; text-transform: none; color: #006633; border-top-color: #ffffff; font-style: normal; background-color: #ffff33; font-variant: normal; text-decoration: none; border-right-color: #ffffff}
.menu a:focus {font-weight: normal; border-left-color: #ffffff; border-bottom-color: #ffffff; text-transform: none; color: #006633; border-top-color: #ffffff; font-style: normal; background-color: #ffff33; font-variant: normal; text-decoration: none; border-right-color: #ffffff}
.menu li:hover > a {font-weight: normal; border-left-color: #ffffff; border-bottom-color: #ffffff; text-transform: none; color: #006633; border-top-color: #ffffff; font-style: normal; background-color: #ffff33; font-variant: normal; text-decoration: none; border-right-color: #ffffff}
.menu li ul {padding-right: 2em; padding-left: 2em; left: 10em; visibility: hidden; padding-bottom: 2em; padding-top: 2em; position: absolute; top: -2em; background-color: transparent}
.menu li:hover > ul {visibility: visible}
.menu ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul a:hover ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility: visible}