* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 background: #ffff33;
}


html, body {
scrollbar-face-color: #66a7f0;
scrollbar-base-color: #327ed2;
scrollbar-arrow-color: #fff;
scrollbar-track-color: #bf0000;
scrollbar-shadow-color: inherit;
scrollbar-highlight-color: inherit;
scrollbar-3dlight-color: inherit;
scrollbar-darkshadow-color: inherit;
}

a:link { 
color: #cc0000;
text-decoration: underline-overline;
font-weight: bold;
font-family: tahoma;
font-size: 12px;}

a:visited { color: #cc0000;
text-decoration: underline-overline;
font-weight: bold;
font-family: tahoma;
font-size: 12px;}

a:hover { color: #ff0000;
text-decoration: underline-overline;
font-weight: bold;
font-family: tahoma;
font-size: 12px;}

a:active {
color: #cc0000;
text-decoration: underline-overline;
font-weight: bold;
font-family: tahoma;
font-size: 12px; } 
#wrapper { 
 margin: 0 auto;
 width: 955px;
}
#header {
 color: #333;
 width: 955px;
 float: left;
 height: 160px;
 margin: 10px 0px 0px 0px;
 margin-left:auto;
 margin-right:auto;
 position:relative;
 background-color:#33ccff;
 background-image:url(images/header.jpg);
}

#navigation {
 float:left;
 width: 955px;
 color: #333;
 border: 0px;;
 margin: 0px 0px 0px 0px;
 position:relative;
 background-color:#33ccff;
}


#enlarge {padding:0; margin:0em auto; list-style-type:none; width:955px; height:40px;}
#enlarge li {display:block; float:left; width:135px; height:88px; position:relative;}
#enlarge li a {display:block; width:135px; height:88px; background:transparent; overflow:hidden; position:relative;}
#enlarge li a img {width:111px; height:64px; margin:12px;}
#enlarge li a:hover {margin:0; text-indent:-1000px; background:#aaa;}
#enlarge li a:hover img {width:0; height:0;}
#enlarge li a.one:hover {background:url(menu/home.gif);}
#enlarge li a.two:hover {background:url(menu/games.gif);}
#enlarge li a.three:hover {background:url(menu/colouring.gif);}
#enlarge li a.four:hover {background:url(menu/birthdays.gif);}
#enlarge li a.five:hover {background:url(menu/drawings.gif);}
#enlarge li a.six:hover {background:url(menu/stories.gif);}
#enlarge li a.seven:hover {background:url(menu/competitions.gif);}





#leftcolumn { 
 color: #333;
 border: 0px solid #33ccff;

 background:#33ccff;
 margin: 0px 0px 0px 0px;
 height: 400px;
 width: 222px;
 float: left;
}

.markermenu{
width: 220px; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 2px 0;
padding: 0;
}

.markermenu ul li a{
background: #33ccff url(images/start.gif) no-repeat 2px center;
font: bold 12px "Lucida Grande", "Tahoma", Verdana, Arial, sans-serif;
color: #fff;
display: block;
width: auto;
padding: 3px 0px;
padding-left: 28px;
text-decoration: none;
border-bottom: 1px solid #ccc;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 220px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #fff;
}

.markermenu ul li a:hover{
color: black;
background-color: #ffcc33;
background-image:url(images/hover.gif); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */


#rightcolumn { 
 float: right;
 color: #333;
 border: 0px solid #ffcc33;
 background:#33ccff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 380px;
 width: 713px;
 display: inline;
}

#welcome{ 
 float: left;
 color: #cc0000;
 font-family: tahoma;
 font-size: 12px;
 border: 4px dotted #ffcc33;
 background:#fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 180px;
 width: 403px;
 display: inline;
}

#promo{ 
 float: right;
 color: #333;
 font-size: 12px;
 border: 4px dotted #ffcc33;
 background:#fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 180px;
 width: 245px;
 display: inline;
}

#scroller{ 
 float: left;
 color: #333;
 border: 4px dotted #ffcc33;
 background:#fff;
 margin: 10px 0px 0px 0px;
 padding: 2px;
 height: 150px;
 width: 684px;
 display: inline;
}

#onebig{ 
 overflow: auto;
 float: left;
 color: #cc0000;
 font-family: tahoma;
 font-size: 12px;
 border: 4px dotted #ffcc33;
 background:#fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 365px;
 width: 684px;
 display: inline;
}

#birthdayleft {
 float: left;
 color: #333;
  border: 3px dotted #ffff33;
 background:#33ccff;
 background:url(images/bdaybg.gif);
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: 375px;
 width: 234px;
 display: inline;
 overflow: auto;
}

#birthdaymiddle {
 float: left;
 color: #333;
  border: 3px dotted #ffff33;
 background:#33ccff;
 background:url(images/bdaybg.gif);
 margin-left: 5px;
 padding: 5px;
 height: 375px;
 width: 186px;
 display: inline;
}
#birthdayright{ 
 float: right;
 color: #333;
 border: 3px dotted #ffff33;
 background:#33ccff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 385px;
 width: 245px;
 display: inline;
}

#bday2left {
 float: left;
 color: #333;
 border: 1px dotted #ffcc33;
 background:#fff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 325px;
 display: inline;
}

#bday2right {
 float: right;
 color: #333;
 border: 1px dotted #ffcc33;
 background:#fff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 325px;
 display: inline;
}

#drawingsleft {
 float: left;
 color: #333;
  border: 3px dotted #33ccff;
 background:#ffff66;
 margin: 0px 0px 0px 0px;
 padding: 0px;

 width: 394px;
 display: inline;
}

#drawingsright {
 float: right;
 color: #333;
  border: 3px dotted #33ccff;
 background:#ffff66;
 margin: 0px 0px 0px 0px;
 padding: 0px;

 width: 254px;
 display: inline;
}

#compsleft {
 float: left;
 color: #333;
 font-size: 14px;
 border: 3px dotted #33ccff;
 background:#ffff66;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 294px;
 display: inline;
}

#compsright {
 float: right;
 color: #333;
 border: 3px dotted #33ccff;
 background:#ffff66;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 354px;
 display: inline;
}



#footer { 
 width: 945px;
 height: 126px;
 clear: both;
 color: #333;
 background-color:#33ccff;
 padding: 5px;
 margin: 0px 0px 10px 0px;
 background-image:url(images/footer.png);
}