body{
background-color:#FFFFFF;
color:#00000;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
margin:0;
padding:0
}
h1{color:#8C7B21;font-size:16px}
h2{color:#475F00;font-size:14px}
p{color:#000000;font-size:12px}
#header{
background-image:url(images/logo.gif);
background-repeat:no-repeat;
height:90px;
left:50%;
margin-left:-375px;
position:absolute;
width:750px
}
/* CSS for Image map starts here. It's pretty trim actually. */
#menu-home,#menu-stories,#menu-pictures,#menu-thesaurus,#menu-shop,#menu-chuckups,#menu-links{
height:25px;
margin:65px 0 0 250px;
position:absolute;
width:500px
}
#menu-home{background:transparent url(images/home.gif) no-repeat}
#menu-stories{background:transparent url(images/stories.gif) no-repeat}
#menu-pictures{background:transparent url(images/pictures.gif) no-repeat}
#menu-thesaurus{background:transparent url(images/thesaurus.gif) no-repeat}
#menu-shop{background:transparent url(images/shop.gif) no-repeat}
#menu-chuckups{background:transparent url(images/chuckups.gif) no-repeat}
#menu-links{background:transparent url(images/links.gif) no-repeat}
#map a{height:25px;position:absolute;text-decoration:none}
#map a em{visibility:hidden}
a#home{left:0px;width:59px}
a#stories{left:60px;width:65px}
a#pictures{left:126px;width:75px}
a#thesaurus{left:202px;width:90px}
a#shop{left:293px;width:58px}
a#chuckups{left:352px;width:93px}
a#links{left:446px;width:53px}
/* End CSS image map */
#subheader{
background-color:#99CC00;
border-bottom:2px solid #8C7B21;
height:20px;
margin:90px 0 0 0;
padding:0;
position:absolute;
width:100%
}
#main{margin:112px 0 0 0;position:absolute;width:100%}
#stripwrap{background-color:#A7DF00;position:relative;width:100%}
#strip{
background-color:#99CC00;
left:50%;
margin-left:-375px;
padding:6px;
position:relative;
width:738px
}
#strip a link,#strip a:active,#strip a:visited,#strip a:hover{color:#FFFFFF}
#strip a:hover{text-decoration:none}
#contentwrap{
background-color:#C7FF1F;
border-bottom:2px solid #8C7B21;
position:relative;
width:100%
}
#contentwrap2{
background-color:#FFFFFF;
background-image:url(images/submenu_bg.gif);
background-repeat:repeat-y;
border-top:1px solid #FFFFFF;
left:50%;
margin-left:-375px;
position:relative;
width:750px
}
#content{
background-color:#FFFFFF;
background-image:url(images/barf_bg.jpg);
background-repeat:no-repeat;
float:right;
padding:10px;
width:575px
}
#submenu{background-color:#8C7B21;float:left;width:151px}
#submenu a{
border-bottom:1px solid #FFFFFF;
display:block;
font-size:11px;
font-weight:bold;
padding:2px;
text-decoration:none;
width:100%
}
#submenu a:link,#submenu a:active,#submenu a:visited{background-color:#99CC00;color:#FFFFFF}
#submenu a:hover{background-color:#C7FF1F;color:#000000}
#footer{padding:10px;text-align:center}
     a.storylist { color: "#FFFFFF"; font-size: 11px; font-weight: bold; text-decoration: underline; font-family: verdana; background-color:#8C7B21}
      a.storylist:hover { color: "000000"; font-size: 11px; font-weight: bold; text-decoration: none; font-family: verdana;background-color:#C7FF1F}
a.shoplink {
color: #FFFFFF; font-size: 11px; font-weight: bold; font-family: verdana; background-color:#8C7B21
}
a.shoplink:hover {
color: 000000; font-size: 11px; font-weight: bold; text-decoration: underline; font-family: verdana;background-color:#C7FF1F
}