body {
behavior: url("csshover.htc"); /* needed so that hover, and pop up menu issues are fixed for IE6 and IE7.. */
background-color: #FFF2AC;
margin: 0px;
padding: 0px;
font-size: 62.5%;  /* 16px × 62.5% = 10px */ 
font-family: Arial, Helvetica, sans-serif;
}


h1 { 
font-size: 2.5em; /* 10px × 2.5em = 25px */
font-family: Georgia, "Times New Roman", Times, serif ;
font-style: italic;
color: #4551ad;
}

p, ol, ul { font-size: 1.2em; /* 10px × 1.2em = 12px */ }



#welcome {
	position: absolute;
	width: 220px;
	top: 282px;
	height: 105px;
	left: 272px;
font-size: 1.5em;}


#container{
width: 755px;
}

#navigation{
background: url(images/navbg.jpg) no-repeat;
position:absolute;
height:500px;
width: 176px;
left: 0px;
top: 175px;
}


address#header{
width: 737px;
height: 175px;
background: url(images/header.jpg) no-repeat;
text-indent: -5000px;
}


#newsbox {
	background-image: url(images/newsbox.gif);
	width: 232px;
	height: 159px;
	position: absolute;
	left: 501px;
	top: 184px;
}

#innernews {
	position:absolute;
	width: 215px;
	height: 108px;
	left: 9px;
	top: 41px;
	top: 75px;
}

#addybox{position: absolute; top: 500px; left: 300px;}


#col-two{
margin-left: 190px;
z-index: 1}










/* Navigation */

ol#nav {
padding: 0;
margin: 0;
list-style: none;
}

/*Now we need to style the first-level of the list. This is the level that people see */

ol#nav li{
float: left;
position: relative;
width: 9em;
}

/* If using images, we need to specify the width and height of our images here. This assumes that your images are all going to be the same width and height. If you have an image that is hugely different in size, you will need to specify this individually*/

ol#nav li.folder,
ol#nav li a
{
position: relative;
display: block;
background: url(images/animations/anim_static.gif) 2% 5%; 
background-repeat:no-repeat; 
padding: 0.8em;
padding-left: 5em;
text-decoration: none;
color: #fff;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
}

/* For the hover - This is really cool! the pop up menu buttons now have over states */
ol#nav li.folder:hover,
ol#nav li a:hover
{background: url(images/animations/anim.gif) 2% 5%;
background-repeat: no-repeat;
color: #FFFF00;
} /* This pulls the background to enable the hover effect. The Zero is important */


/*The next step is to tackle the second-level lists that will be the dropdowns themselves.*/

/*This positions the second-level lists absolutely (pulling them out of the flow of HTML into a world all of their own) and sets their initial state to not be displayed. If you substitute display: none with display: block, you will see the need for the top and left properties in Internet Explorer, because without them, IE will align the second-level lists to the top right of their relative parent rather than the bottom left.*/


ol#nav li.folder ol {
display: none; /* Hides the pop up */
position: absolute; 
top: 0; /* Vertical position of our pop up */
left: 135px; /* Dictates position of pop up appears */
background-color: #ff9f00;
border: 2px solid #a9001b; /* Gives our pop up a border */
text-align:center;
text-indent: 0; /*resets text indent */
list-style-type: none;
margin: 0;
padding: 0px;
}


ol#nav li:hover ol {display: block;} /*Which says that any list that is nested in a list item that has the cursor hovering over it should be displayed.*/
ol#nav li.folder:hover {z-index: 500;} /* To fix IE bug - force the pop up's above each other */

/* Finally we style the pop up Links.. Currently this is set up to give ALL links in the pop's up the same style. You may wish to break this up so that all the links in folder1 and folder2 and so on get their own styles.*/

ol#nav li.folder a
{display: block;
text-decoration:none;
color:#a9001b;
font-weight:bold;
background: none;
margin: 0;
padding: 0;
background-image: none;
width: 100% /* Needed else IE6 only sees the text as the active area, and not the list box */
}



ol#nav li.folder a:hover
{
background-color: #df0024;
color: #FFFF00;
font-weight:bold;
background-image: none;
}







ul#kidszone7{
list-style-type: none;
text-align: center;
margin: 0 auto;
padding: 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
width: 20em;
background-color: #df0024;

}
ul#kidszone7 li a, a.kidlink {
display: block;
text-decoration: none;
display: block;
margin: 0.5em;
margin-bottom: 0.5em;
padding: 0.5em;
color: #379e43;
background-color: #fff000;
font-size: 1.5em;
}


a.kidlink {width: 11em; text-align: center; margin: 0 auto;
border: 5px solid #df0024; font-size: 1.5em; }


ul#kidszone7 li a:hover, a.kidlink:hover {
background-color: #ff7e00;
color: #fff;
}

h2.kidszonetitle {display: block; 
background-color: #df0024;
background: url(images/kidszoneh2.gif) repeat-x; 
font-size: 1.5em;
color: #fff; padding: 0.5em;}


#hitcountbox {margin-top: 65px}

.ballgame {position: absolute; left: 500px; top: 360px;}


.loginthing {position: absolute; top: 650px;}