/* #B5B2FF background content color */
body { font-family:verdana, sans-serif; background:#B5B2FF url("../images/blue_stripe.gif") repeat-y 0 0; font-size:small;}
h1 {font-size: x-large; color:#000; }
h2 {font-size:large; color:#009; text-align:center;}
h3 {font-size: medium; color:#696969; }
dt {font-weight:bold;}
img, table { border:none;}

.center {text-align:center;}
.right {text-align:right;}

/* push code */
.push {position:absolute;left:-5000px;width:100px;}
/* skip to somewhere - <span class="skip"><a id="top">&nbsp;</a></span> */
.skip { position:absolute; margin:0; padding:0; font-size:.001em;}

#wb_logo { position:absolute; margin-top:-10px; margin-left:0px; }
#boy { position:absolute; margin-top:135px; margin-left:10px; }
#tri { background:transparent url("../images/wizbiz4kidstri_02.gif") no-repeat 0 70px; position:absolute; width:195px; height:320px; z-index:0;}
#hpquote {  background-color:#fff; color: #000; padding:2px; margin:330px 0 0 0; font-weight:bold; font-size:x-small; width:175px; border-right: 1px outset #999; border-bottom: 1px outset #999; text-align:center; } 
#bodycontent { position:relative;  padding-left:200px; padding-right:5px; z-index:5;}
.content { background-color:#fff; padding: 0 5px 5px 5px; width:98%; margin:auto; margin-bottom:15px; }
#navcontainer {background-color:#009; height:15px; margin-left:182px;}
#footer { margin-top:15px; background-color:#009; height:15px; color:#ccc; text-align:center; font-weight:bold;padding:3px;}
#footer a, #footer a:visited { color:#ccc; text-decoration:none; }
#footer a:hover { color:#fff; text-decoration: underline; }

/* to keep the floated list wi1px the container div. add a class of .clearfix to any element containing a float needing to be cleared - not 1pxking this works */
.clearfix {height: 1%; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
html > body .clearfix {min-height: 1px; height: auto;}

#navlist
{
position:absolute;
border-bottom: none;
margin:-2px 0 0 0;
padding: 0;
}

#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist a:link, #navlist a:visited
{
background: #ccc;
border-top: 1px outset #999;
border-right: 1px outset #999;
border-bottom: 1px outset #999;
border-left: 1px outset #999;
color: #000;
float: left;
font-size: 1em;
font-weight: normal;
line-height: 1em;
margin-right: 5px;
padding: 3px 10px 3px 10px;
text-decoration: none;
white-space:nowrap;
}

#navlist a:link.current, #navlist a:visited.current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
font-weight:bold;
cursor:default;
}

#navlist a:hover, #navlist a:active, #navlist a:focus, div.push a 
{ color: #000; 
background:#ebeadf; 
}

a:hover, a:active, a:focus  { color:#F00;}
a.push:active, a.push:focus { position:relative;left:0;top:0; width:auto; color:#FFF;}