#submidhead {background:none; width:675px;}
#submid {width:650px; margin-left:10px;}
#subleftnav {width:245px; background:url(/images/programsdirsubleft.jpg) no-repeat top #492B1A; padding-top:32px;}
#subleftnav.lessonplans{background-image:url(/images/lessonplansdirsubleft.png);}
div#subleftnavrep {background:url(/images/programsdirsubleftrep.gif) no-repeat bottom left; padding-top:7px; padding-left:12px; overflow:hidden; display:block;}
div#subleftnavrep h2 {font-size:12px; font-weight:bold; color:#492B1A; float:left; padding-top:2px; margin-bottom:5px;}
div#subleftnavrep input.search {border:1px solid #482B19; display:block; float:left; height:17px; width:134px; margin-left:5px;}
#subleftnav ul {margin-top:15px;}
#subleftnav ul li {	background:transparent url(/images/subleftnavbrownarrow.jpg) no-repeat scroll left center;}
#subleftnavbot {background:url(/images/programssubleftbot.jpg) no-repeat; width:245px; height:5px; position:relative;}
div.programs{clear:both; zoom:1; padding-left:15px; margin-top:5px; margin-left:1px;}
div.programs label{width:200px; height:20px; padding-left:5px; font-size:11px; color:#492B1A; vertical-align:middle;}
div.check {width:105px; float:left; display:block; margin-bottom:5px;}
div.checklong{width:200px; float:none; clear:both; display:block; }
div.top {font-weight:bold; clear:both; float:none; width:200px;}
div.searchbottompage {background:url(/images/programsdirnav-top.gif) no-repeat top left; width:678px; min-height:1%; zoom:1}
div.searchtoppage{background:url(/images/programsdirnav-bottom.gif) no-repeat bottom left #EDECDA; width:678px;}
div.searchbottompage p.left {font-size:11px; font-weight:bold; color:#492B1A; float:left; padding-left:15px; width:300px; margin-top:6px;}
div.searchbottompage p.right {font-size:11px; font-weight:bold; color:#492B1A; float:right; padding-right:15px; text-align:right; width:300px; margin-top:1px;}
div.searchbottompage:after{ content: ""; display: block; height: 0; clear: both; }

div.emailicon {margin-right:10px;}
div.program {display:block; clear:both; padding-top:10px; padding-left:10px;}
div.last-program{margin-bottom:20px;}
div.program span.number {float:left; width:20px; font-size:12px; font-weight:bold; color:#000;	margin:3px 5px 0 -5px;}
div.program span.title a {font-size:16px; font-weight:bold; color:#4C7B28; text-decoration:none;}
div.program span.orgname a {font-size:11px; font-weight:bold; color:#0071BC; margin-left:20px; display:block; clear:block; text-decoration:none;}
div.program span.title a:hover, div.program span.orgname a:hover {text-decoration:underline;}
div.program span.summary {font-size:12px; font-weight:normal; line-height:130%; color:#000; display:block; clear:block; margin-left:20px;}
div.program span.aud {display:block; clear:both; margin-left:20px;}
div.program span.curr {display:block; clear:both; margin-left:20px;}
input.submit {display:block; clear:both; margin-left:120px; padding-top:10px; padding-bottom:10px;}
div.pp {display:block; clear:both;	margin-bottom:10px;	background:url(/images/programdirrightlight.jpg) no-repeat 3px 3px; padding-left:15px; margin-top:5px; margin-left:1px; zoom:1}
div.pp input {padding-top:2px; margin-right:3px; line-height:150%;}
div.pp label {font-weight:bold; color:#492B1A; font-size:11px; height:10px; vertical-align:bottom;}
div.pp span.title a {display:block; clear:both; color:#0071BC; font-size:11px;}
div.pp span.updated {clear:both; display:block; font-size:11px; color:#666;}
div#onlyprog {display:block; clear:both; padding-left:15px; margin-top:5px; margin-left:1px;}
div#onlyprog label {font-size:11px; color:#492B1A; padding-left:5px;}
span.listed {display:block;	clear:both;	font-style:italic; font-size:11px;	color:#666;	margin-top:5px;	margin-left:10px;}
div.check input, div#onlyprog input {vertical-align:middle; height:20px;}
div.pp input {vertical-align:top;}
.open, .closed{margin-left:-14px; display: block; width: 10px; height:15px; cursor:pointer; margin-bottom:-10px; background:url(/images/programsdirdownarrow.jpg) no-repeat bottom left;}
.closed {background:url(/images/programdirrightarrow.jpg) no-repeat bottom right; margin-bottom:-15px;}
div#TB_ajaxContent h2 {font-size:14px; font-weight:bold; color:#482d1a; margin-top:15px; margin-bottom:5px; display:block; clear:both;}
div#TB_ajaxContent div {display:block; float:left; padding-bottom:10px; width:350px;}
div#TB_ajaxContent label {padding-left:3px; vertical-align:top; top:-2px;}
a.thickbox{color:#0071BC; text-decoration:none;}
a.thickbox:hover{text-decoration:underline;}
ul.directories li a{font-size:12px; font-weight:bold; color:#F7F4EB;}
.uyp{float:left;}
*:first-child+html div#TB_ajaxContent label{top:5px}
* html div#TB_ajaxContent label{top:5px}
.dn {display:none;}

/*Lesson Plans */
#left-col{float:left; width:245px;}
#left-col #subleftnav{float:none;}
#featured-lessons{ margin-top:11px; background:#DDEEFE;}
#featured-lessons h2{background:url(/images/lesson-plans/featured-lessons.png) no-repeat 0 0 #2F6294; color:#FFF; font-size:15px; font-weight:bold; padding:6px 0 6px 11px; margin-bottom:14px;}
#featured-lessons dl{padding:0 16px 10px 10px;}
#featured-lessons dt a{font-size:12px; font-weight:bold; color:#4C7B28; line-height:1.3; text-decoration:none; padding-right:10px;}
#featured-lessons dt a:hover{text-decoration:underline;}
#featured-lessons dd {font-size:11px; font-weight:bold; font-style:italic; color:#666; line-height:1.5; background:url(/images/lesson-plans/lesson-border.png) repeat-x 0 100%; padding-bottom:10px; padding-right:10px; margin-bottom:12px;}
#featured-lessons dd.last {background:none; margin-bottom:0;}
.upload-lesson{display:block; width:140px; height:24px; background:url(/images/lesson-plans/upload-your-lesson.png) no-repeat 0 0; text-indent:-9999px; float:left; margin-top:-10px;}
div.program span.art-form{display:block; margin-left:20px;}
#lesson-summary{background:url(/images/lesson-plans/lesson-summary-top.png) no-repeat 0 0 #C8E3FD;padding:11px 15px; }
#lesson-summary-bottom{background:url(/images/lesson-plans/lesson-summary-bottom.png) no-repeat 0 100%; margin-top:15px;}
#lesson-summary h2{color:#492B1A; font-size:16px; font-weight:bold; background:url(/images/lesson-plans/lesson-dots.png) no-repeat 0 100%; padding-bottom:6px; }
#lesson-summary p{margin-top:12px; font-size:12px; line-height:1.3;}
#lesson-summary #average-rating{background:url(/images/lesson-plans/lesson-summary-review2.png) no-repeat 0 0;width:201px; height:47px; padding:8px 11px; margin-top:14px;}
#lesson-summary #average-rating strong{font-size:12px; font-weight:bold;}
#lesson-summary #average-rating .read-reviews{display:block; text-indent:-9999px; width:97px; height:18px; background:url(/images/lesson-plans/read-reviews.png) no-repeat 0 0; float:right; margin-top:8px;}
#lesson-summary #average-rating .ratings{width:auto; margin-left:0; height:auto; display:inline;}

#submidhead.lesson-plan{background:url(/images/subheadbot.jpg) repeat-x 0 100%;}
#submidhead.lesson-plan h1{background:url(/images/caahead.jpg) no-repeat 0 50%; color:#492B1A;}

#submid .lesson-plan h2{margin-bottom:0;}
a.pdf{background:url(/images/pdf.jpg) no-repeat 0 1px; padding:0 0 2px 20px;}
a.word{background:url(/images/worddoc.jpg) no-repeat 0 1px; padding: 0 0 2px 20px;}
div.photos img{border:1px solid #8B7D6C; margin-right:14px;}

#submid ul.documents li{margin-bottom:4px;}
#submid ul.documents li a{color:#0071BC; font-size:12px; font-weight:bold; text-decoration:none;}
#submid ul.documents li a:hover{text-decoration:underline;}

/*ratings*/
.program .ratings {float: right;	width: 85px; height: 13px; margin: 6px 10px 6px 0px;}
.ratingTitle {float: left; width: 100px; font-size: 11px; font-weight: bold; color: #492B1A;}
.filledRatingStar {background-image: url(/images/starFilled.png);}
.emptyRatingStar {	background-image:url(/images/starEmpty.png);}
.ratingStar {float: left; background-repeat: no-repeat; cursor: pointer; display: block; font-size: 0pt; height: 13px; padding: 0px; margin: 0px; margin-right: 3px; width: 13px;}
.reviewsWrapper {width: 492px;padding: 0px;margin: 0px;margin-top: 30px;}
.reviewsWrapper:after {clear: both; display: block; height: 0; content: "."; visibility: hidden}
.reviewsHeader {float: left;width: 492px;padding: 0px;padding-bottom: 8px;margin: 0px;background: url(/images/reviewsHeader.jpg) no-repeat top #EDEBDF;}
.reviewsHeader h1 {float: left;font-family: Arial, Helvetica, sans-serif;font-size: 16px;color: #492B1A;font-weight: bold;margin-left: 13px;padding-top: 5px;}

/*star rating system*/
.ratingsWrapper {float: right;width: 220px;text-align: right;margin: 6px;}
.yourRating {float: left;text-align: left;margin-left: 15px;}
.yourRatingSection {float: left;clear: both;width: 470px;margin-bottom: 3px;}
.yourRatingSection textarea {width: 361px;height: 122px;border: 1px solid #492B1A;}
.ratings {float: right;display: block;width: 85px;height: 13px;margin-left: 10px;}
.yourRatingSection .ratings {float: left;width: 85px;height: 13px;margin: 6px 10px 6px 0px;}
.submitReviewBtn {float: right;display: block;width: 65px;height: 18px;background: url(/images/submitReviewBtn.jpg) no-repeat 0 0;text-indent: -9999px;border: none;margin-top: 6px;cursor: pointer;}
.clearReviewBtn {float: right;display: block;width: 56px;height: 18px;background: url(/images/clearReviewBtn.jpg) no-repeat 0 0;text-indent: -9999px;border: none;margin-top: 6px;margin-left: 12px;margin-right: 7px;cursor: pointer;}
.reviewsBody .ratings {float: left;width: 85px;height: 13px;margin: 6px 10px 6px 0px;}
.ratingTitle {float: left;width: 100px;font-size: 11px;font-weight: bold;color: #492B1A;}
.filledRatingStar {background-image: url(/images/starFilled.png);}
.emptyRatingStar {background-image:url(/images/starEmpty.png);}
.ratingStar {float: left;background-repeat: no-repeat;cursor: pointer;display: block;font-size: 0pt;height: 13px;padding: 0px;margin: 0px;margin-right: 3px;width: 13px;}
.reviewsBody {float: left;width: 480px;background: #faf9f5;padding-left: 12px;}
.reviewsBody .reviewTitle {float: left;width: 350px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #8F5212;font-weight: bold;margin: 0px;margin-top: 6px;padding: 0px;}
.reviewsBody .reviews h4 {float: left;clear: both;font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #666;font-weight: bold;margin: 0px;padding: 0px;}
.reviewer {float: left;clear: both;width: 470px;font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #666;font-weight: bold;margin: 4px 0px;padding: 0px;}
#submid .reviewsBody p {float: left;clear: both;width: 470px;line-height: 150%;}
.reviewsFooter {float: left;width: 492px;height: 28px;background: url(/images/reviewsBottom.jpg) no-repeat bottom #EDEBDF;}
.review {float: left;width: 470px;margin-top: 8px;margin-bottom: 15px;}
.response {float: left;width: 452px;background: url(/images/responseBottom.jpg) no-repeat bottom #DFF1FF;}
.responseTitle {background: url(/images/responseHeader.jpg) no-repeat top #DFF1FF;color: #1E4E77;font-size: 14px;font-weight:bold;margin-top: 0px;margin-left: 0px;padding-left: 12px;padding-top: 18px;}
#submid .response p {float: left;clear: both;width: 430px;line-height: 150%;margin: 0px 10px 0px 12px;padding-bottom: 12px;color: #333;}
.reviewDivider {float: left;width: 492px;height: 5px;background: url(/images/reviewsDivider.jpg) no-repeat;margin: 0px;}
/*JQuery css related*/
.slide {margin: 0;padding: 0;}
.slide a:hover {color: #525252;text-decoration: none;}
.btn-slide {background: url(../images/arrowBlueRotate.png) 0 6px no-repeat;height: 25px;display: block;color: #525252;text-decoration: none;}
.form-slide {float: right;clear: both;display: block;background: url(/images/writeAReview.jpg) no-repeat 0px 4px;color: #525252;text-decoration: none;width: 107px;height: 24px;text-indent: -9999px;margin-left: 5px;padding-right: 12px;margin-bottom: 0px;margin-top: -8px;outline: none;border: none;}
.writeReviewBtn {outline: none;border: none;}
.reviewBtn {float: left;clear: both;background: url(/images/readMoreLess.jpg) no-repeat 0px 4px;display: block;color: #525252;text-decoration: none;width: 70px;text-indent: -9999px;margin: 5px 5px 2px 5px;padding: 5px 5px 0 5px;outline: none;border: none;cursor: pointer;}
.btnSwitch {background-position: 0 -20px; /*100% also worked*/outline: none;border: none;}
.expand {float: right;clear: both;background: url(/images/readAllReviewsLess.jpg) no-repeat 0px 4px;display: block;color: #525252;text-decoration: none;width: 132px;text-indent: -9999px;margin-left: 5px;margin-right: 1px;margin-top: 3px;padding: 5px;outline: none;border: none;cursor: pointer;}
.btnSwitch2 {background-position: 0 -20px; outline: none;border: none;}
.readMore {float: left;clear: both;width: 450px;margin-bottom: 15px;display: none;}
.active {background-position: 0 -20px; outline: none;border: none;}
.active2 {background-position: 0 -10px; outline: none;border: none;}
.activeForm {background: url(../images/arrowX.png) 95% -30px no-repeat;}
.reveal {float: left;clear: both;width: 450px;margin-bottom: 15px;display: none;}
.test {float: left;width: 550px;height: 400px;background: #FF00FF;padding: 0px;margin: 0px; margin-top: 30px;}
.beFirstWrapper {float: left;width: 250px;margin-left: 15px;	margin-top: 15px;}
.beFirst {float: left;	display: none;	width: 250px;	font-size: 12px;	color: #1E4E77;	font-weight: bold;}
.displayText {display: block;}