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

body {margin:0; background:url(images/bg-body.png) top repeat-x #786e68; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:16px; color:#382e24}
a {text-decoration:none; font-weight:bold; color:#8b713e}
a:hover {color:#b07d1a}
fieldset, form {padding:0; margin:0; border:none; clear:both}
.co1 fieldset {width:225px}
.col1 form, .col1-link {display:block; padding:8px; background:#c0b2a6; border:1px dotted #d2c6b8; line-height:16px; text-align:left; width:225px}
.field {display:block; width:225px; background:#f0e8db; margin:0; border:1px dotted #f0e8db; margin-bottom:6px}
.btn {margin-top:6px}

/*type styling*/
h1 {font-size:32px; font-weight:normal; color:#6a5336; margin:0 0 20px; padding:10px 25px; background:#f0e8db; position:relative}
h2, .headline {font-size:28px; font-weight:normal; color:#6a5336; margin:20px 0 5px; padding-bottom:10px}
h3 {font-size:14px; color:#6a5336; padding-top:20px; border-top:1px dotted #fff; margin:0 0 -5px}
h4 {font-size:16px; text-transform:uppercase; letter-spacing:5px; color:#fff}
h5 {font-weight:bold; position:relative; font-size:13px; color:#fff; padding-bottom:10px; margin:0}
span.lesson-number {display:block; font-size:15px; text-transform:uppercase; letter-spacing:5px; padding-bottom:10px; color:#90866d}
.col1-link {font-size:16px; line-height:24px; font-weight:normal; color:#fff; margin-top:15px}
a.col1-link:hover {background:#d2c6b8; border:1px solid #fff}
.col1-link img {float:left; margin:-4px 10px 10px; border:0}
.breadcrumbs {font-size:10px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px dotted #fff}


#container-outer {position:relative; margin:auto; background:url(images/bg-container.png); padding:30px; width:1000px}
#container-inner, .container-inner {background:url(images/bg-head.jpg) top left no-repeat #d2c6b8; position:relative}

.col1, .col2 {position:relative; float:left}
.col1 {width:250px; padding:25px; margin:40px 25px; background:url(images/dark.png); border:2px solid #b0a387}
.col1 h3 {text-transform:uppercase; margin:15px 0 4px 0; color:#fff; letter-spacing:1px; border-bottom:1px dotted #fff; padding:0 0 3px 19px; font-size:16px; line-height:18px}
.col2, .colFull {border:3px solid #f0e8db; background:url(images/bg-container.png); z-index:10}
.col2 {margin:40px 0; width:600px}
.colFull {margin:40px 25px}
.content {padding:0 25px 25px}

.foot {border-top:2px solid #bea281; padding:10px 5px; text-align:center; color:#fff}
.foot a {text-transform:uppercase; color:#9d8463}
.foot a:hover {color:#b26f00}

.cover {line-height:26px; text-align:center; float:none}
.cover img {margin-bottom:15px}
.cover form img {margin-bottom:0}
.quarter {font-weight:bold; color:#fff; text-transform:uppercase}
.title {font-size:24px}

a.subscribe {display:block; margin-bottom:4px; color:#46429e; background:url(images/logo-pod.png) left no-repeat #b9bbe9; font-size:10px; min-height:32px; padding:4px 5px 4px 45px; border:1px solid #bea281}
a.subscribe:hover {color:#b87300; border:1px solid #f0e8db}

#nav-main {padding-left:350px; margin-top:251px; z-index:1000}
#nav-main ul {list-style:none; padding:0; margin:0}
#nav-main li {margin:0; padding:0}
#nav-main li ul {display:none; position:absolute; top:46px; left:0; z-index:1000; width:200px; border-top:1px solid #bea281}
#nav-main li:hover ul {display:block}
#nav-main li.level1 {float:left; position:relative; text-transform:uppercase}
#nav-main li.level1 a {display:block; border-left:1px solid #f0e8db; border-right:solid 1px #b0a387; line-height:44px; margin-top:2px; padding:0 10px; font-size:13px; letter-spacing:1px; color:#9d8463}
#nav-main li.level1 a:hover {background:url(images/dark.png); color:#fff}
#nav-main li.level1 a img {border:none}
#nav-main li.level1 a.first, li.level1 a.last {width:1px; height:44px; padding:0}
#nav-main li.level1 a.first {border-right:1px solid #b0a387; border-left:none}
#nav-main li.level1 a.last {border-left:1px solid #f0e8db; border-right:none}
#nav-main li.level1 li a {font-size:10px; line-height:12px; letter-spacing:normal; width:150px; padding:3px; border-left:1px solid #bea281; border-right:1px solid #bea281; border-bottom:1px solid #bea281; background:#f0e8db; margin:0}

ul.archives, ul.archives ul {list-style:none; padding:0; margin:0}
ul.archives .level1 {padding-left:10px}
ul.archives .level1 h4 {font-size:24px; padding:10px 10px 10px 30px; margin:0; background-color:#f0e8db; color:#6a5336}
ul.archives .level2 h4 {font-size:16px; background-color:#e5dcce}
ul.archives .level3 {padding-left:30px}
ul.archives .level2 a, ul.archives .level3 a {display:block; padding:5px 0; font-size:12px; border-top:1px dotted #fff}



#sspm {position:relative; top:-25px; font-size:10px; height:20px; padding-top:4px; text-align:center; letter-spacing:5px}
#sspm a {color:#b9b09b}
#sspm a:hover {color:#fff}

.rounded {-moz-border-radius:9px; -webkit-border-radius:9px} 
.rounded2 {-moz-border-radius:20px; -webkit-border-radius:20px}

.clear {clear:both}

#player {z-index:10}

#button-admin {display:block; position:absolute; top:0; left:0; line-height:21px; padding:3px 6px; font-size:11px; font-weight:bold; letter-spacing:2px; background:#543a22; color:#6c533c; z-index:1000}
a#button-admin:hover {background:#6c533c; color:#fff}

/*expandable list*/
.trigger {background-image:url(images/bg-expand.png); background-position:left; background-repeat:no-repeat}
.active {background-image:url(images/bg-retract.png); background-position:left; background-repeat:no-repeat}
.sub {border-bottom:1px dotted #bea281}

/*biblegateway form*/
.tableHead {background: #f0e8db; color:#6a5336; text-align: center; padding: 4px 10px; font-size:13px}
.formCell {background: #fff; text-align: center; padding: 5px 10px 0}

/*addthis link*/
.addthis_button {position:absolute; right:0; top:0}

/*form styling*/
#EmailForm {padding:20px; border:2px solid #fff; background:#f0e7da}
#EmailForm label {display:block; width:150px; height:25px; text-align:right; position:relative; margin:10px 0}
#EmailForm label input, #EmailForm label select, #EmailForm label.area textarea {position:absolute; left:155px; width:200px; height:20px; border:2px solid #dad0c2; padding:2px 4px}
#EmailForm label.area, #EmailForm label.area textarea {height:150px}
#EmailForm .required, #EmailForm label.area textarea {border:2px solid #900}
.label {height:60px; position:relative; width:150px}
.label img {position:absolute; left:155px; top:0; border:2px solid #dad0c2;}
.button {margin-left:155px}