html {
    overflow: hidden;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #000000;
    background: #5383B3 url("../images/bg/main2.gif") left 129px repeat-x;
    padding: 0px;
    margin: 0px;
    width: 100%;
	height: 100%;
    overflow: hidden;
}

img {
    border: 0;
}

form {
    padding: 0px;
    margin: 0px;
}

p {
    padding: 0px;
    margin: 0px 0px 1em 0px;
}

p.big {
    font-size: 1.5em;
}

/*================================================================ */
/* Header */

#header {
    position: absolute;
	top: 0px;
	left: 0px;
    background: #184A7D url("../images/bg/header.jpg") top left no-repeat;
    width: 100%;
    height: 98px;
    overflow: hidden;
}

#header h1 {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    color: #004488;
    padding: 15px 0px 0px 205px;
    margin: 0px;
}
#header h1 span.drop {
    position: relative;
    top: 5px;
    font-size: 0.9em;
}
#header h1 span.offset {
    position: static;
    font-size: 0.75em;
    margin: 0px -0.2em 0px 0.1em;
}

/*================================================================ */
/* Header Navigation */

#headernav {
    position: absolute;
	top: 98px;
	left: 0px;
    background: #65A746 url("../images/bg/headernav.jpg") bottom left repeat-x;
    padding: 2px 15px 2px 15px;
    width: 100%;
    height: 27px;
    overflow: hidden;
}

#headernav img {
    float: left;
    vertical-align: middle;
    margin-top: 2px;
}

#headernav h2 {
    float: left;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0px 0px 0px 15px;
    margin: 0px;
}

#headernav ul {
    float: left;
    padding: 1px 0px 2px 0px;
    margin: 3px 0px 0px 15px;
    background: #518C2F;
    border: 0;
}

#headernav ul li {
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
    border-left: 1px solid #66AA44;
}
#headernav ul li.first {
    border-left: 0px;
    padding-left: 4px;
}
#headernav ul li.last {
    padding-right: 4px;
}

#headernav ul li a {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 0.84em;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0px 7px;
    margin: 0px;
}
#headernav ul li a:hover {
    text-decoration: underline;
}

/*================================================================ */
/* Footer */

#footer {
    position: absolute;
    bottom: 5px;
    left: 40px;
    height: 15px;
    line-height: 0.7em;
    font-size: 0.7em;
    color: #FFFFFF;
}
* html #footer {
    bottom: 0px;
}
#footer a {
    color: #FFFFFF;
    text-decoration: underline;
}

/*================================================================ */
/* Table of Contents */

#sidebar {
    position: absolute;
	top: 145px;
	left: 0px;
	bottom: 0px;
	width: 35px;
	/* height: 100%; */
	overflow: hidden;
}

#tocmain {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    background: #ffffff url("../images/bg/toc_main.gif") top left no-repeat;
    float: left;
    width: 151px;
    padding: 0px 2px 0px 2px;
    /* height: 100%; */
    display: none;
}

#tocscroll {
    position: absolute;
    top: 12px;
    left: 2px;
    right: 2px;
    bottom: 0px;
    overflow: auto;
    background: #FFFFFF;
}

#toctitle {
    background: #5BA13C url("../images/bg/toc_title.gif") top left repeat-x;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px;
    /* margin: 12px 0px 2px 0px; */
    margin: 0px 0px 2px 0px;
}
#toctitle h3 {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color: #FFFFFF;
    padding: 4px 0px 0px 0px;
    margin: 0px;
}

#tocnav {
    background: #C4DCBA;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 0.7em;
    color: #000000;
    text-align: center;
    padding: 5px;
    margin-bottom: 2px;
}
#tocnav input {
    vertical-align: middle;
}
#tocnav .inputbox {
    width: 1.5em;
    border: 1px solid #000000;
    padding: 1px;
}
#tocnav img {
    vertical-align: middle;
}

#toctab {
    float: right;
    background: transparent url("../images/bg/toc_tab.gif") top left no-repeat;
    width: 35px;
    height: 100%;
}

#tocmenu {
    background: transparent url("../images/bg/toc_list.gif") top left repeat-x;
}

#tocmenu div.hr {
    border-bottom: 1px dotted #F09735;
    margin: 0.3em 5px 0.2em 5px;
}
* html #tocmenu div.hr {
    border-bottom: 0px;
    height: 1px;
    background: transparent url("../images/bg/hr_dotted.gif") bottom left repeat-x;
    padding: 0px;
}
#tocmenu div.hr hr {
    display: none;
}

.toclist {
    padding: 0px;
    margin: 0px 0px 0px 2px;
    list-style: none;
}
.toclist li {
    font-size: 0.7em;
    padding: 3px;
    margin: 0px 0px 0px 2px;
    list-style: none;
}
.toclist li.current {
    background: transparent url("../images/bg/toc_selected.gif") top left repeat-y;
}
.toclist li a {
    background: transparent url("../images/main/toc_bullet.gif") left 4px no-repeat;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    color: #000000;
    text-decoration: none;
    padding-left: 10px;
    display: block;
}
* html .toclist li a {
    background-position: 0px 7px;
}
.toclist li a:hover {
    text-decoration: underline;
}
.toclist li.current a {
    background: transparent url("../images/main/toc_bullet_s.gif") left 4px no-repeat;
}
* html .toclist li.current a {
    background-position: 0px 7px;
}

/*================================================================ */
/* Special Case - TOC Open */

.tocopen #sidebar {
    width: 190px;
}

.tocopen #tocmain {
    display: block;
}

.tocopen #maintext {
    left: 195px;
}

.tocopen #footer {
    left: 195px;
}

/*================================================================ */
/* Maintext */

#maintext {
    position: absolute;
	top: 145px;
	left: 40px;
	right: 330px;
	bottom: 35px;
    background: #FFFFFF url("../images/bg/textcol.gif") top left no-repeat;
    font-size: 0.9em;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

#maintextbot {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: transparent url("../images/bg/textcol_bot.gif") bottom left no-repeat;
    width: 100%;
    height: 15px;
    font-size: 0px;
}

/*================================================================ */
/* Main Content Area */

#mt_head {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 5px;
    height: 28px;
    z-index: 5;
    background: #5383B3;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    color: #FFFFFF;
    border: 0px;
    padding: 1px 10px 1px 7px;
}

#mt_head h3 {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    color: #FFFFFF;
    padding: 2px 0px 2px 0px;
    margin: 0px;
}

#mh_pagenav {
    position: absolute;
    top: 5px;
    right: 7px;
    background: #87ACD0;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    color: #FFFFFF;
    padding: 1px 5px 1px 5px;
}
#mh_pagenav img {
    vertical-align: middle;
}

#mt_inner {
    position: absolute;
    top: 50px;
    left: 15px;
    right: 5px;
    bottom: 15px;
    background: transparent url("../images/bg/textcol_back.gif") top left repeat-x;
    padding: 3px 7px 0px 7px;
    font-size: 0.9em;
    overflow: auto;
}

#mt_inner_page {
    position: absolute;
    top: 50px;
    left: 15px;
    right: 5px;
    bottom: 45px;
    background: transparent url("../images/bg/textcol_back.gif") top left repeat-x;
    padding: 3px 35px 0px 7px;
    font-size: 0.9em;
    overflow: auto;
}
/*
* html #mt_inner_page {
    padding-right: 24px;
}
*/

#mt_inner h1, #mt_inner_page h1 {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    color: #26619E;
    padding: 0px 0px 0.1em 0px;
    margin: 0px;
}

#mt_inner h2, #mt_inner_page h2, #mt_inner h3, #mt_inner_page h3, #mt_inner h4, #mt_inner_page h4 {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    color: #26619E;
    padding: 0px 0px 0.1em 0px;
    margin: 0px;
}

#mt_inner div.hr, #mt_inner_page div.hr {
    border-bottom: 1px dotted #194A7E;
    margin: 0.3em 0px 0.2em 0px;
}
* html #mt_inner div.hr, * html #mt_inner_page div.hr {
    border-bottom: 0px;
    height: 1px;
    background: transparent url("../images/bg/hr2_dotted.gif") bottom left repeat-x;
    padding: 0px;
}
#mt_inner div.hr hr, #mt_inner_page div.hr hr {
    display: none;
}

#mt_foot {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 5px;
    background: #D0DFED;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    color: #194A7E;
    height: 25px;
    padding: 2px 6px 0px 7px;
}
#mt_foot:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
* html #mt_foot {
    height: 1%;
    padding: 2px 6px 2px 7px;
    right: -16px;
}

#mt_foot input {
    vertical-align: middle;
}
#mt_foot .inputbox {
    width: 1.5em;
    border: 1px solid #000000;
    padding: 1px;
}
#mt_foot img {
    vertical-align: middle;
}

#mf_pagesel {
    float: left;
    text-align: left;
    margin-top: 2px;
}
* html #mf_pagesel  {
    margin-top: 0px;
}

#mf_pagenav {
    float: right;
    text-align: right;
    background: #E7EEF5;
    color: #26619E;
    padding: 1px 5px 1px 5px;
    margin-top: 2px;
}

#mf_pagenav2 {
    float: right;
    text-align: right;
    color: #26619E;
    padding: 1px 5px 1px 5px;
    margin-top: 2px;
}


/*================================================================ */
/* Supports - Stop and Think */

#supports {
    position: absolute;
	top: 145px;
	right: 310px;
	bottom: 35px;
	width: 20px;
	background: #FFFFFF url("../images/bg/suppcol_closed.gif") top left no-repeat;
    font-size: 0.9em;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#supportsbot {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: transparent url("../images/bg/suppcol_closed_bot.gif") bottom left no-repeat;
    width: 20px;
    height: 15px;
    font-size: 0px;
}

/*================================================================ */
/* Supports Content Area */

.sp_head {
    position: absolute;
    top: 24px;
    left: 7px;
    width: 291px;
    height: 23px;
    z-index: 5;
    /* position: relative; */
    background: #F09735;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    color: #FFFFFF;
    border: 0px;
    padding: 1px 0px 1px 7px;
    display: none;
}
.sp_head h3 {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0px;
    margin: 0px;
}

.sp_inner {
    position: absolute;
    top: 51px;
    left: 7px;
    bottom: 15px;
    width: 284px;
    background: transparent url("../images/bg/supports_back.gif") top left repeat-x;
    padding: 3px 7px 5px 7px;
    font-size: 0.9em;
    display: none;
    overflow: auto;
    overflow-x: hidden;
}

.sp_inner h4 {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    color: #F67B00;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.sp_inner ul {
    padding: 0px;
    margin: 0px;
    list-style: disc;
}
.sp_inner ul li {
    padding: 1px 0px;
    margin-left: 15px;
    list-style: disc;
}
.sp_inner .fmi {
    padding: 0px;
    margin: 0px;
    list-style-type: disc;
    list-style-image: url("../images/main/bullet.gif");
    padding-left: 20px;
}
* html .sp_inner .fmi {
    padding-left: 15px;
}
.sp_inner .fmi li {
    padding: 1px 0px;
    margin: 0px;
    list-style-type: disc;
    list-style-image: url("../images/main/bullet.gif");
}

.sp_inner ul a {
    color: #194A7E;
}

.sp_inner .headrule {
    position: relative;
    border-bottom: 1px dotted #F09735;
    margin: 0.1em 0px 0.2em 0px;
}
.sp_inner .headrule:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
* html .sp_inner .headrule {
    border-bottom: 0px;
    height: 1px;
    background: transparent url("../images/bg/hr_dotted.gif") bottom left repeat-x;
    padding: 0px;
}
.sp_inner .headrule .note {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic;
    color: #555555;;
}
* html .sp_inner .headrule .note {
    font-size: 0.75em;
}

.sp_inner .texthelp {
    float: right;
}

.sp_levels {
    position: absolute;
    top: 2px;
    right: 27px;
    background: #F7A969;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    color: #FFFFFF;
    padding: 1px 5px 1px 5px;
}

.sp_levels img {
    vertical-align: middle;
}

.sp_close {
    position: absolute;
    top: 3px;
    right: 4px;
}

.coachbar {
    background: #FDF3DE;
    padding: 7px;
}
.coachbar img {
    margin: 0px 3px 0px 3px;
    border: 0px;

}
.coachbar a {
    text-decoration: none;
}

.sp_content {
    display: none;
}

/*================================================================ */
/* Special Case - Supports Open */

.suppopen #supports {
    right: 8px;
    background: #FFFFFF url("../images/bg/suppcol_open.gif") top left no-repeat;
    width: 322px;
    padding: 25px 0px 0px 0px;
}

.suppopen #supportsbot {
    width: 322px;
    background: transparent url("../images/bg/suppcol_open_bot.gif") bottom left no-repeat;
}

.suppopen .sp_head {
    display: block;
}
.suppopen .sp_inner {
    display: block;
}

/*================================================================ */
/* Book Selection Screen */

.bookselect #sidebar {
    display: none;
}

.bookselect #mt_head {
    height: 115px;
    overflow: auto;
}

.bookselect #mt_inner {
    background-image: none;
    top: 135px;
}

.bookselect #mt_head img {
    position: absolute;
    top: 10px;
    left: 10px;
}
.bookselect #mt_head div {
    position: absolute;
    top: 5px;
    left: 105px;
    right: 0px;
    padding: 0px 7px 0px 0px;
}

.bookselect #mt_head h3 {
    margin: 0px 0px 0.1em 0px;
}

.bookselect .sp_inner h4 a {
    color: #F67B00;
    text-decoration: none;
}

.bookboxrow {
    /*width: 100%; */
    margin-top: 10px;
}
.bookboxrow:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
* html .bookboxrow {height: 1%;}

.dedication {
    margin: 6px;
    padding: 8px;
}

.bookbox {
    float: left;
    width: 30%;
    margin: 0px 1% 0px 0px;
    background: #E7EEF5;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.0em;
    color: #000000;
    text-decoration: none;
    padding: 5px;
}
.bookbox:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
* html .bookbox {height: 1%;}

.bookbox:hover {
    background: #ABC5DF;
}

.bookbox img {
    float: left;
    margin: 0px 5px 5px 0px;
}

/*================================================================ */
/* Book Cover Page - Level Selection */

.bookcover {
    background: #C6E5BA;
    padding: 7px;
    margin: 5px 0px 10px 0px;
}
.bookcover:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
* html .bookcover {height: 1%;}

.bookcover img {
    float: left;
    margin: 0px 9px 5px 0px;
}

.bookcover .icons {
    position: absolute;
    right: -35px;
}

.booklevelsel {
    background: #FDF3DE;
    margin: 0px;
    padding: 7px;
}
/*
.booklevelsel div {
     float: left;
     margin-right: 5px;
}
*/
.booklevelsel p {
    margin-bottom: 0.4em;
}
.booklevelsel img {
    vertical-align: middle;
    cursor: pointer;
}
.booklevelsel input {
    vertical-align: middle;
}

/*================================================================ */
/* Buttons */

.button1 {
    background: #6292C2;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #26619E;
    padding: 0px 5px;
    text-decoration: none;
}
.button1:hover {
    background: #26619E;
}

.button2 {
    background: #FCE1BE;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    color: #F67B00;
    border: 1px solid #F67B00;
    padding: 0px 5px;
    text-decoration: none;
}
.button2:hover {
    background: #F66500;
    color: #FCE1BE;
}


.button3 {
    background: #5BA13C;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #539132;
    padding: 0px 5px;
    text-decoration: none;
}
.button3:hover {
    background: #518C2F;
    color: #FFFFFF;
}

.buttonag {
    position: relative;
    background: #5BA13C;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #539132;
    padding: 0px 5px 0px 35px;
    text-decoration: none;
}
.buttonag:hover {
    background: #518C2F;
    color: #FFFFFF;
}

.buttonag img {
    position: absolute;
    bottom: 0px;
    left: 0px;
    vertical-align: bottom;
}

.buttonprint {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    color: #26619E;
    text-decoration: none;
}
.buttonprint img {
    vertical-align: text-bottom;
}

.buttonleft {
    float: left;
    text-align: left;
}

.buttonright {
    float: right;
    text-align: right;
}

/*================================================================ */
/* Image/Caption Layout */

.imgleft {
    clear: both;
    float: left;
    margin: 0px 7px 0px 0px;
}

.imgright {
    clear: both;
    float: right;
    margin: 0px 0px 0px 7px;
}

.imgcenter {
    clear: both;
    text-align: center;
    margin: 0px auto;
}

.ffimgclear {
    clear: both;
    content: ".";
    width: 100%;
    display: block;
    height: 0px;
    visibility: hidden;
}

.imgcaption {
    position: relative;
    background: #C7E5BA;
    font-size: 0.85em;
    color: #000000;
    text-align: left;
    padding: 3px;
    margin: 2px 0px 2px 0px;
    width: 100%;
}

.nocaption {
    position: relative;
    background: transparent;
    font-size: 0.85em;
    color: #000000;
    text-align: right;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.imgld {
    float: right;
    font-size: 0.9em;
    margin-left: 2px;
    vertical-align: text-top;
}

.nocaption .imgld {
    float: none;
    margin: 0px;
}



/*================================================================ */
/* Inline Items and Literary Devices */

.pulldown {
    font-size: 0.85em;
    background: #FFFFFF;
    border: 1px solid #000000;
    padding: 0px;
}

.glossword {
    color: #000000;
    text-decoration: underline;
}

.actlink {
    color: #F67B00;
    text-decoration: underline;
}

.ld {
    text-decoration: none;
    border: 0px;
}
.ld img {
    vertical-align: middle;
}

.ld_highlight {
    background: #FDD491;
    border: 1px dotted #DE4F3F;
    margin: 0px -1px 0px -1px;
}

.highlightText {
    background: #FDD491;
    border-top: 1px dotted #DE4F3F;
    border-bottom: 1px dotted #DE4F3F;
    margin: 0px;
}

/*================================================================ */
/* Feedback 'Window' */

.feedback {
    position: absolute;
    font-size: 0.9em;
    z-index: 10;
    display: none
}

.feedback h4 {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    color: #488030;
    padding: 0px;
    margin: 0px;
}

.feedback h4.top {
    /*
    position: relative;
    top: -20px;
    margin-bottom: -20px;
    */
}

.feedback .fb_head {
    position: relative;
    background: transparent url("../images/bg/modal_head.gif") top left no-repeat;
    width: 282px;
    height: 25px;
}

.feedback .fs_head {
    position: relative;
    background: transparent url("../images/bg/modal_head_speech.gif") top left no-repeat;
    width: 282px;
    height: 25px;
}

.feedback .fs_body {
    position: relative;
    background: #C4DCBA url("../images/bg/modal_bg_speech.gif") top left repeat-y;
    font-size: 0.9em;
    width: 268px;
    padding: 5px 7px 5px 7px;
}

.feedback .fs_caret {
    background: transparent url("../images/bg/modal_caret.gif") top left no-repeat;
    width: 282px;
    height: 25px;
}

.feedback .fb_head img, .feedback .fs_head img {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25px;
    height: 25px;
    z-index: 11;
}

.feedback .fb_body {
    position: relative;
    background: #C4DCBA url("../images/bg/modal_bg.gif") top left repeat-y;
    font-size: 0.9em;
    padding: 5px 7px 5px 7px;
    border-bottom: 1px solid #679751;
}

.feedback .fb_inner {
    background: #D9EDD3;
    padding: 5px;
}

.fb_table {
    width: 100%;
    font-size: 0.9em;
    border: 0px;
}
.fb_th {
    width: 50%;
    font-weight: bold;
    color: #000000;
    border-bottom: 1px dashed #488030;
    text-align: left;
    vertical-align: top;
}
.fb_td {
    font-weight: normal;
    color: #000000;
    border-bottom: 1px solid #C4DCBA;
    text-align: left;
    vertical-align: top;
}

.f_wrapper {
}

.f_scroll {
    overflow: auto;
/*    overflow-x: hidden;  */
    border-right: 1px solid #679751;
    border-bottom: 1px solid #679751;
    width: 281px;
}

.f_scroll .fs_body, .f_scroll .fb_body {
    width: 252px;
    border-bottom: 0px;
}

.f_scroll .buttonag {
    position: relative;
    top: 10px;
}

/*================================================================ */
/* Margin Icons */

.icons {
    position: absolute;
    right: 1px;
}

/*================================================================ */
/* MISC */

.poem {
    margin: 0px 0px 1.0em 20px;
}

.poemLine {
    margin-bottom: 0.5em;
/* ETR: This breaks other formatting (images, icons)
    padding-left: 3.0em;
    text-indent: -3.0em;
*/
}

.expand_close {
    display: none;
}

#emsize {
    visibility: hidden;
    position: relative;
    left: -9999px;
    font-size: 1.0em;
}

.clearboth {
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    clear: both;
}

#dragAgent1, #dragAgent2, #dragAgent3, #dragAgent4 {
    position: absolute;
    top: 150px;
    right: 50px;
}

.mediaObject {
    margin: 5mm;
}

.substMenuPassage {
    background: #D9EDD3;
    padding: 5px;
    font-size: 0.9em;
    border: 0px;
}

.temporary-archive-link { display:none; }