body {
	background:url(../images/mainBodyBG.gif) repeat-x top;
	margin:0;
}

#wrapper {
	width:790px;
}

#kidsheader {
	background:url(../images/Kids/header_KIDS.gif) no-repeat;
	background-color:#f0f0f0;
	width:790px;
	height:172px;
	padding:0;
	margin:0;
}

/******************************************************************************************************
TOP CONTACT ELEMENTS ***
*******************************************************************************************************
NOTE: The declarations below control the entire top contact box. Please see Josh for questions  */

#topcontact {
	height:45px;
	width:350px;
	text-align:right;
	float:right;
}

#topcontact a, a:visited, a:active {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	letter-spacing:normal;
	line-height:normal;
	color:#999999;
	text-decoration:none;
}

#topcontact a:hover {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	letter-spacing:normal;
	line-height:normal;
	color:#666666;
	text-decoration:underline;
}

#topcontact p {
	font:12px/20px "Comic Sans MS", Arial;
	color:#000066;
	font-weight:normal;
	padding: 0px 5px 0 15px;
	margin:7px 0 0 0;
	line-height:normal;
	letter-spacing:normal;
}

/******************************************************************************************************
TOP NAVIGATION ELEMENTS ***
*******************************************************************************************************
NOTE: The declarations below control the entire top navigation area. Please see Josh for questions  */


#topNav {
	padding: 6px 3px 0px 3px;	
	color: #FFFFFF; 
	height: 20px;
}

#TopNavigation {
	font-size: 12px;
	font-weight: bold;	
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.TopNav_Light, .TopNav_Dark {
    border-width: 0px;
	margin:0;
	padding:0;
}

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

#TopNavigation li {
  float:left;
  margin: 0px;
  padding: 0px;
}

.TopNav_Dark a, .TopNav_Dark a:link, .TopNav_Dark a:visited, .TopNav_Dark a:active {
  display:block;
  text-decoration:none;
  padding-right: 6px;
  padding-left: 9px;
}

.TopNav_Dark a:hover {
  background:none;
  text-decoration:underline;
  padding-right: 6px;
  padding-left: 9px;
}

.TopNav_Dark a, .TopNav_Dark a:link, .TopNav_Dark a:visited, .TopNav_Dark a:active{
	color: #FFFFFF; 
}

#bodycontainer {
	margin-top:10px;
	width:790px;
	padding:0;
}

/******************************************************************************************************
LEFT NAVIGATION ELEMENTS ***
*******************************************************************************************************
NOTE: The declarations below control the entire left navigation. Please see Josh for questions  */


#leftcontainer {
	width:176px;
	margin-right:5px;
	float:left;
}

#leftnav {
	width:176px;
	margin:0;
	padding:0;
	background:#e5e67c;
}

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

#leftmenu li a{
	background:#e5e67c;
	font:12px "Comic Sans MS", Arial;
	color: black;
	display: block;
	text-decoration: none;
	text-indent:15px;
	line-height:25px;
	border-bottom:solid #666666 1px;
	margin:0;
	padding:0;
}

* html #leftmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
	width: 176px; !important
}

#leftmenu li a:visited, #leftmenu li a:active{
	color:#2a1c59;
}

#leftmenu li a:hover{
	color:#2a1c59;
	text-decoration:underline;
}

#lefthours {
	width:176px;
	margin:10px 0 0 0;
	padding:0;
	background:#e5e67c;
}

#lefthours p { 
	font: 12px/20px "Comic Sans MS", Arial;
	color:#333333;
	font-weight:normal;
	padding: 0 5px 0 15px;
	line-height:13px;
	letter-spacing:normal;
	margin:5px 0px 5px 0px;
}


/******************************************************************************************************
RIGHT BODY ELEMENTS ***
*******************************************************************************************************/


#rightcontainer {
	background:url(../images/gifs/mainbodyRepeat.gif) repeat-y;
	width:609px;
	height:auto;
	float:left;
	clear:right; !important /*IE6 will not read this correctly if the clear property is not defined*/
}

/******************************************************************************************************
TODAYS DATE ELEMENTS ***
*******************************************************************************************************/


#todaysdate {
	padding:0;
	margin-bottom:3px;
}

#todaysdate p {
	font:14px/20px "Comic Sans MS", Arial;
	color:#000066;
	font-weight:normal;
	padding: 0 5px 0 15px;
	line-height:normal;
	letter-spacing:normal;
	text-align:right;
	margin:0;
}

/******************************************************************************************************
COPYRIGHT ELEMENTS ***
*******************************************************************************************************/

#copyright {
	width:790px;
	height:25px;
	background:url(../images/Kids/footer_rightedge.gif) no-repeat right;
	background-color:#CCCCCC;
	margin-top:7px;
	float:left;
	clear:right;
}

#copyright p {
	font:11px/20px "Comic Sans MS", Arial;
	color:#999999;
	text-align:left;
	margin:0;
	padding-top:5px;
	font-weight:normal;
	letter-spacing:normal;
	line-height:normal;
}

/******************************************************************************************************
FOOTER ELEMENTS ***
*******************************************************************************************************/

#footer {
	width:790px;
	height:100px;
	margin-top:7px;
	float:left;
	clear:left;
}

#footer p {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	letter-spacing:normal;
	line-height:normal;
	color:#999999;
	text-align:left;
	margin:0;
}

#footer a, a:visited, a:active {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	letter-spacing:normal;
	line-height:normal;
	color:#999999;
	text-decoration:none;
}

#footer a:hover {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	letter-spacing:normal;
	line-height:normal;
	color:#666666;
	text-decoration:underline;
}


/*****************************************************************************************************
FEATURED ITEM STYLES ***
*****************************************************************************************************/

#featured {
	background:url(../images/Kids/top_featured.gif) no-repeat top;
	background-color:#5a98c9;
	width:419px;
	margin:0px 10px 0px 0px;
	padding:0;
	float:left;
}

#featuredbottom {
	background:url(../images/Kids/bottom_featured.gif) no-repeat bottom;
	width:419px;
	height:10px;
}

#featured h1 {
	font:18px/20px "Comic Sans MS", Arial;
	font-weight:normal;
	letter-spacing:normal;
	line-height:normal;
	color:#FFFFFF;
	font-weight:normal;
	padding:5px 5px 0 15px;
	margin:0;
}

#featured  h2 {
	font:12px/20px "Comic Sans MS", Arial;
	letter-spacing:normal;
	line-height:normal;
	color:#cdfe67;
	font-weight:bold;
	padding: 3px 5px 2px 15px;
	margin:0;
}

#featured  p {
	font: 11px/20px "Trebuchet MS", Arial;
	color:black;
	font-weight:normal;
	padding: 0 5px 0 15px;
	line-height:normal;
	letter-spacing:normal;
	margin:0;
}

#featured a, a:visited, a:active {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	letter-spacing:normal;
	line-height:normal;
	color:#cdfe67;
	text-decoration:none;
	margin:0;
	padding: 0 5px 0 15px;
}

#featured a:hover {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	letter-spacing:normal;
	line-height:normal;
	color:#cdfe67;
	text-decoration:underline;
	margin:0;
	padding: 0 5px 0 15px;
}

/*****************************************************************************************************
STORYTIME STYLES ***
*****************************************************************************************************/

#storytime {
	width:175px;
	height:148px;
	padding:0;
	margin:0;
	float:right;
	clear:right;
}


#boxcontainer {
	width:609px;
}

#boxcontainer a, a:link, a:visited, a:active {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	line-height:normal;
	color:black;
	text-decoration:none;
	margin:0;
	padding:0;
	text-align:left;
}

#boxcontainer a:hover {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	line-height:normal;
	color:black;
	text-decoration:underline;
	margin:0;
	padding:0;
	text-align:left;
}

/*****************************************************************************************************
BOTTOM BOX (1) LEFT STYLES ***
*****************************************************************************************************/



#box1 {
	background:url(../images/Kids/top_booksmore.gif) no-repeat top;
	background-color:#92976f;
	width:196px;
	margin:10px 10px 0px 0px;
	padding:0;
	float:left;
}


#box1bottom {
	background:url(../images/Kids/bottom_booksmore.gif) no-repeat bottom;
	width:196px;
	height:10px;
}

#box1  h2 {
	font:12px/20px "Comic Sans MS", Arial;
	text-transform:uppercase;
	letter-spacing:normal;
	line-height:normal;
	color:#FFFFFF;
	font-weight:bold;
	padding: 37px 5px 2px 8px;
	margin:0;
}

#box1  p {
	font: 11px/20px "Comic Sans MS", Arial;
	color:black;
	font-weight:normal;
	padding: 0 5px 0 8px;
	line-height:normal;
	letter-spacing:normal;
	margin:0;
}

#box1 a, a:link, a:visited, a:active {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	line-height:normal;
	color:#cdfe67;
	text-decoration:none;
	margin:0;
	padding:0;
	text-align:left;
}

#box1 a:hover {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	line-height:normal;
	color:#cdfe67;
	text-decoration:underline;
	margin:0;
	padding:0;
	text-align:left;
}


/*****************************************************************************************************
BOTTOM BOX (2) MIDDLE STYLES ***
*****************************************************************************************************/

#box2 {
	background:url(../images/Kids/top_fungames.gif) no-repeat top;
	background-color:#ce0000;
	width:196px;
	margin:10px 10px 0px 0px;
	padding:0;
	float:left;
}

#box2bottom {
	background:url(../images/Kids/bottom_fungames.gif) no-repeat bottom;
	width:196px;
	height:10px;
}

#box2  h2 {
	font:12px/20px "Comic Sans MS", Arial;
	text-transform:uppercase;
	letter-spacing:normal;
	line-height:normal;
	color:#FFFFFF;
	font-weight:bold;
	padding: 37px 5px 2px 8px;
	margin:0;
}

#box2  p {
	font: 11px/20px "Comic Sans MS", Arial;
	color:black;
	font-weight:normal;
	padding: 0 5px 0 8px;
	line-height:normal;
	letter-spacing:normal;
	margin:0;
}

#box2 a, a:link, a:visited, a:active {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	line-height:normal;
	color:#cdfe67;
	text-decoration:none;
	margin:0;
	padding:0;
	text-align:left;
}

#box2 a:hover {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	line-height:normal;
	color:#cdfe67;
	text-decoration:underline;
	margin:0;
	padding:0;
	text-align:left;
}

/*****************************************************************************************************
BOTTOM BOX (3) RIGHT STYLES ***
*****************************************************************************************************/

#box3 {
	background:url(../images/Kids/top_homework.gif) no-repeat top;
	background-color:#cd6ac7;
	width:196px;
	margin:10px 0px 0px 0px;
	padding:0;
	float:left;
}

#box3bottom {
	background:url(../images/Kids/bottom_homework.gif) no-repeat bottom;
	width:196px;
	height:10px;
}

#box3  h2 {
	font:12px/20px "Comic Sans MS", Arial;
	text-transform:uppercase;
	letter-spacing:normal;
	line-height:normal;
	color:#FFFFFF;
	font-weight:bold;
	padding: 37px 5px 2px 8px;
	margin:0;
}

#box3  p {
	font: 11px/20px "Trebuchet MS", Arial;
	color:black;
	font-weight:normal;
	padding: 0 5px 0 8px;
	line-height:normal;
	letter-spacing:normal;
	margin:0;
}

#box3 a, a:link, a:visited, a:active {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	line-height:normal;
	color:#cdfe67;
	text-decoration:none;
	margin:0;
	padding:0;
	text-align:left;
}

#box3 a:hover {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	line-height:normal;
	color:#cdfe67;
	text-decoration:underline;
	margin:0;
	padding:0;
	text-align:left;
}


/******************************************************************************************************
 STYLE ELEMENTS ***
*******************************************************************************************************/

a:link, a:visited, a:active {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	line-height:normal;
	color:#cdfe67;
	text-decoration:none;
	margin:0;
	padding:0;
	text-align:left;
}

a:hover {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	line-height:normal;
	color:#cdfe67;
	text-decoration:underline;
	margin:0;
	padding:0;
	text-align:left;
}

h1 {
	font:19px/20px "Comic Sans MS", Arial;
	font-weight:normal;
	letter-spacing:normal;
	line-height:normal;
	color:#000066;
	font-weight:normal;
	padding: 10px 5px 0 15px;
}

h2 {
	font:14px/20px "Comic Sans MS", Arial;
	letter-spacing:normal;
	line-height:normal;
	color:#003366;
	font-weight:bold;
	padding: 0 5px 0 15px;
}

p {
	font: 11px/20px "Trebuchet MS", Arial;
	color:#000066;
	font-weight:normal;
	padding: 0 5px 0 15px;
	line-height:normal;
	letter-spacing:normal;
}

a.kidsinner:link, a.kidsinner:visited, a.kidsinner:active {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	line-height:normal;
	color:black;
	text-decoration:none;
	margin:0;
	padding:0;
	text-align:left;
}

a.kidsinner:hover {
	font:11px "Comic Sans MS", Arial;
	font-weight:normal;
	line-height:normal;
	color:black;
	text-decoration:underline;
	margin:0;
	padding:0;
	text-align:left;
}