/* CSS Document */

/* Color Key

Purple 826AA9
Orange E2B322
Green  5FBD47
Yellow FEF886

*/

*{ padding: 0; margin: 0; }

/* Tag Styles */

body { background-color: #826AA9; width: 750px; margin: 15px; font-family: Verdana, Arial, sans-serif; font-size: 85%; color: #FFF }

a:link { color: #FEF886 }
a:visited { color: #FEF886 }
a:active { color: #FEF886 }
a:hover { color: #FEF886 }

p { padding: 0 0 1em 0 }

h2 { color: #E2B322; padding: .5em 0 .5em 0; font-size: 110% }

h1 { font-size: 110% }


/* Header Styles */

#header { width: 750px }

#logo { float: left }
#logo-eds { float: right; padding-top: 20px }

#border1 { background-image: url(../images/green_border_top.gif); width: 750px; height: 4px; clear: both }
#border2 { background-image: url(../images/green_border_bottom.gif); width: 750px; height: 4px }

#top_links { background-color: #5FBD47; text-align: right; color: #000 }
#top_links li { display: inline; background: url(../images/arrow2.gif) no-repeat; padding: 0 12px 0 8px }
#top_links li a { color: #000; text-decoration: none }
#top_links li a:hover { color: #000; text-decoration: underline }


/* Division Styles */

#content { width: 750px; margin: 15px 0 15px 0 }

#content-main { width: 560px; float: right }

#content-sub { width: 170px; float: left; padding: 0; color: #000 }

#content-sub a { color: #000; text-decoration: underline }
#content-sub a:hover { color: #000; text-decoration: underline }

#footer { clear: both; font-size: 85%; text-align: center }

#explore { text-align: center }


/* Navigation Styles */

#nav {  background-color: #E2B322; padding: 0 10px 0 10px }

#nav ul { list-style-image: url(../images/arrow.gif); padding: 1em 0 1em 2em }

#border_nav1 { background-image: url(../images/orange_border_top.gif); width: 170px; height: 4px }
#border_nav2 { background-image: url(../images/orange_border_bottom.gif); width: 170px; height: 4px }

table.kids td { padding: 0 0 10px 0 }

img a { border: 0 px }

ul.teacherlinks { padding: 0 0 1em 2em }


/* Replacement Image Styles for Page Titles */

h1.title_kids { display: block; background: url(../images/title_kids.gif) no-repeat; width: 68px; padding: 45px 0 0 0; margin:  0 0 1em 0; height: 0px !important; height /**/: 45px; overflow: hidden }

h1.title_parents { display: block; background: url(../images/title_parents.gif) no-repeat; width: 234px; padding: 45px 0 0 0; margin:  0 0 1em 0; height: 0px !important; height /**/: 45px; overflow: hidden }

h1.title_teachers { display: block; background: url(../images/title_teachers.gif) no-repeat; width: 247px; padding: 45px 0 0 0; margin:  0 0 1em 0; height: 0px !important; height /**/: 45px; overflow: hidden }

h1.title_coloring { display: block; background: url(../images/title_coloring.gif) no-repeat; width: 123px; padding: 45px 0 0 0; margin: 0 0 1em 0; height: 0px !important; height /**/: 45px; overflow: hidden }

h1.title_games { display: block; background: url(../images/title_games.gif) no-repeat; width: 100px; padding: 45px 0 0 0; margin: 0 0 1em 0; height: 0px !important; height /**/: 45px; overflow: hidden }

h1.title_stories { display: block; background: url(../images/title_stories.gif) no-repeat; width: 102px; padding: 45px 0 0 0; margin: 0 0 1em 0; height: 0px !important; height /**/: 45px; overflow: hidden }

h1.title_music { display: block; background: url(../images/title_music.gif) no-repeat; width: 85px; padding: 45px 0 0 0; margin: 0 0 1em 0; height: 0px !important; height /**/: 45px; overflow: hidden }

h1.title_explore { display: block; background: url(../images/title_explore.gif) no-repeat; width: 108px; padding: 45px 0 0 0; margin: 0 0 1em 0; height: 0px !important; height /**/: 45px; overflow: hidden }

h1.title_contact { display: block; background: url(../images/title_contact.gif) no-repeat; width: 154px; padding: 45px 0 0 0; margin: 0 0 1em 0; height: 0px !important; height /**/: 45px; overflow: hidden }


.schedule { text-align: center; font-weight: bold; padding: 3px 0 0 0; margin: 0 }

body#splash { margin: 0 auto }

ul.btn_sm { width: 100%; padding: 1em 0 0 20px; list-style: none  }

li.games a {

display: block;
float:left; 
background: url(../images/btn_games_sm.gif) no-repeat; 
width: 120px; 
padding: 47px 5px 0 5px; 
margin: 0; 
height: 0px !important; 
height /**/: 47px; 
overflow: hidden 
}

li.stories a {

display: block;
float:left; 
background: url(../images/btn_stories_sm.gif) no-repeat; 
width: 120px;
padding: 47px 5px 0 5px; 
margin: 0; 
height: 0px !important; 
height /**/: 47px; 
overflow: hidden 
}

li.coloring a {

display: block;
float:left; 
background: url(../images/btn_coloring_sm.gif) no-repeat; 
width: 120px;
padding: 47px 5px 0 5px; 
margin: 0; 
height: 0px !important; 
height /**/: 47px; 
overflow: hidden;
}

li.music a {

display: block;
float:left; 
background: url(../images/btn_music_sm.gif) no-repeat; 
width: 120px;
padding: 47px 5px 0 5px; 
margin: 0; 
height: 0px !important; 
height /**/: 47px; 
overflow: hidden 
}

li.explore a {

display: block;
float:left; 
background: url(../images/btn_explore_sm.gif) no-repeat; 
width: 120px; 
padding: 47px 5px 0 5px; 
margin: 0; 
height: 0px !important; 
height /**/: 47px; 
overflow: hidden 
}

/***************************/
/* Styles for Form Objects */
/***************************/

input.button { font-size: 100%; margin: 3px }

input.textbox { background-color: #FFF; border: 1px solid #05A8CF; margin: 3px; padding: 2px; font-size: 90% }

textarea.textarea { background-color: #FFF; border: 1px solid #05A8CF; padding: 2px; margin: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90% }