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

body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
body { background: #2E66A3; margin: 0px; }
h1,h2,h3,h4,h5,h6,ul,li,p,dl,dt,dd,fieldset { padding:0; margin:0; }
.hidden { display:none; }

#maincontainer { width:990px; height:auto; background:url(../images/common/shadow.png) repeat-y; margin:auto; padding:0 20px 0 20px; }

#header { margin-left:4px; width:990px; height:287px; background:url(../images/header/header_bg.png) center 10px no-repeat; margin-bottom:10px; }
#header h1 { width:500px; height:31px; background:url(../images/header/music_teachers_central.png); text-indent:-999em; position:absolute; margin:60px 0 0 70px; }
#header big { width:386px; height:86px; background:url(../images/header/what_works.png) no-repeat; display:block; text-indent:-999em; position:absolute; margin:120px 0 0 70px; }
#header small { position:absolute; margin:230px 0 0 670px; text-align:right; color:#4169E1; }
#header p.email a { width:331px; height:25px; background:url(../images/header/email.png) no-repeat; display:block; text-indent:-999em; overflow:hidden; position:absolute; margin:200px 0 0 70px; }
#header p.email a:hover { background:url(../images/header/email_hover.png); }

#header fieldset { width:280px; height:165px; border:none; position:absolute; background:url(../images/header/login_bg.png); margin:45px 0 0 670px; }
#header fieldset b { width:267px; height:44px; background:url(../images/header/quote.png) no-repeat center 0; display:block; position:absolute; margin:5px 0 0 5px; text-indent:-999em; padding-bottom:5px; }
#header table { position:absolute; margin:50px 0 0 20px; width: 246px; }
#header table td { color:#FFFFFF; }
#header fieldset a.submit { width:88px; height:21px; display:block; background:url(../images/header/submit_button.png); position:absolute;  margin:112px 0 0 157px; text-indent:-999em; overflow:hidden; }
#header fieldset p { position:absolute; margin:140px 0 0 60px; width: 167px; height: 21px; color:#FFFFFF; }
#header fieldset p a {  color:#FFFFFF; text-decoration:none; font-size:11px; }
#header fieldset p a:hover { color:#FFFFFF; }

#contentcontainer  { width:970px; margin:0 10px 0 14px; background:#FFF; }
#sidebar { width:250px; float:left; margin-bottom:15px; }
#sidebar .bordertop { width:250px; height:5px; background:url(../images/sidebar/border_top.gif); }
#sidebar .borderside { width:250px; height:auto; background:url(../images/sidebar/border_side.gif) repeat-y; padding-bottom:10px; }
#sidebar .borderbottom { width:250px; height:5px; background:url(../images/sidebar/border_bottom.gif); }

#sidebar ul { padding:5px 0 0 10px; list-style:none; }
#sidebar ul li {  font-size:14px; color:#000000; margin-bottom:5px;   }
#sidebar ul li a { width:220px; height:23px;  display:block; color:#000000; text-decoration:none; background:url(../images/sidebar/button.png); padding:7px 0 0 10px; }
#sidebar ul li a:hover { background:url(../images/sidebar/button_hover.png); color:#FFFFFF; }

#sidebar ul li ul { display:none; padding-top:10px; }
#sidebar ul li:hover ul { display:block; position:absolute; margin:-30px 0 0 215px;  }

#sidebar h4 { width:229px; background:url(../images/sidebar/heading_1.png) left 10px no-repeat; height:30px; text-indent:-999em;  margin:20px 0 0 10px; border-top:1px dashed #2E66A3; }
/*#sidebar .videobox { width:230px; height:270px; background:url(../images/sidebar/video_links_bg.png); margin-left:10px; }

#sidebar .videobox dl { width:230px; margin-top:18px; margin-left:30px; display:inline-block; }
#sidebar .videobox dl dt {  }
#sidebar .videobox dl dd.title { width:230px; margin-left:90px; margin-top:-60px; position:absolute; }
#sidebar .videobox dl dd.desc { width:230px; margin-left:90px; margin-top:-40px; position:absolute; }
*/
#sidebar p { width:230px; height:auto; padding:10px 20px 0 10px; text-align:center; color: #3991d8; }

#sidebar .otherlinks {  width:230px; height:180px; background:url(../images/sidebar/other_links_bg.png) no-repeat; margin:10px 0 0 10px; }


#sidebar .otherlinks dl { width:230px; margin-top:18px; margin-left:30px; display:inline-block; }

#sidebar .otherlinks dl dd a {  width:138px; height:50px; margin:10px 10px 20px 15px; text-indent:-999em; display:block; overflow:hidden; }
#sidebar .otherlinks dl dd.facebook a { background:url(../images/content/facebook_logo.png);  }
#sidebar .otherlinks dl dd.twitter a { background:url(../images/content/twitter_logo.png); }

#sidebar .otherlinks1 {  width:230px; height:80px; background:url(../images/sidebar/other_links_bg1.png) no-repeat; margin:20px 0 0 10px; }
#sidebar .otherlinks1 dl { width:230px; margin-top:5px; margin-left:30px; display:inline-block; }
#sidebar .otherlinks1 dl dd a { text-indent:-999em; display:inline-block;  width:138px; height:50px; margin:10px 10px 20px 15px; background:url(../images/sidebar/chat_with_us.png) no-repeat center;  }

#maincontent { width:708px; float:right; }

#maincontent #top { background:#FFFFFF; padding-bottom:15px; border-bottom:1px dashed #2E66A3; margin-bottom:15px; }

#top img { float:left; margin-right:10px; }
#top h3.index { width:375px; height:49px; background:url(../images/content/content_heading.png) no-repeat; float:left; text-indent:-999em; }
#top h3.teacherdownloads { width:375px; height:23px; background:url(../images/content/content_heading_2.png) no-repeat; float:left; text-indent:-999em; }
#top h3.lessonplans { width:375px; height:23px; background:url(../images/content/content_heading_3.png) no-repeat; float:left; text-indent:-999em; }
#top h3.programsmaterials { width:338px; height:28px; background:url(../images/content/content_heading_4_a.png) no-repeat; float:left; text-indent:-999em; }
#top h3.classroommaterials { width:363px; height:28px; background:url(../images/content/content_heading_4_b.png) no-repeat; float:left; text-indent:-999em; }
#top h3.musiceducationsites { width:391px; height:23px; background:url(../images/content/content_heading_5.png) no-repeat; float:left; text-indent:-999em; }
#top h3.instantlessonvideos { width:391px; height:23px; background:url(../images/content/content_heading_6.png) no-repeat; float:left; text-indent:-999em; }
#top h3.performanceideas { width:315px; height:23px; background:url(../images/content/content_heading_7.png) no-repeat; float:left; text-indent:-999em; }
#top p { width:370px; margin-top:20px; line-height:18px; float:left; font-size:15px; }
#top p a { color:#3991D8; text-decoration:none; }
#top p a:hover { color:#6DA119; text-decoration:underline; }
#top #Link_List { clear: both; margin: 0; padding: 10px 0px 10px 0px; list-style-type: none; }
#top #Link_List li { margin: 0; padding: 0px 10px 5px 10px; }
#top #Link_List li a { color: #3991d8; text-decoration: none; font-weight: bold; }
#top #Link_List li a:hover { color: #6da119; }
#top #Link_List li span { display: block; margin: 0; padding: 5px 10px 5px 10px; }

#maincontent #middle { width:708px; background:#FFFFFF; clear:left; padding-bottom:15px; border-bottom:1px dashed #2E66A3; margin-bottom:15px; }
#middle dl { width:230px; height:200px; margin-left:9px; float:left; background:url(../images/content/box_links.png); }
#middle dl.first { margin-left:0; }

#middle dl dt.teacherdownloads { background:url(../images/content/box_heading_1.png) no-repeat; ; text-indent:-999em; margin:12px 0 0 10px; }
#middle dl dt.lessonplans { background:url(../images/content/box_heading_2.png) no-repeat; ; text-indent:-999em; margin:12px 0 0 10px; }
#middle dl dt.teachertestedmaterials { background:url(../images/content/box_heading_3.png) no-repeat; ; text-indent:-999em; margin:12px 0 0 10px; }
#middle dl dd { padding:10px 0 0 10px; }
#middle dl dd img { border:none; }

#maincontent #bottom { width:708px; height:auto; background:#FFFFFF; margin-bottom:20px; }

#maincontent #bottom .left { width:348px; background:#FFFFFF; float:left; }
#bottom .left .bordertop { width:348px; height:5px; background:url(../images/content/links_border_top.png); }
#bottom .left .borderside { width:348px; min-height:150px; background:url(../images/content/links_border_side.png) repeat-y; }
#bottom .left .borderbottom { clear: both; width:348px; height:5px; margin: 0; background:url(../images/content/links_border_bottom.png); clear:left; }

#bottom .left h4 { background:url(../images/content/links_heading.png) center 5px no-repeat; height:35px; text-indent:-999em;  }
#bottom .left ul { float:left; width:140px; margin:10px 0 0 30px; }
#bottom .left ul li { line-height:25px; }
#bottom .left ul li a { color: #3991d8; text-decoration: none; font-weight: bold; }
#bottom .left ul li a:hover { color: #6da119; }


#maincontent #bottom .right { width:348px; background:#FFFFFF; float:right; }
#bottom .right .bordertop { width:348px; height:5px; background:url(../images/content/links_border_top.png); }
#bottom .right .borderside { width:348px; min-height:150px; background:url(../images/content/links_border_side.png) repeat-y; }
#bottom .right .borderbottom { clear: both; width:348px; height:5px; background:url(../images/content/links_border_bottom.png); clear:left; }

#bottom .right h4 { background:url(../images/content/links_heading_1.png) center 5px no-repeat; height:35px; text-indent:-999em;  }
#bottom .right ul { margin:10px 0 0 40px; padding: 0; list-style-type: none; height: 75px; }
#bottom .right ul li { float: left; margin:  0px 30px 0px 0px; width: 120px; height: 75px; text-align: center; }
#bottom .right ul li img { margin: 0; }


#footer { clear:both; height:95px; margin-left:8px; }
#footer p.navigation { background:url(../images/footer/nav_bg.png) center top no-repeat; height:33px; font-size:14px; text-align:center; padding-top:17px; color:#FFFFFF; }
#footer p.navigation a { color:#FFFFFF; text-decoration:none; }
#footer p.copyright { text-align:center; margin-top:15px; color:#3991D8; }