@charset "utf-8";
/* CSS Document */

/************************************/
/*       BROWSER RESET CODE
/************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {    
    margin:0;   
    padding:0;   
} 
table {  
    border-collapse:collapse;   
    border-spacing:0;   
} 
fieldset,img {    
     border:0;   
} 
address,caption,cite,code,dfn,em,strong,th,var {  
    font-style:normal;   
     font-weight:normal;   
 } 

 caption,th {  
     text-align:left;   
 } 

q:before,q:after {  
    content:'';   
} 
abbr,acronym { border:0;   
}  

/************************************/
/*          GLOBAL
/************************************/

body {
background:url(../images/bodybkgd.jpg) repeat-x;
background-color:#fef8d6;
background-attachment:fixed;
font-family:"Trebuchet MS", Arial;
}

#container {
width:892px;
margin:10px auto 20px auto;
}

/************************************/
/*            HEADER
/************************************/

#header {
height:131px;
}

#banner .kidsHeaderLink{
display:block;
outline:0;
height: 131px;
}

#banner {
background:url(../images/header.jpg) no-repeat;
position:relative;
float:left;
width:745px;
height:131px;
}

/*mec right logo*/
#rightlogo {
background:url(../images/meclogo.gif) no-repeat;
width:138px;
position:relative;
float:right;
height:101px;
}

#backtohome {
position:relative;
top:105px;
font-size:.8em;
font-weight:800;
text-transform:uppercase;
}

#backtohome a:link, #backtohome a:visited {
padding:4px 0 0 28px;
background:url(../images/backtohome.gif) 0 0 no-repeat;
width:138px;
height:21px;
background-position:top left;
display:block;
color:#FFFFFF;
text-decoration:none;
}

#backtohome a:hover {
text-decoration:none;
background-position: 0 -25px;
}

/************************************/
/*        GREEN AREA
/************************************/

/*green background plus curve*/
#greenarea {
position:relative;
background-color:#bbd388;
background-image:url(../images/bottomcurve.gif);
background-position:bottom;
background-repeat:repeat-x;
height:auto;
min-height:300px;
width:886px;
border-left:1px solid #999999;
border-right:1px solid #999999;
margin:0 0 -2px 0;
}

/*top green rounded corner image*/
#top {
background:url(../images/container_top.gif) no-repeat;
width:888px;
height:18px;
z-index:100;
position:relative;
margin:8px 0 0 0;
}

/*bottom green rounded corner image*/
#bottom {
background:url(../images/container_bot.gif) no-repeat;
width:888px;
height:18px;
position:relative;
background-position:bottom;
margin:0;
}

/************************************/
/*        NAVIGATION
/************************************/

#nav {
position:relative;
float:left;
left:15px;
top:1px;
}

#nav li {
list-style:none;
}

#nav a {
display:block;
background:url(../images/navbutton.jpg) 0 0 no-repeat;
height:33px;
background-position:top left;
width:195px;
color:#FFFF00;
text-decoration:none;
margin:0 0 10px 0;
padding:10px 0 0 40px;
text-align:left;
font-weight:800;
}

#nav a:hover {
background-position:0 -43px;
color:#FFFFFF;
}

/************************************/
/*            CHALKBOARD
/************************************/

#chalkboard {
background:url(../images/chalkboard_bkgd.gif) repeat-y;
color:#FFFFFF;
margin:0 0 0 248px;
width:616px;
height:auto;
}

#chalkboard_top {
background:url(../images/chalkboard_top.gif) no-repeat;
height:15px;
width:616px;
}

#chalkboard #text {
margin:0 0 0 40px;
padding:15px 0;
height:191px;/*only IE6 reads this*/
min-height:200px;
width:550px;
font-size:.9em;
}

html>body #chalkboard #text {/*---Better browsers read this----- */
height:auto!important;
}

/*overrides browser reset code*/
#chalkboard #text p {
margin:1em 0;
}

/*link styles*/
#chalkboard #text a {
color: #99cc66;
text-decoration:underline;
}

/*link styles*/
#chalkboard #text a:hover {
text-decoration:none;
color:#FFFF00;
}

/*header*/
#chalkboard #text .header {
color:#99cc66;
font-size:1.4em;
}

#chalkboard_bot {
background:url(../images/chalkboard_bot.gif) no-repeat;
width:616px;
height:18px;
position:relative;
margin:0;
}

/************************************/
/*            RANDOM
/************************************/

.clear {
clear:both;
}