html, body{
	margin: 0px;
	padding: 0px;
	font-family: 'Trebuchet MS',Helvetica,sans-serif;
	font-size: 12px;  /* standard size for normal fonts */
	color: #5c6923;    /*standard color for all text */
    text-align: center;
    background: #ffffff url('../images/bg.jpg') 0 0 repeat-x;
}

a { color: #8e9767; }
a:hover { text-decoration: none; color: #7f0000; }
img { border: 0; }
h1{ color:#7b2a23; font-size: 16px; }
span.myerror {color: #7b2a23; }

#theContainer {
    width: 800px;
    height: 600px;
    margin: 0 auto;
    background: #ffffff url('../images/bottom.jpg') 0 100% no-repeat;
}

#theContainer_yellow_nav {
    width: 800px;
    height: 600px;
    margin: 0 auto;
    background: url('../images/yellow_nav.jpg') 0 0 no-repeat;
}

#theContainer_sf_logo {
    width: 800px;
    height: 600px;
    margin: 0 auto;
    background: url('../images/sf_logo.jpg') 100% 0 no-repeat;
}

#theNavigation {
    border: 2px solid #ca8180;
    border-left: 0 none;
    height: 14px;
    width: 640px;
    margin: 5px 0 0 0;
    float: left;
    display: inline;
}

#theNavigation a {
    float: left;
    display: inline;
    height: 14px;
    width: 62px;
    padding: 0 8px;    
}

#theNavigation a.about_us { background: url('../images/nav/about_us.jpg') 0 0 no-repeat; margin-left: 92px;}
#theNavigation a.classes { background: url('../images/nav/classes.jpg') 0 0 no-repeat; }
#theNavigation a.birthdays { background: url('../images/nav/birthdays.jpg') 0 0 no-repeat; }
#theNavigation a.cartoons { background: url('../images/nav/cartoons.jpg') 0 0 no-repeat; }
#theNavigation a.schools { background: url('../images/nav/schools.jpg') 0 0 no-repeat; }
#theNavigation a.news { background: url('../images/nav/news.jpg') 0 0 no-repeat; }
#theNavigation a.contact_us { background: url('../images/nav/contact.jpg') 0 0 no-repeat; }

#theNavigation a:hover {
    background-position: 0 100%;
}

#theFooter {
    width: 800px;
    height: 60px;
    margin: 0 auto;
    background: #ffffff;
}



#theBottomNavigation {
    height: 45px;
    margin: 3px 0 0 30px;
    width: 545px;
    float: left;
    display: inline;
}

#theFooterInfo {
    width: 220px;
    font-size: 11px;
    text-align: right;
    color: #000000;
    font-weight: bold;
    margin: 3px 0 0 0;
    float: left;
    display: inline;
}

#theFooterInfo a {
    color: #348cdb;
}

#theFooterInfo a:hover {
    text-decoration: none;
}

#theBottomNavigation a {
    float: left;
    display: inline;
    width: 104px;
    height: 48px;
}
#theBottomNavigation a#factory_flicks_button {
    background: url('../images/cartoons.gif') 100% 0 no-repeat;
    width: 144px;
    height: 45px;
    padding: 0;
}

#theBottomNavigation a#video_games_button {
    background: url('../images/games.gif') 100% 0 no-repeat;
    width: 125px;
    height: 45px;
}

#theBottomNavigation a#students_work_button {
    background: url('../images/students_work_button.jpg') 100% 0 no-repeat;
}

#theBottomNavigation a#radio {
    background: url('../images/radio.gif') 100% 0 no-repeat;
    width: 115px;
    height: 45px;
    
}

#theBottomNavigation a#books_button {
    background: url('../images/books.gif') 100% 0 no-repeat;
    width: 128px;
    height: 45px;
   /*  border-right: 2px solid #000000;*/
}

#content {
    clear: both;
    float: left;
    width: 500px;
    margin: 100px 0 20px 100px;
}

#content div#box_title { 
    clear: both;
    float: left;
    text-align: left;
}

#content div#box_title.classes_head {
    width: 175px;
    height: 50px;
}

#content div#content_box {
    float: left;
    clear: both;
    display: inline;
    border: 5px solid #000000;
    padding: 10px 20px;
    width: 100%;
}

#content a#fall_winter_button_10-11 {
    float: left;
    display: inline;
    clear: both;
    margin: 15px 25px;
    width: 425px;
    height: 43px;
    background: url('../images/fall_winter_10-11.jpg') 0 0 no-repeat;
}

#content a#fall_winter_button_10-11:hover {
    background-position: 0 100%;
}

#content a#fall_winter_button_11-12 {
    float: left;
    display: inline;
    clear: both;
    margin: 15px 25px;
    width: 425px;
    height: 50px;
    background: url('../images/best_images/fallwinter2011b.jpg') 0 0 no-repeat;
}

#content a#fall_winter_button_11-12:hover {
    background-position: 0 100%;
}

#content a#summer_2010_button {
     float: left;
    display: inline;
    clear: both;
    margin: 15px 25px;
    width: 398px;
    height: 45px;
    background: url('../images/best_images/spring_summer_2010_button.jpg') 0 100% no-repeat;
}

#content a#summer_2010_button:hover {
    background-position: 0 0;
}

#content a#summer_2011_button {
     float: left;
    display: inline;
    clear: both;
    margin: 15px 25px;
    width: 400px;
    height: 42px;
    background: url('../images/summer_2011_button.jpg') 0 100% no-repeat;
}

#content a#summer_2011_button:hover {
    background-position: 0 0;
}


#theContainer:after,
#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */