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

body {margin:0; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:16px}
a {text-decoration:underline; font-weight:bold; color:#8b713e}
a:hover {color:#b07d1a}
div.co1, .foot, #nav-main, #sspm, div.cover, div.breadcrumbs {display:none}

/*type styling*/
h1 {font-size:32px; font-weight:normal; color:#6a5336; margin:0 0 20px; padding:10px 25px; background:#f0e8db}
h2, .headline {font-size:28px; font-weight:normal; color:#6a5336; margin:20px 0 5px}
h3 {font-size:14px; color:#6a5336; padding-top:20px; border-top:1px dotted #6a5336; margin:0 0 -5px}
h4 {font-size:16px; text-transform:uppercase; letter-spacing:5px; color:#6a5336}
h5 {font-weight:bold; position:relative; font-size:13px; color:#6a5336; 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:#6a5336; margin-top:15px}
a.col1-link:hover {background:#d2c6b8; border:1px solid #6a5336}
.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 #6a5336}


#container-outer {position:relative; margin:auto; width:100%}
#container-inner, .container-inner {position:relative; margin:auto; width:100%}

.col2, .colFull {border:3px solid #f0e8db; background:url(images/bg-container.png); z-index:10}
.col2 {margin:40px 0; width:100%}
.content {padding:0 25px 25px}

.quarter {font-weight:bold; color:#6a5336; text-transform:uppercase}
.title {font-size:24px}

.clear {clear:both}