/* CSS Document */
*{padding:0; margin:0;}
html {padding:0; margin:0;}
body {}
#main{background:url(images/body2.png) repeat-x #1f1f1f; font-family:verdana, helvetica, arial; font-size:12px; color:#FFFFFF;}
#wrap {width:960px; margin:0 auto; text-align:left; padding:0 10px 0 10px; position:relative; overflow:hidden; line-height:20px;}
#header {background:url(images/header-bg2.jpg) no-repeat; width:940px; height:390px;}
.hide-me {display:none;}
a img {border:none;}
a {color:#690c07; outline:none;}

/*header*/
span#welcome {position:absolute; top:18px; left:25px;}
#header p#welcome-p {background:url(images/welcome-p2.png) no-repeat; width:500px; height:226px; text-indent:-9999px; position:absolute; top:45px;}
#header p#welcome-p-small {width:480px; position:absolute; top:300px; left:27px; color:#333333; }


/*navigation*/
.navigation {clear:both; height:97px;}
.navigation h3#biography-title {background:url(images/biography.png) no-repeat; width:289px; height:97px; text-indent:-9999px; float:left;}
.navigation h3#lesson-information {background:url(images/lesson-information.png) no-repeat; width:289px; height:97px; text-indent:-9999px; float:left;}
.navigation h3#photos-videos-title{background:url(images/photos-videos.png) no-repeat; width:289px; height:97px; text-indent:-9999px; float:left;}


ul.nav {padding-top:22px;}
ul.nav li{float:left; padding:0 2px; list-style:none;}
ul.nav li a {background:url(images/nav-btns.png) no-repeat; width:180px; height:42px; display:block; text-indent:-9999px;}

ul.nav li a.bio-btn{background-position:0 0;}
ul.nav li a:hover.bio-btn {background-position:0 -42px;}
ul.nav li a.lesson-info-btn {background-position:-190px 0; width:180px;}
ul.nav li a:hover.lesson-info-btn{background-position:-190px -42px;}
ul.nav li a.photos-vid-btn {background-position:-380px 0;}
ul.nav li a:hover.photos-vid-btn {background-position:-380px -42px;}



/*biography*/

#biography {background:url(images/biography-bg.jpg) no-repeat; width:940px; height:849px;}
#biography #bio-left {width:400px; margin:124px 40px 0 40px; float:left;}
#biography #bio-right{width:410px; float:left; margin:124px 0 0 0;}
#biography #bio-right ul {padding:15px 0 15px 0; margin-left:15px;}
#biography #bio-right ul li {padding:0 5px 10px 26px; list-style:none; background:url(images/information-frame.png) no-repeat; background-position:0 5px;}
#biography #bio-big {clear:both; font-family:georgia; font-size:30px; color:#b2b993; text-shadow:0 1px 0 #000; width:760px; text-align:center; line-height:30px; padding:105px 0 0 75px;}




/*lesson-information*/

#lesson-information-container {width:940px; height:508px; background:url(images/lesson-information-bg2.jpg) no-repeat; padding:55px 0 0 0;}
#lesson-left {width:390px; height:214px; background:url(images/lesson-info-left2.png) no-repeat; text-indent:-9999px; float:left; margin:0 0 0 25px;}
#lesson-right {color:#333333; float:right; width:430px; height:200px; overflow:hidden; margin:20px 10px 0 0; font-size:11px; line-height:14px; text-shadow:0 1px 0 #fff}
#lesson-right .split {float:left; width:190px;}
#lesson-right .split.right {margin:10px 0 0 40px;}
#lesson-right .split p {padding:18px 0 0 15px;}
#lesson-right .split ul {padding:10px 0 0 15px; list-style:none;}

#lesson-right .split.right label {font-size:11px; text-shadow:0 1px 0 #fff; letter-spacing:-1px;}
input.formbox {border:1px solid #b8b8b8; padding:1px; font-size:11px; margin:5px 0 5px 0; background:none;}
textarea.formbox {border:1px solid #b8b8b8; padding:1px; font-size:11px; margin:5px 0 5px 0; background:none;}
p.warning {color:#690c07;}
input.send {background:url(images/send.png); width:90px; height:25px; border:none; position:relative; top:8px; left:-2px;}
#lesson-information-container #lesson-information-big {clear:both; font-family:georgia; font-size:30px; color:#fff; text-shadow:0 1px 0 #000; width:760px; text-align:center; line-height:30px; padding:105px 0 0 75px;}
.sm-warning {font-style:italic; color:#FF0000;}


/*photos and videos*/

#photos-videos{background:url(images/photos-videos-bg.jpg) no-repeat; width:940px; padding-top:60px; position:relative; clear:both; overflow:hidden; }
#photos-videos ul {padding:0 0 0 18px;}
#photos-videos ul li {float:left; list-style:none; display:block;}
a.group {margin:5px 0 0 0; background:url(images/photo-background.png) no-repeat; display:block; width:300px; height:210px;}
a.group img {padding:19px 0 0 21px;}



/*footer*/
#footer-wrap {background:url(images/footer-wrap2.png) repeat-x; height:396px; overflow:hidden; text-align:center; margin:0 auto; clear:both;}
#footer {background:url(images/footer2.jpg) no-repeat; width:1020px; height:396px; margin:0 auto; position:relative;}
#footer p {background:url(images/footer-p2.png); width:435px; height:118px; text-indent:-9999px; position:absolute; top:190px; left:520px;  }
#credits {position:absolute; top:360px; left:736px; color:#000000; font-family:verdana; font-size:11px; letter-spacing:-1px;}
#credits a {text-decoration:none;}
#credits a:hover{text-decoration:underline;}
#audio-player {position:absolute; top:145px; left:525px;}

/*message boxes*/

.warning, .success{padding:25px 0 25px 0; margin:0 auto; text-align:center; display:none;}
.warning p {background:url(images/cancel_48.png) no-repeat top left; width:900px; margin:0 auto; display:block; height:45px; text-align:left; font-family:arial; font-size:28px; padding:10px 0 0 66px; letter-spacing:-1px;}
.success p {background:url(images/accepted_48.png) no-repeat top left; width:900px; margin:0 auto; display:block; height:45px; text-align:left; font-family:arial; font-size:28px; padding:10px 0 0 66px; letter-spacing:-1px;}

small.navigation {font-family:georgia; font-size:16px; font-style:italic; padding-left:15px;}