/*Core Html*/
HTML {margin: 0; padding: 0;}
BODY {margin: 0; padding: 0; text-align: center; background: top left url(images/bg.gif) no-repeat;  font: 12px "Times New Roman", Times, serif; }
A {color: #003; text-decoration: none; font-weight: 500; font: 12px Arial;}

/*Core Divs*/
div#masthead {width: 100%; height: 250px;	float: left; clear: both; background: url(style/mh4.jpg); background-position: top left; background-repeat:  no-repeat; color: #000; text-align: left;	}
div#page {width: 100%; min-height: 100px; margin: 0; padding: 10px 0 10px 0px; display: block; text-align: left; float: left; margin: 15px 0 0 0;}

div#footer {width: 100%;  min-height: 50px; margin: 20px 0 0 0; padding: 0px 0 0 0px; text-align: left;	float: left; clear: both; color: #999;	background: none;}
div#footercontent {padding: 10px 0 0 180px;}

div#footer a {color: #999;}
div#title {float: left; font-size: 26px; width: 200px; font-family: "Times New Roman", Times, Serif; color: #000;  display: block;  margin: 50px 0 0 30px;}
div.bodytext {margin-left: 180px; margin-right: 100px;}

div#page {border: 1px #CCC solid; border-left: none; border-right: none;}

/*IMG*/
div#masthead img.pagetitle{margin: 230px  0  0 190px; width: 500px; height: 30px;}

/*Nav*/
DIV#nav {text-align: left; width: 770px;  margin: 0; padding: 0; clear: both; position: absolute; top: 202px; left: 180px;}
DIV#nav a {text-transform: lowercase; font-size: 14px;	color: #777; text-decoration: none;	padding: 5px 20px 0px 20px; font-weight: 300; font-family: trebuchet, futura, helvetica, sans-serif;}
DIV#nav a {text-transform: lowercase; font-size: 14px;  color: #777; text-decoration: none; padding: 0px 20px 0px 20px; font-weight: 300; font-family: trebuchet, futura, helvetica, sans-serif;}

div#nav ul {list-style: none; padding: 0; margin: 0px 0 0 0px;}
div#nav li {height: 20px; float: left; position: relative; margin: 0;	width: 130px; background: url(images/button.gif) no-repeat/*#c9c9c9*/; background-position: bottom-left; padding-top: 5px; margin-right: 5px;}
div#nav li a{color: #FFF;}
div#nav li:hover {background: url(images/button3.gif) no-repeat; color: #000;}
div#nav li.selectedtab {background: url(images/button2.gif) no-repeat;}
div#nav li.selectedtab a {color: #FFF; font-weight: 500;}
div#nav li.selectedtab:hover a {color: #FFF; font-weight: 500;}
div#nav li:hover a {color: #FFF;}

/*Nav Level 2*/
div#nav li ul {display: none;	position: absolute;	top: 22px;	left: 0;}
div#nav li>ul {	top: auto; left: auto; margin: 0px;}
DIV#nav li.over ul {display: block;	padding: 0px;}
DIV#nav li:hover ul  {display: block;	padding: 0px;}
div#nav li li {clear: both; height: 15px; border-bottom: 1px solid #999; background: #999; width: 150px; margin: 0 0 0px 0; padding: 2px 0 0 0; border-bottom: 2px white solid;}
div#nav li li:hover {background:#555; font-weight: 600;}
div#nav li li a {color: #FFF; border: 0px;}
div#nav UL li.over {background: color: #555;}
div#nav li.selectedtab li a {color: #000;}

div.filelistitem {padding-left: 190px; margin-top: 10px;}
div.filelistitem a {color: #400;}

/*Images*/
div.pageimages  {width: 700px; margin-left: 180px; margin-top: 20px; margin-bottom: 20px;}
div.pageimages img {width: 200px; border: 1px solid #CCC; float: left; clear: none; margin: 3px;}

/*Songs*/
.songlist {margin: 10px 0 10px 180px; width: 600px; font-size: 16px; font-weight: 600; color: #400; font-family: Arial;}
.songlist .songlistitem {border: 1px solid black; margin: 3px 2px 3px 0px; background: #DDD; width: 598px; color: #000; font-weight: 500; font-size: 12px;}

.header { background: #EEE;}


.songlistitem {border: 1px solid black; margin: 3px 0 3px 180px; background: #DDD; width: 600px; padding: 2px;}
.songdetail {border: 1px solid black; margin: 3px 0 3px 180px; background: #EEE; width: 600px;}
.songtitle {margin: 5px; font-size: 18px; color: #400; font-family: arial; width: 590px; background: #DDD;}
.desc  {margin: 10px;}
.art {margin: 5px 0 3px 10px; font-weight: 600; color: #600;}
.audio {margin: 0px 5px 0 10px;}
.audio a {font-weight: 600; color: #600; font-size: 14px;}
.lesson {margin: 10px; font-weight: 600; color: #600;}
.lesson a { font-size: 14px; color: #400; text-decoration: underline; font-weight: 600;}

/*CSS Hacks*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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