@charset "utf-8";
/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; background:#FAF9F5; margin: 0px; }
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd { margin:0; padding:0; }

.clearfix{ display: inline-block; }
.clearfix:after{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix{ display: block; }
* html .clearfix{ height: 1%; }

.hidden { display:none; }
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.center { text-align:center; }

#wrapper { width:100%; height:auto; min-width:998px; background:url(../images/images/bg_top.png) repeat-x center top; }
#wrapper-1 { width:100%; height:auto; min-width:998px; background:url(../images/images/bg_btm.png) repeat-x center bottom; }

#main-container { width:998px; height:auto; margin:auto; }

#header { background:url(../images/images/header/banner2.png); width:998px; height:353px; }

#header ul { width:990px; height:69px; list-style:none; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:auto;  }
#header ul li { width:auto; height:69px; float:left; }
#header ul li:first-child { margin-left:4px; }
#header ul li a { color:#FFF; text-transform:uppercase; text-decoration:none; padding:31px 20px 20px 20px; display:inline-block; height:37px; }
#header ul li a:hover { background:url(../images/images/header/nav_hover.jpg) repeat-x center 31px;  }


#main-content-container-1 { clear:both; width:998px; background:url(../images/images/content/bg_border_bottom.png) no-repeat 0 bottom; padding-bottom:8px; }
#main-content-container { width:990px; height:auto; padding:0 4px; background:url(../images/images/content/bg_border.png); }

#main-content-bg { background:url(../images/images/content/content_bg.png) repeat-x; }

#side-bar { width:269px; height:auto; float:left; background:url(../images/images/content/side_bar_bg.png) repeat-y top right; padding:0 0 0 1px; }
.replace { text-indent:-999em; overflow:hidden; }
.side-heading { margin-top:1px; width:269px; height:43px; }
#availale-for { background:url(../images/images/content/music_teacher.png); }
#music-teacher { background:url(../images/images/content/music_teacher.png); }

.list-links { width:269px; height:auto; font:11px Tahoma, Geneva, sans-serif; color:#333; list-style:none; background:#FFF; }
.list-links li { width:269px; height:30px; background:url(../images/images/content/links_bg.jpg); margin-top:1px; }
.list-links li a { background:url(../images/images/content/green_arrow.png) no-repeat 27px 10px; width:269px; height:21px; text-indent:46px; display:block; padding-top:9px; color:#333; text-decoration:none; }
.list-links li a:hover { color:#999900}
.list-links p { width:269px; height:30px; background:url(../images/images/content/links_bg.jpg); margin-top:1px; }
.list-links p a { background:url(../images/images/content/) no-repeat 27px 10px; width:269px; height:21px; text-indent:46px; display:block; padding-top:9px; color:#333; text-decoration:none; }
.list-links p a:hover { color:#999900}

#freddie-the-frog { background:url(../images/images/content/freddie_the_frog.png); }
#session-handouts-1 { background:url(../images/images/content/session_handouts.png); }
#sidebar-clinician { background:url(../images/images/content/sidebar_clinician.png); }

#side-bar div.logo { width:269px; height:206px; background:url(../images/images/content/sharon_burch.jpg); margin-top:1px; }


#main-content { width:713px; float:right; margin-bottom:10px; }

.content { float:right; width:663px; height:auto; background:url(../images/images/content/main_content_bg.png) no-repeat 0px 0px; margin:12px 10px 0 0; padding:0 17px 20px 17px; }
.content-title { height:46px; margin-bottom:20px; }


#sharon-burch { background:url(../images/images/content/title_sharon_burch.png) no-repeat 5px center; }
#session-handouts {  background:url(../images/images/content/title_session_handouts.png) no-repeat 5px center; }
#whats-new { background:url(../images/images/content/images) no-repeat 5px center; }
#photos { background:url(../images/images/content/title_photos.png) no-repeat 5px center; }
#contact { background:url(../images/images/content/title_contact.png) no-repeat 5px center; }
#clinician { background:url(../images/images/content/title_clinician.png) no-repeat 5px center; }
#author-visits { background:url(../images/images/content/title_author_visits.png) no-repeat 5px center; }
#creator-author { background:url(../images/images/content/creator_author.png) no-repeat 5px center; }
#music-specialist { background:url(../images/images/content/title_music_teacher.png) no-repeat 5px center; }
#fundraiser { background:url(../images/images/content/title_fundraiser.png) no-repeat 5px center; }
#frequently-asked-questions { background:url(../images/images/content/title_frequently_asked_questions.png) no-repeat 5px center; }
#how-to-use-freddie-the-frog { background:url(../images/images/content/title_how_to_use_freddie_the_frog.png) no-repeat 5px center; }
#in-the-news { background:url(../images/images/content/title_in_the_news.png) no-repeat 5px center; }
#jazz-books { background:url(../images/images/content/title_jazz_books.png) no-repeat 5px center; }
#sessions-available { background:url(../images/images/content/title_sessions_available.png) no-repeat 5px center; }
#one-minute-movie { background:url(../images/images/content/title_one-minute_movie.png) no-repeat 5px center; }
#teacher-reviews { background:url(../images/images/content/title_teacher_reviews.png) no-repeat 5px center; }
#teacher-test-team { background:url(../images/images/content/title_teacher_test_team.png) no-repeat 5px center; }
#sidebar-clinician { background:url(../images/images/content/sidebar_clinician.png); }
#artist-in-residence { background:url(../images/images/content/title_artist_in_residence.png) no-repeat 5px center; }
#about-freddie-the-frog { background:url(../images/images/content/title_about_freddie_the_frog.png) no-repeat 5px center; }
.content h5 { margin:20px 0 10px 0; font-size:15px; }

#whats-new { background:url(../images/images/content/title_whats_new.png) no-repeat 5px center; }

.content-heading { margin-bottom:15px; }
#how-it-all-started { background:url(../images/images/content/title_how_it_all_started.png); height:23px; width:245px; overflow:hidden; }

#click-download { background:url(../images/images/content/title_download.png); height:29px; width:412px; overflow:hidden; }


.content img.main { float:left; margin-right:20px; }
.content .maintext { font:14px/17px Tahoma, Geneva, sans-serif; color:#333; text-align:justify; }
.content .maintext a { color:#333;  }
.content .maintext a:hover { color:#999900; text-decoration:underline; }
#content .maintext ul { width:282px; height:auto; font:14px Tahoma, Geneva, sans-serif; color:#666; list-style:none;  }
#content .maintext ul li { background:url(../images/images/content/green_arrow.png) no-repeat 0px 10px; min-height:10px; padding-top:9px; text-indent:20px; }
#content .maintext ul li a { color:#666; }
#content .maintext ul li a:hover { color:#333; }

.content .maintext-1 { font:16px/30px Tahoma, Geneva, sans-serif; color:#333; text-align:justify;} 

.more-link { background:url(../images/images/content/more_link.png); width:57px; height:19px; display:inline-block; float:right; color:#333; text-indent:12px; 
text-decoration:none; }
.more-link:hover { text-decoration:underline; }

.content a.sess-hand { display:block; width:260px; margin-left:50px; font:14px Tahoma, Geneva, sans-serif; color:#333; text-decoration:none; }
.content a.sess-hand:hover { color:#999900; text-decoration:underline; }
.content a.sess-hand img { border:none;  }

.content a.sess-hand-1 { display:block; width:200px; margin-left:5px; font:14px Tahoma, Geneva, sans-serif; color:#333; text-decoration:none; }
.content a.sess-hand-1:hover { color:#999900; text-decoration:underline; }
.content a.sess-hand-1 img { border:none;  }

.content a.author-hand { display:block; width:200px; margin-left:5px; font:14px Tahoma, Geneva, sans-serif; color:#FF9900; text-decoration:none; }
.content a.author-hand:hover { color:#999900; text-decoration:underline; }
.content a.author-hand img { border:none;  }

.content a.visit-hand { display:inline; font:14px Tahoma, Geneva, sans-serif; color:#FF9900; text-decoration:none; }
.content a.visit-hand:hover { color:#999900; text-decoration:underline; }
.content a.visit-hand img { border:none;  }

#sub-content { clear:both; }
#sub-content-a { width:193px; margin-left:15px; float:left; }
#sub-content-1 { width:193px; margin-left:15px; float:left; }
#sub-content-2 { width:193px; margin-left:15px; float:left; }
#sub-content-2 h5 { background:url(../images/images/content/teacher_test_team_index.png); width:235px; height:51px; }
#sub-content-2 p { font:11px/17px Arial, Helvetica, sans-serif; color:#333; }

#videos { background:url(../images/images/content/title_videos.png); width:96px; height:23px; }

.list-links-1 { width:184px; height:auto; font:11px Tahoma, Geneva, sans-serif; color:#333; list-style:none;  }
.list-links-1 li { width:184px; height:30px; background:url(../images/images/content/links_1_bg.png) repeat-x 0px bottom; margin-top:1px; }
.list-links-1 li a { background:url(../images/images/content/green_arrow.png) no-repeat 0px 10px; width:184px; height:21px; text-indent:20px; display:block; padding-top:9px; color:#333; text-decoration:none; }
.list-links-1 li a:hover { color:#999900}

#content-bottom-left { width:auto; float:left; }

#its_here { background:url(../images/images/content/title_its_here.png); width:363px; height:20px; }


#content-bottom-left-1 { width:auto; clear:left; float:left; }
#need_money { background:url(../images/images/content/title_need_money.png); width:303px; height:19px; margin-top:20px; }
#content-bottom-left-1 p { margin-top:10px; }

#content-bottom-right { width:auto; height:auto; float:right; padding-left:15px; overflow:hidden;  }
#content-bottom-right img {}
.buy-now { background:url(../images/images/content/buy_now_button.png) no-repeat ; width:100px; height:30px; display:block; margin-top:-15px; }

#footer-container { clear:both; height:285px; width:998px; background:url(../images/images/content/bg_border_top.png) no-repeat 0 top; padding-top:8px; margin-top:13px; }
#footer-top { clear:both; height:203px; width:990px; padding:0 4px; background:url(../images/images/content/bg_border_1.png); }

#footer-top img { margin:0 10px 0 5px;  }

#footer-top #links-con { margin-top:20px }
#footer-top ul { margin-left:20px; }
#links { background:url(../images/images/content/title_links.png); width:82px; height:22px; }


#footer-top #contact-information-con {  margin:20px 0 0 20px; float:left; width:282px }

#contact-information { background:url(../images/images/content/title_contact_information.png); width:282px; height:29px; }

#contact-information-con ul { width:282px; height:auto; font:11px Tahoma, Geneva, sans-serif; color:#666; list-style:none;  }
#contact-information-con ul li { background:url(../images/images/content/green_arrow.png) no-repeat 0px 10px; min-height:10px; padding-top:9px; text-indent:20px; }
#contact-information-con ul li a { color:#666; }
#contact-information-con ul li a:hover { color:#333; }

#contact-information-con ul li span.title { display:inline-block; text-indent:0px; width:50px; color:#5B4A3C; }
#contact-information-con ul li span.title-1 { display:inline-block; text-indent:0px; width:50px; vertical-align:top; color:#5B4A3C; }

.list-links-1 { width:184px; height:auto; font:11px Tahoma, Geneva, sans-serif; color:#333; list-style:none;  }

#footer-bottom { clear:both; height:81px; width:998px; }
#footer-bottom ul { width:858px; height:29px; list-style:none; font:11px Tahoma, Geneva, sans-serif; margin:17px auto 0 auto; background:url(../images/images/footer/link_bg.jpg);  }
#footer-bottom ul li { width:auto; height:29px; float:left; background:url(../images/images/footer/link_div.jpg) no-repeat center left; padding-left:1px; }
#footer-bottom ul li:first-child { margin-left:6px; background:none; }
#footer-bottom ul li a { color:#CCC; text-transform:uppercase; text-decoration:none; padding:8px 14px 0 14px; display:inline-block; height:21px; }
#footer-bottom ul li a:hover { text-decoration:underline; }


