body
{
margin: 0;
padding: 0;
font-size: 95%;
font-family: georgia, times, "times new roman", serif;
color: #000;
background-color: #fff;
}

a:link { color: #036; }
a:visited { color: #066; }

a:hover, a:active

{
color: #036;
background-color: #FFFFcc;
}

div#banner
{
color: #fff;
background-color: #FFFFcc;
border-bottom: 1px solid #000;
}

div#banner h1
{

margin: 0;
padding: .3em 0 .3em .5em;
font-size: 2.2em;
font-weight: normal;
}

div#container
{

}

.markblue 
{ 
background: #66FFFF; 
}

.markgreen
{ 
background: #99FF00; 
}

.markyellow 
{ 
background: #FFFF00; 

}


fieldset 
{ 
line-height: 1.1em; margin: 4px 0; padding: 0 0 4px 4px; 
}

html 
{ 
height: 100%; margin-bottom: 1px; 
}

.description
{ 
font-size: 0.9em; line-height: 1.4em; margin-left: 20px; padding: 0; width: 85%; 
}


div#container2
{

}

div#navigation
{
float: left;
width: 150px;
padding-top: 2em;
}

div#navigation ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

div#navigation ul li { margin-top: 4px; }

#navigation ul li a
{
display: block;
width: 135px;
padding: 3px 5px 3px 10px;
text-decoration: none;
color: #000;
}

#navigation ul li a:hover
{
color: #fff;
background-color: #ccc;
}

div#more
{
float: right;
width: 160px;
margin: 0;
padding: 2em 20px 0 0;
color: #000000;
background-color: #FFFFcc;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
}

div#more h3
{
margin-top: 0;
color: #000000;
padding: .2em;
}

div#content
{
margin-left: 180px;
margin-right: 210px;
text-align: justify;
}

div#content h2
{
font-size: 2em;
color: #036;
margin: 0;
padding-top: 1em;
font-weight: normal;
}

div#content h3
{
font-size: 1.5em;
color: #036;
margin: 0;
padding-top: 1em;
font-weight: normal;
}

div#content { line-height: 150%; }

#cleardiv
{
clear: both;
height: 1em;
}

div#footer
{
clear: both;
padding: .5em 1em;
border-top: 1px solid #999;
text-align: center;
}

div#footer ul
{
padding: 0;
margin: 0;
list-style-type: none;
}

div#footer li
{
display: inline;
margin-right: 1em;
}  
 
#menu{ 
height:145px;
width:980px;  
margin:0 auto; 
}

#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; margin-right:4px; display:block; width:127px; border:0px solid #000;}
#menu li.list1 {background:transparent url(http://www.stowuplandpreschool.org.uk/includes/alliance.gif) 35px 20px no-repeat;}
#menu li.list2 {background:transparent url(http://www.stowuplandpreschool.org.uk/includes/aboutus.jpg);}
#menu li.list3 {background:transparent url(http://www.stowuplandpreschool.org.uk/includes/preschool.jpg);}
#menu li.list4 {background:transparent url(http://www.stowuplandpreschool.org.uk/includes/themightyoaks.jpg);}
#menu li.list5 {background:transparent url(http://www.stowuplandpreschool.org.uk/includes/toddlergroup.jpg);}
#menu li.list6 {background:transparent url(http://www.stowuplandpreschool.org.uk/includes/contactus.jpg);}
#menu li.list7 {width:175px; height:144px; background:transparent url(http://www.stowuplandpreschool.org.uk/includes/preschoollogo.gif) no-repeat;}

#menu a {display:block; width:127px; padding-top:130px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:130px; he\ight:0;}
#menu a#item1 {background:transparent}
#menu a#item2 {background:transparent url(http://www.stowuplandpreschool.org.uk/includes/aboutus1.jpg) -130px -127px no-repeat;}
#menu a#item3 {background:transparent url(http://www.stowuplandpreschool.org.uk/includes/preschool1.jpg) -130px -127px no-repeat;}
#menu a#item4 {background:transparent url(http://www.stowuplandpreschool.org.uk/includes/themightyoaks1.jpg) -130px -127px no-repeat;}
#menu a#item5 {background:transparent url(http://www.stowuplandpreschool.org.uk/includes/toddlergroup1.jpg) -130px -127px no-repeat;}
#menu a#item6 {background:transparent url(http://www.stowuplandpreschool.org.uk/includes/contactus1.jpg) -130px -127px no-repeat;}
#menu a#item7 {background:transparent}

#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
#menu a#item5:hover {background-position:top right; z-index:50;}
#menu a#item6:hover {background-position:top right; z-index:50;}
#menu a#item7:hover {background-position:top right; z-index:50;}

* html #menu a:hover {height:130px; he\ight:0;}

#maps{ 
width:700px;  
margin:auto; 
}

#maps {display:block; width:492px; height:492px;}
#maps ul {margin:0; padding:0; list-style-type:none;}
#maps li {float:left; margin-right:1px;}
#maps li.list1 {background:transparent url(http://www.stowuplandpreschool.org.uk/includes/preschoolmap.jpg);}
#maps a {display:block; width:489px; height:0; padding-top:489px; color:#000; overflow:hidden;}
* html #maps a:link, * html #menu a:visited {height:489px; he\ight:0;}
#maps a#item1 {background:transparent url(http://www.stowuplandpreschool.org.uk/includes/preschoolphotos.jpg) -492px -492px no-repeat;}
#maps a#item1:hover {background-position:0 0; z-index:50;}

* html #maps a:hover {height:489px; he\ight:0;}