/* Layout the home page */
#navigation { width: 30%; float: right; }
#content.hasmenu { width: 65%; float: left; }
/* Style the various elements on a page */
#innerWrapper { border-top: 7px solid #398CD6; }

#content a { background-image: none; padding: 0; }
#content .box h2,
#content #details h3 { color: #555; font-size: 1.1em; padding: 0; margin-bottom: 0; }
#content #overview h2,
#content #details h2 { background: #FF7200; color: #FFF; font-size: 100%; padding: .1em .5em; }
#content #estimatedTimeOfCompletion strong { color: #555; }

div.contentItemBox { clear: both; }

/* Style the Metadata for a Lesson Plan */
#metadata { background: #EEE; border: 1px solid #CCC; font-size: 90%; margin-bottom: .5em; }
#metadata dl { margin: .5em 0 .5em .5em; }
#metadata dt { font-style: normal; font-weight: bold; }
#metadata dt.grades,
#metadata dt.subjects { float: left; padding-right: .5em; }
#metadata dd.grades { margin-left: 7.5em; }
#metadata dd.subjects { margin-left: 4.7em; }

#author { font-size: 90%; margin: 0 0 1.5em 1em; float: left; }
#last_modified { font-size: 90%; margin-right: 1em; float: right; }

#navigation .box { background: #F7EFF0; margin: 0; border-bottom: 1px solid #FFF; }
#navigation .box h1,
#navigation .box h2 { background: #E34585; color: #FFF; margin-top: 0; border-bottom: none; margin-bottom: 0; }

ul.icons li { margin: 0; padding-left: 30px; background: #F7EFF0 ; }
ul.icons li.comments { background: url(/images/icon_comments.gif) no-repeat 4px 5px; }
ul.icons li.lesson { background: url(/images/icon_lesson_small.gif) no-repeat 4px 5px; }
ul.icons li.email { background: url(/images/icon_email.gif) no-repeat 4px 5px; }
ul.icons li.support{ background: url(/images/icon_support.gif) no-repeat 4px 5px; }
ul.icons li.forms { background: url(/images/icon_form.gif) no-repeat 4px 5px; }
ul.icons li.book { background: url(/images/icon_book.gif) no-repeat 4px 5px; }
ul.icons li.video { background: url(/images/icon_video.gif) no-repeat 4px 5px; }
ul.icons li.tool { background: url(/images/icon_tool.gif) no-repeat 4px 5px; }
ul.icons a[href] { display: block; background: #EEDCDF; padding: 5px; text-decoration: none; }
ul.icons a:hover { text-decoration: underline; }
ul.icons li.more a { text-align: right; padding-top: 1em; padding-right: 1em; }

#comments.box { background: #FFF0E5; }
#comments ul.icons a { background: #FFE1C9; }

#keyword_search.box { background: #D2E9FF; padding-bottom: 10px; }
#keyword_search p { text-align: right; margin: 0; font-size: 90%; }
#keyword_search a { background: none; }
#keyword_search label { padding-left: 10px; font-weight: bold; }
#keyword_search #search { display: block; width: 90%; margin: 0 auto; }
#keyword_search #find { margin: 5px 0 0 140px; }

#related_videos p { background: #EEDCDF; margin: 0; margin-left: 30px; padding: .3em; font-weight: bold; font-size: 95%; }

.rollover_menu { position: relative; margin: 0; zoom: 1; }
.rollover_menu li { list-style: none; }
.rollover_menu a { display: block; width: 50%; padding: .5em 0; }
.rollover_menu .content { position: absolute; top: 0; right: 0; width: 49%; background: #CEE7FF; padding: .5em .75em; border: 1px solid #398CD6; }

#toc { margin: 0; list-style: none; }
#toc li { width: 33%; float: left; margin: 0 0 .25em 0; }
.section { clear: both; }
.section.first { margin-top: 1em; }
.section .header { font-size: 110%; }
table.showBy { width: 755px; margin: 0 0 1em 0; }
table.showBy th { font-weight: normal; text-align: left; vertical-align: top; }
table.showBy tr.even { background: #E7F3FF; }
table.showBy tr.odd { background: #F7FBFF; }
table.showBy td,
table.showBy th { padding: .2em .4em; }