#TJK_ToggleON,#TJK_ToggleOFF {display:none}



/* reset */
body, html, h1, h2, h3, p, ul, ol, li, div
{margin: 0;
padding: 0;}

:focus {outline: 0;}

/* usual suspects */
.clear-left {clear: left;}
.clear-right {clear:right;}
.clear {clear: both;}
.float-left {float: left;}
.float-right {float: right;}
.center {display: block; margin: 0 auto;}
img {border: 0;}

/* links */

a:link, a:visited, a:active {color: #e3840a;}
a:hover {color: #574a25;}

#footer a {color: #adac9e;}

/* structure */

body {background: #7d784a url('../img/bird-white.gif') center top;}

#wrapper {  /*for the header */
width: 100%; height: 165px;
top: 0;
background: #7d784a url('../img/bird.gif') top left no-repeat;
margin: 0px auto 20px auto;
}

#wrapper a {position: absolute; top: 0; left: 0;}

#header {height: 130px; width: 450px; /* background: transparent url(../img/title.gif) 0px 10px no-repeat; */}

#content-wrapper {position: relative;
margin: 0 auto;
text-align: left;
width: 919px;
}

#content {margin: 0 25px; padding-top: 0px;}

body#lesson #content {float: right; width:620px;}

body#lesson .narrow {width: 600px; padding-right: 20px; }

.bottom-links {padding: 0px 50px 20px 50px;}

#footer {background-color: #7d784a; padding: 20px 30px 20px 30px; font-size: .9em; text-align: center; margin-top: 30px; color: #434021; clear: both; border-right: 1px solid #7D784A;}


/* ads & sidebar box styles */	

.box {padding: 10px; margin-bottom: 15px;}
.green {background-color: #cdc623;}
.orange {background-color: #d08006;}
.ltgreen {background-color: #efecb7;}
.dashed {background-color: white; border: 2px dashed #574a25;}

.box h3, #story #content .box h3 {font-size: 1.6em; text-transform: none; padding-top: none; margin-top: none; font-family: georgia, "times new roman", serif;}

.green h3, .orange h3, .green a:link, .green a:visited {color: white;}
.ltgreen h3, #story #content .ltgreen h3 {color: #574a25;}
.box h1 {font-size: 1.8em;}






/* text and heading styles */

body {font-size: 62.5%;}

html {font-family: georgia, arial, helvetica, verdana, sans-serif;
font-size: 1.4em;}

h1 {font-family: georgia; font-weight: normal; font-size: 2em; color: #574a25;}

h2 {color: #7D784A; font-weight: normal; font-size: 1.4em; margin-top: 1.2em}

h3 {font-family: arial; text-transform: uppercase; font-size: 1.1em; color: #7D784A; font-weight: normal;
margin-bottom: .3em;}

.alt {font-style: italic;}
	
.dropcap {
font-size:300%; 
float:left;
line-height:.8em;
}

.readmore {font-style: italic;}

/* top navigation styles */
#topnav {border: 1px solid transparent;  position: relative; bottom:55px;}
ul#topnav { margin-bottom: 30px; padding-right: 30px;
}

ul#topnav li {float: right;
list-style-type: none;}

ul#topnav a { padding: 8px 8px 8px 8px; margin-left: 2px; text-decoration: none; display: block; font-size: 15px; font-style: italic;}
ul#topnav a:link, ul#topnav a:visited, ul#topnav a:active {background-color: #574a25; color: white;} 
#front ul#topnav li#front a, #lesson ul#topnav li#lessons a, #story ul#topnav li#stories a, #review ul#topnav li#reviews a {background-color: white; color: #574a25;}

ul#topnav a:hover {background-color: #cdc623; color:#574a25 }




/* LESSON MENU STYLES */

div#lesson-menu {width: 230px; margin-left: 15px; background-color: white; font-family: georgia; font-size: 1.1em;}
#lesson-menu ul { margin-left: 15px; }
#lesson-menu ul li {list-style-type: none; padding-bottom: 7px;}
#lesson-menu ul li a {color: #E3840A;}



/* lesson content styles */

#content li {margin: 1em 0 1em 2em;}
#content p {margin-top: .7em; margin-bottom: .7em;}

ul.alt-list2, ul.alt-list3  {
float: left;
margin: 15px 5px 15px 5px;
padding: 0;
}

ul.alt-list2 li, ul.alt-list3 li {
margin: 0; 
padding: 0;
list-style-type: none;
padding: 2px;}

ul.alt-list3 {width: 30%;}
ul.alt-list2 {width: 45%;}

table.alty {width: 80%; margin: 15px auto;}

table.alty tr.oddy, ul.alt-list2 li.oddy, ul.alt-list3 li.oddy {
background-color: #f4f4f4;
}

table.alty .eng {
padding-right: 0;}

table.alty td {padding: 3px;}

span.trans {font-style: italic;}

p.listen {background-color: #f0f0f0; padding: 10px; margin-bottom: 10px;}


/* did you like this? box */

.donate {background: #cdc623 url(../img/smallbird.gif) 98% 80% no-repeat; width: 770px; margin: 30px auto; padding: 30px;}
.donate h3 {font-size: 2.2em; text-transform: none; padding-top: none; margin-top: none; font-family: georgia, "times new roman", serif; color: white;}
.donate p, .donate li {font-size: 1.1em;}
.donate .text {width: 60%; float: left;}


/* review pages */

.review {margin: 30px auto; padding: 20px 20px 10px 15px;}
.pick {background: #cdc623 url(../img/smallbirfd.gif) 98% 80% no-repeat;}

.review h3 {font-size: 1.6em; text-transform: none; padding-top: none; margin-top: none; font-family: georgia, "times new roman", serif; font-weight: normal;}

.pick h3, .pick a {color: white; font-weight: normal;}

.review .box {display: block; float: left;}

.review h3, .review p {padding-left: 160px;}