@charset "utf-8";
body 
{
margin:auto;
position:relative;
width:800px;
background-image:url(images/background.jpg);
background-repeat:repeat;
}

body.print
{
margin:auto;
position:relative;
width:800px;
background-image:none;
font-family:Arial, Helvetica, sans-serif;
}

#advertisement
{
margin:0;
height:100px;
background-color:#FFF;
}

#advertisement h1
{
margin:0;
}

#advertisement h1 a
{
margin:0;
padding:0;
position:relative;
width:800px;
height:100px;
overflow:hidden;
}

#advertisement h1 a span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:800px;
height:100px;
background:url(images/advertisement.gif) 0 0 no-repeat;
}

#advertisement h1 a:hover span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:800px;
height:100px;
background:url(images/advertisement.gif) top left no-repeat;
background-position:-800px 0;
}

#banner
{
margin:0;
height:200px;
background:url(images/banner.jpg);
}

#menu
{
float:left;
width:170px;
margin-top:30px;
padding:0;
}

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

#home a,#home em
{
display:block;
height:30px;
padding:0px;
position:relative;
width:183px;
height:30px;
overflow:hidden;
}

#home a span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button01home.png) 0 0 no-repeat;
}

#home a:hover span
{
background-position:-200px 0;
}

#home a:active span
{
background-position:-400px 0;
}

#home em span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button01home.png) 0 0 no-repeat;
background-position:-600px 0;
}

#book a,#book em
{
display:block;
height:30px;
padding:0px;
position:relative;
width:183px;
height:30px;
overflow:hidden;
font-style:normal;
}

#book a span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button02booksomestorytellin.png) 0 0 no-repeat;
}

#book a:hover span
{
background-position:-200px 0;
}

#book a:active span
{
background-position:-400px 0;
}

#book em span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button02booksomestorytellin.png) 0 0 no-repeat;
background-position:-600px 0;
}

#news a,#news em
{
display:block;
height:30px;
padding:0px;
position:relative;
width:183px;
height:30px;
overflow:hidden;
}

#news a span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button03news.png) 0 0 no-repeat;
}

#news a:hover span
{
background-position:-200px 0;
}

#news a:active span
{
background-position:-400px 0;
}

#news em span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button03news.png) 0 0 no-repeat;
background-position:-600px 0;
}

#littlebirds a,#littlebirds em
{
display:block;
height:30px;
padding:0px;
position:relative;
width:183px;
height:30px;
overflow:hidden;
}

#littlebirds a span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button04littlebirds.png) 0 0 no-repeat;
}

#littlebirds a:hover span
{
background-position:-200px 0;
}

#littlebirds a:active span
{
background-position:-400px 0;
}

#littlebirds em span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button04littlebirds.png) 0 0 no-repeat;
background-position:-600px 0;
}

#resources a,#resources em
{
display:block;
height:30px;
padding:0px;
position:relative;
width:183px;
height:30px;
overflow:hidden;
}

#resources a span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button04resources.png) 0 0 no-repeat;
}

#resources a:hover span
{
background-position:-200px 0;
}

#resources a:active span
{
background-position:-400px 0;
}

#resources em span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button04resources.png) 0 0 no-repeat;
background-position:-600px 0;
}

#storytelling a,#storytelling em
{
display:block;
height:30px;
padding:0px;
position:relative;
width:183px;
height:30px;
overflow:hidden;
}

#storytelling a span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button05aboutstorytelling.png) 0 0 no-repeat;
}

#storytelling a:hover span
{
background-position:-200px 0;
}

#storytelling a:active span
{
background-position:-400px 0;
}

#storytelling em span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button05aboutstorytelling.png) 0 0 no-repeat;
background-position:-600px 0;
}

#aboutus a,#aboutus em
{
display:block;
height:30px;
padding:0px;
position:relative;
width:183px;
height:30px;
overflow:hidden;
}

#aboutus a span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button06aboutsnailtales.png) 0 0 no-repeat;
}

#aboutus a:hover span
{
background-position:-200px 0;
}

#aboutus a:active span
{
background-position:-400px 0;
}

#aboutus em span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button06aboutsnailtales.png) 0 0 no-repeat;
background-position:-600px 0;
}

#links a,#links em
{
display:block;
height:30px;
padding:0px;
position:relative;
width:183px;
height:30px;
overflow:hidden;
}

#links a span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button07links.png) 0 0 no-repeat;
}

#links a:hover span
{
background-position:-200px;
}

#links a:active span
{
background-position:-400px;
}

#links em span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:183px;
height:30px;
background:url(images/button07links.png) 0 0 no-repeat;
background-position:-600px 0;
}

#rss
{
float:right;
width:160px;
margin:0;
margin-top:5px;
}

#rsslink,#rss h3,#programmes h2,#programmes h3,#rss p,#rss em,#content p,#content h1,#content h2,#content h3,#form h2,#form p,#form ul,#programmes p,#programmes ul,#content ul,#content h4,form,#form h4,#form h3,#programmes h4,#form ol,#programmes ol,#content ol
{
margin:0;
padding:5px 10px 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

#content h1.newspage
{
padding-bottom:8px;
}

#plain
{
margin:0;
padding:0 5px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
background-color:#FFFFFF;
}

#programmes ul,#content ul,#form ul
{
padding-left:30px;
}

#programmes ol,#content ol,#form ol
{
padding:10px 0 0 50px;
}

#programmes h2,#form h2,#content h2
{
font-size:100%;
}

#content h1,#plain h1
{
font-size:120%;
}

#plain h2
{
font-size:104%;
}

#plain h1
{
margin:0;
padding:0;
}

#rss p,#rss em
{
font-size:75%;
}

#content h3,#form h3,#programmes h3
{
font-size:95%;
text-decoration:underline;
padding-top:15px;
}

#rss h3,#content h4,#form h4,#programmes h4,#plain h4
{
font-size:90%;
}

#rsslink
{
text-align:right;
}

#rsslink img
{
border:0;
}

#contenthead
{
height:30px;
margin-top:0;
padding:0;
margin-top:5px;
margin-left:170px;
background:url(images/bubble-top.png) 0 0 no-repeat;
}

#content
{
margin-left:170px;
margin-bottom:0;
padding-left:13px;
padding-right:10px;
background:url(images/bubble-middle.png) 0 0 repeat-y;
}

#contentfoot
{
height:30px;
margin-left:170px;
margin-top:0;
background:url(images/bubble-bottom.png) 0 0 no-repeat;
}

.homepage
{
margin-right:175px;
}

#contenthead.homepage
{
background:url(images/bubble-top-homepage.png) 0 0 no-repeat;
}

#contentfoot.homepage
{
background:url(images/bubble-bottom-homepage.png) 0 0 no-repeat;
}

#content.homepage,#form,#programmes
{
margin-left:170px;
margin-bottom:0;
padding-left:13px;
padding-right:10px;
background:url(images/bubble-middle-homepage.png) 0 0 repeat-y;
}

#rsstop
{
margin:0;
height:72px;
}

#rsstop h2
{
margin:0;
padding:0;
position:relative;
width:160px;
height:72px;
overflow:hidden;
}

#rsstop.rsshome h2 span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:160px;
height:72px;
background:url(images/rss-home1TOP.png) 0 0 no-repeat;
}

#rssmid.rsshome
{
background:url(images/rss-home2MID.png) 0 0 repeat-y;
}

#rssbot
{
display:block;
width:160px;
height:14px;
}

#rssbot.rsshome
{
background:url(images/rss-home3BOT.png) 0 0 no-repeat;
}

#rsstop.rssnews h2 span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:160px;
height:72px;
background:url(images/rss-news1TOP.png) 0 0 no-repeat;
}

#rssmid.rssnews
{
background:url(images/rss-news2MID.png) 0 0 repeat-y;
}

#rssbot.rssnews
{
background:url(images/rss-news3BOT.png) 0 0 no-repeat;
}

#rsstop.rssaboutus h2 span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:160px;
height:72px;
background:url(images/rss-aboutus1TOP.png) 0 0 no-repeat;
}

#rssmid.rssaboutus
{
background:url(images/rss-aboutus2MID.png) 0 0 repeat-y;
}

#rssbot.rssaboutus
{
background:url(images/rss-aboutus3BOT.png) 0 0 no-repeat;
}

#rsstop.rssbook h2 span
{
display:block;
z-index:1;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
width:160px;
height:72px;
background:url(images/rss-book1TOP.png) 0 0 no-repeat;
}

#rssmid.rssbook
{
background:url(images/rss-book2MID.png) 0 0 repeat-y;
}

#rssbot.rssbook
{
background:url(images/rss-book3BOT.png) 0 0 no-repeat;
}

#newsimage
{
text-align:center;
}

ul.inline
{
display:inline;
padding: 0; 
margin: 0; 
list-style-type: none; 
} 

li.inline1,li.inline2
{
display: inline;
margin-right: 1em;
}