root {
  display: block;
}

/* page styles */
p, li { font-family: Georgia; font-size: 17px; line-height: 20px; color: #222; }
*{padding: 0px; margin: 0px}

body {
  margin: 0px;
  padding: 0px;
  font-family: georgia, Verdana, Geneva, Helvetica, sans-serif;
  font-size:17px;
  background-image: url('../images/site-bg.jpg');
  background-repeat: repeat-x;
  background-color: #19191a;
  font-family: 'Lato';
  font-size: 12pt;
}
img,fieldset {border: none;}
ul {
  margin-top:20px;
  margin-left:15px;
}
li{margin-bottom:20px;}
p {
  margin-top: 19px;
  font-family: 'Lato';
}

h1 {
  text-align: center;
  font-size: 58px;
  line-height: 38px;
  font-family:'Lato',Verdana,Helvetica,sans-serif;
  color: #FFFFFF;
  font-weight: bold;
}
h2 {
  text-align: center;
  font-size: 38px;
  line-height: 38px;
  font-family:'Lato',Verdana,Helvetica,sans-serif;
  color: #FFFFFF;
}
#container {
  width: 100%;
  margin: 0;
  border: 0;
  postion: relative;
  z-index: 10;
}
#content {
  text-align:left;
  width: 1100px;
  min-height: 800px;
  margin: auto;
  padding-bottom: 45px;
}
#content-bg{
  width: 100%;
  min-width: 1100px;
  margin:auto;
  margin-top: -168px;
  background-color: #ffffff;
}
.centered{
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 1;
}
.cleared{
  clear: both;
}

#dialog{
  display: none;
}
#dialog p{
  font-size: 18px;
  line-height: 21px;
  font-family:'Lato',Verdana,Helvetica,sans-serif;
}










/* for playlist */

#playlist-holder{
  width: 422px;
  margin-top: 20px;
  margin-left:auto;
  margin-right:auto;
}
.blue {
  color: #3c6e90;
}

.body_leadin {
  font-family: 'Lato', sans-serif;
  font-size: 26pt; 
  line-height: 30pt;
  color: #478fbd;
  font-weight: normal;
}
.body_black{
  color: #404040;
}

.norm_leadin {
  font-family: 'Francois One', sans-serif;
  font-size: 16pt; 
  line-height: 20pt;
  color: #333333;
}
.body_main {
  font-family: 'Droid Serif', serif;
}

#main {
  margin-top: -18px;
  width: 650px;
}
#letter {
  margin-top: 4px;
  width: 650px;
}

.body_main, .body_main p, .body_main ul, .body_main ol {
  font-family: 'Droid Serif', serif;
  line-height: 20pt;
}
.italic {
  font-style: italic;
}
.green {
  color: #77aa03;
}

.body_box {
  padding-top: 20px;
  padding-bottom: 1px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 20px;
}
.li-dollar {
  list-style-image:url('images/dollar-sign.png');
}
.li-check {
  list-style-image:url('images/green-check.png');
}
.body_marker p {
  font-family: 'Permanent Marker', cursive;
  font-size: 16pt; 
  line-height: 20pt;
  color: #333;
}
.blue_quote{
  border: 1px solid #c5e7e9;
  background-color: #e2fdff; 
  width: 80%; 
  margin-left: auto; 
  margin-right: auto;
}





/* lessons */

#lessons-table{
  width: 550px;
  margin-right: auto;
  margin-left: auto;
}
#lesson-table{
  width: 699px;
  margin-right: auto;
  margin-left: auto;
}
#detail-table{
  width: 750px;
  margin-right: auto;
  margin-left: auto;
}

.available table tr td a {
 color: #478fbd
}

.sidebar_select{
  background-color: #F5F5F5;
}
.sidebar_select table tr td a, .sidebar_select table tr td {
  text-decoration: none;
  color: #666;
}

.hrule{
  border: 0;
  border-top: 1px solid #cccccc;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

#lessons-table tr td, #lesson-table tr td{
  border-collapse: collapse;
  font-family: 'Lato';
  font-size: 12pt;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0;
  margin-bottom: 0;
}

#lessons-sidebar{
  width: 210px;
  margin-right: auto;
  margin-left: 0;
  border: 1px #cccccc solid;
  padding: 0px;
  margin: 0px;
}
#lessons-sidebar tr td{
  border-collapse: collapse;
  font-family: 'Lato';
  font-size: 12pt;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 8px;
  margin: 0px;
}

.lessons-sidebar{
  width: 210px;
  margin-right: auto;
  margin-left: 0;
  border: 1px #cccccc solid;
  padding: 0px;
  margin: 0px;
}
.lessons-sidebar tr td{
  border-collapse: collapse;
  font-family: 'Lato';
  font-size: 12pt;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 8px;
  margin: 0px;
}
.sb_hrule{
  border: 0;
  border-top: 1px solid #cccccc;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

td.available{
}
td.available:hover{
}
td.coming{
}
.smaller{
  font-size: 9pt;
  color: #666666;
}


.popup, .popup p{
  font-family: 'Lato';
  text-align: center;
  color: #333333;
  font-size: 12px;
}

.nav_top{
  font-weight: normal;
  color: #8c8b8b;
  background-color: #3e3e3e;
  background-image: url(../images/btn_nav_bg.jpg);
  text-decoration: none;
  font-size: 9pt;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  behavior: url(../display/PIE.htc);
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
}
.nav_top:hover {
  font-weight: normal;
  color: #ffffff;
}
.nav_foot{
  font-weight: normal;
  color: #8c8b8b;
  text-decoration: none;
  font-size: 9pt;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
}
.nav_foot:hover {
  font-weight: normal;
  text-decoration: underline;
  color: #ffffff;
}

.module_current{
  font-weight: bold;
  color: #ffffff;
  background-color: #3e3e3e;
  background-image: url(../images/btn_bg.jpg);
  text-decoration: none;
  font-size: 9pt;
  behavior: url(../display/PIE.htc);
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -2px;
  margin-right: 0px;
}
.module_current:visited{
  color: #ffffff;
}
.module_current:hover{
  color: #ccc;
}

.module_off{
  font-weight: normal;
  color: #8c8b8b;
  background-color: #3e3e3e;
  background-image: url(../images/btn_bg.jpg);
  text-decoration: none;
  font-size: 9pt;
  behavior: url(../display/PIE.htc);
  position: relative;
  z-index: 10;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #2b2b2b;
  margin-left: -2px;
  margin-right: 0px;
}
.module_off:visited{
  color: #8c8b8b;
}
.module_off:hover{
  color: #ccc;
}
#module_bottom{
  width: 899px;
  background-color: #ffffff;
  height: 20px;
  min-height: 20px;
  margin-top: -204px;
  margin-bottom: 178px;
  position: relative;
  z-index: 100;
  margin-left: auto;
  margin-right: auto;
}

#footer_bar{
  width: 100%;
  background-color: #19191a;
  height: 20px;
  min-height: 20px;
  position: relative;
  z-index: 100;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding-bottom: 65px;
}

.login-color {
   color: #ffffff;
}





.contact_txt {
  font-family: arial, sans-serif;
  font-size: 23pt;
  color: #005bad;
  line-height: 25pt;
}
.secondary {
  width: 799px;
  margin-left: auto;
  margin-right: auto;
}
.sub-form{
  font-size: 12pt;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  behavior: url(../display/PIE.htc);
  padding: 5px;
  border: 1px solid #cecece;
  color: #696969;
}

#summary{
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  behavior: url(../display/PIE.htc);
  border: 1px solid #7a7a7a;
  padding: 0;
  margin-bottom: 5px;
  margin-top: 25px;
}
.sum-head{
  color: #fff;
  font-size: 18px;
  margin-top: 10px;
  font-weight: bold;
}
.sum-bod p{
  font-size: 15px;
  padding-top: 0px;
  padding-bottom: 8px;
}

.sum-bod ol li, .sum-bod ul li{
  margin-top: 19px;
  font-family: 'Lato';
  margin-left: 35px;
  font-size: 15px;
  padding-top: 0px;
}

#downloads{
  border: 1px solid #7a7a7a;
  padding: 0;
  margin-bottom: 5px;
  margin-top: 25px;
}
.tab-head{
  color: #fff;
  font-size: 16px;
  margin-top: 10px;
  background-color: #7a7a7a; 
}
.tab-bod{
  color: #a6aaad;
  font-size: 14px;
  height: 55px;
  min-height: 55px;
  padding-bottom: 20px;
}
.tab-bod a{
  margin-right: 20px;
}

.lesson-title{
  font-size: 27px;
  line-height: 32px;
  color: #8e2326;
  margin-bottom: 10px;
  margin-top: 5px;
}

.lesson-desc{
  font-size: 20px;
  margin-bottom: 1px;
}

.logged-in-as {
  font-family: verdana; 
  font-size: 11px; 
  color: #7f7f7f; 
  line-height: 11pt;
  margin-top: 10px;
  margin-bottom: 10px;
}


.dl-link, .dl-link a {
  font-family: Arial, verdana, sans-serif;
  font-size: 13pt;
  color: #696969;
  text-decoration: none;
  font-weight: bold;
}








/* transcript stuff */
#show-trans a {
  color: #3c6e90;
  font-size: 9pt;
  text-decoration: underline;
}

.MsoNormal {
  font-family: Georgia, serif;
  color: #333333;
}

.WordSection1 {
  border: 1px solid #cccccc;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  behavior: url(../display/PIE.htc);
  padding: 15px;
  border: 1px solid #cecece;
  margin-top: 20px;
}

.WordSection1 ul {
  margin-top:25px;
  padding-left:50px;
}

.WordSection1 blockquote {
  margin-top:10px;
  margin-bottom:10px;
  padding-left:50px;
  padding-right:50px;
}

.WordSection1 ol {
  margin-top:25px;
  padding-left:50px;
}

.WordSection1 ul li,.WordSection1 ol li {
  font-family: 'Lato';
  color: #4d4d4d;
}

.WordSection1 p b {
  font-family: georgia, Verdana, Geneva, Helvetica, sans-serif;
  font-weight: bold;
}

.WordSection1 * {
}


/* bonus stuff */
#bonus-ul {
  width: 100%;
  margin-top: -5px;
  margin-left: -10px;
}

.bonus-icons {
  text-align: center;
  float:left; 
  list-style:none; 
  width:105px; 
  height:110px; 
  text-decoration:none; 
  border: 0;
  margin-top: -5px;
}
.bonus-icons a span{
  font-size: 11pt;
}
.bonus-icons img{
  margin-left: -20px;
  padding-bottom: 0px;
  cursor: pointer;
}



.WordSection1 p.lesson-title{
  font-size:16pt;
  font-family:Caecilia-Bold, georgia, serif;
}