body {background: #123 url(../images/bg-body.jpg) repeat-x; color: #777;}
#otherSitesLeft {background: url(../images/bg-otherSitesLeft.jpg) repeat-y;}
#otherSitesLeft #otherSitesRight {background: url(../images/bg-otherSitesRight.jpg) repeat-y 100% 0;}
#otherSitesLeft #otherSitesRight ul#otherSites {background: url(../images/bg-otherSites.jpg) repeat-y; width: 960px; margin: 0 auto 10px auto; padding: 5px 0; position: relative; font-size: 1em; text-align: right;}
#otherSitesLeft #otherSitesRight ul#otherSites li {color: #def; font-weight: bold; list-style: none; display: inline;}
#otherSitesLeft #otherSitesRight ul#otherSites li a {color: #def; margin: 0 4px; font-weight: bold; text-transform: uppercase;}
#otherSitesLeft #otherSitesRight ul#otherSites li a:hover {color: #fff; text-decoration: none;}
#wrap {width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {color: #fff; height: 190px; position: relative; z-index: 9999;}
.courses #header {background: url(../courses/images/bg-header.jpg) no-repeat 0 65px;}
.course162 #header,.course167 #header,.course232 #header {background: url(../courses/images/bg-header-1-woman.jpg) no-repeat 0 65px;}
.course164 #header,.course176 #header,.course179 #header {background: url(../courses/images/bg-header-2-fishing.jpg) no-repeat 0 65px;}
.course163 #header,.course168 #header,.course173 #header {background: url(../courses/images/bg-header-3-preaching.jpg) no-repeat 0 65px;}
.course160 #header,.course169 #header,.course175 #header {background: url(../courses/images/bg-header-4-bible.jpg) no-repeat 0 65px;}
.course166 #header,.course172 #header,.course178 #header {background: url(../courses/images/bg-header-5-grandpa.jpg) no-repeat 0 65px;}
.course170 #header,.course177 #header {background: url(../courses/images/bg-header-6-man.jpg) no-repeat 0 65px;}
.course159 #header,.course165 #header,.course180 #header {background: url(../courses/images/bg-header-7-men.jpg) no-repeat 0 65px;}
.course161 #header,.course171 #header,.course233 #header {background: url(../courses/images/bg-header-8-studying.jpg) no-repeat 0 65px;}
.spreadtheword #header {background: url(../spreadtheword/images/bg-header.jpg) no-repeat 0 65px;}
.subscribe #header {background: url(../subscribe/images/bg-header.jpg) no-repeat 0 65px;}
.contact #header {background: url(../contact/images/bg-header.jpg) no-repeat 0 65px;}
.utility #header {height: 65px;}
#header h2 a {background: url(../images/logo.gif) no-repeat; width: 134px; height: 54px; display: block; position: absolute; text-indent: -9999px; overflow: hidden;}
#header a#backtohomepage {width: 173px; height: 71px; top: 92px; left: 57px; position: absolute; display: block;}
.utility #header a#backtohomepage {height: 0;}
#header ul#headerNav {width: 367px; height: 55px; margin: 0 0 10px 0; position: relative; z-index: 999;}
.utility #header ul#headerNav {margin: 0 0 0 140px;}
#header ul#headerNav li {background-repeat: no-repeat; height: 55px; top: 0px; list-style: none; display: inline;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -55px;}
#header ul#headerNav li a {background: transparent; height: 55px; left: 0; position: absolute; display: block; text-indent: -9999px; overflow: hidden;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#cs {background-image: url(../images/headerNav-cslnk.gif); width: 77px; left: 0px; position: absolute;}
.courses #header ul#headerNav li#cs {background-position: 0 -55px;}
#header ul#headerNav li#cs a#cslnk {width: 77px;}
#header ul#headerNav li#sd {background-image: url(../images/headerNav-sdlnk.gif); width: 131px; left: 77px; position: absolute;}
.spreadtheword #header ul#headerNav li#sd {background-position: 0 -55px;}
#header ul#headerNav li#sd a#sdlnk {width: 131px;}
#header ul#headerNav li#se {background-image: url(../images/headerNav-selnk.gif); width: 84px; left: 208px; position: absolute;}
.subscribe #header ul#headerNav li#se {background-position: 0 -55px;}
#header ul#headerNav li#se a#selnk {width: 84px;}
#header ul#headerNav li#ct {background-image: url(../images/headerNav-ctlnk.gif); width: 75px; left: 292px; position: absolute;}
.contact #header ul#headerNav li#ct {background-position: 0 -55px;}
#header ul#headerNav li#ct a#ctlnk {width: 75px;}
#header ul#utilityNav {background: url(../images/bg-utilityNav.gif) no-repeat; width: 251px; height: 49px; padding: 6px 0 0 342px; top: 0px; left: 367px; position: absolute;}
#header ul#utilityNav li {list-style: none; display: inline;}
#header ul#utilityNav li a {height: 19px; margin: 0 2px 4px 195px; display: block; text-indent: -9999px; overflow: hidden;}
#header ul#utilityNav li a#heutlnk {background-image: url(../images/utilityNav-helnk.gif); width: 46px;}
#header ul#utilityNav li a:hover {background-position: 0 -19px;}
#header ul#utilityNav li#searchBox {margin: 0 0 0 45px; display: block; clear: left;}
#header ul#utilityNav li#searchBox input#txtSearch {color: #999; width: 168px; height: 1.2em; padding: 2px 3px 3px 3px; font-size: 1em; border: 1px solid #fff; float: left;}
#header ul#utilityNav li#searchBox button {background: url(../images/button-search.gif) no-repeat; width: 18px; height: 19px; display: block; float: left;}
#header #headerQuote {background: #fff url(../images/bg-testimonial.gif) no-repeat 0 4px; width: 155px; height: 85px; margin: 0 0 0 755px; padding: 22px 25px; font-size: 1.1em; line-height: 1.27; font-style: italic; font-weight: bold; text-align: center; overflow: hidden;}
.courses #header #headerQuote {font-size: 1.1em; line-height: 1.27;}
.spreadtheword #header #headerQuote {font-size: 1.3em; line-height: 1.31;}
.subscribe #header #headerQuote {font-size: 1.5em; line-height: 1.13;}
.contact #header #headerQuote {}
.utility #header #headerQuote {display: none;}

/**************************************************content area********************************************/
#content {background: #fff url(../images/bg-content.gif) repeat-y 755px 0; position: relative;}/*see ie.css for fixes*/
.courses #content {}
.spreadtheword #content {}
.subscribe #content {}
.contact #content {}
.search #content {}
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {width: 750px; min-height: 600px; position: relative; float: left;}/*see ie.css for fixes*/
.utility #main {background: #fff; width: 960px; padding: 0 0 40px 0;}
#main a,#main a:link,#main a:visited,#main a:active,#main a:hover	{font-weight: bold;}
#main ul#breadcrumbs {top: 4px; right: 0; position: absolute; text-align: right;}
#main ul#breadcrumbs li {color: #ccc; list-style: none; display: inline}
#main ul#breadcrumbs li a {color: #ccc; font-weight: bold;}
#main ul#breadcrumbs li a:hover {}

/*My Classroom Banners*/
#main div.myClassroom {background: url(../courses/images/banner-my_classroom.gif) no-repeat; width: 746px; height: 81px; margin: 4px 0 0 4px; position: relative;}
#main div.myClassroom p.welcome {color: #58534d; margin: 0 50px 0 0; padding: 15px 0 0 0; text-align: right;}
#main div.myClassroom span.logout a {background: #58534d; color: #fff; margin: 0 0 0 10px; padding: 4px 8px; font-size: .91em; text-transform: uppercase; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em;}
#main div.myClassroom span.logout a:hover {background: #fff; color: #58534d; text-decoration: none;}
#main div.myClassroom ul#myClassroomNav {top: 48px; left: 295px; position: absolute; clear: both;}
#main div.myClassroom ul#myClassroomNav li {margin: 0; list-style: none; display: inline;}
#main div.myClassroom ul#myClassroomNav li a {background: #918e8c url(../courses/images/bg-myClassroomNav-li.gif) repeat-x; color: #fefefe; margin: 0 4px; padding: 10px 15px; font-weight: bold; display: block; float: left; -moz-border-radius: .5em .5em 0 0; -webkit-border-radius: .5em .5em 0 0; border-radius: .5em .5em 0 0;}
#main div.myClassroom ul#myClassroomNav li a:hover,#main .myClassroom ul#myClassroomNav li a.selected {background: #fff; color: #58534d; text-decoration: none;}
#main #login.myClassroom {background: url(../courses/images/banner-my_classroom-login.gif) no-repeat; width: 746px; height: 171px; margin: 4px 0 0 4px; position: relative;}
#main #login.myClassroom form {margin: 0 0 0 295px; padding: 64px 0 0 0; position: relative;}
#main #login.myClassroom form input {color: #999; margin: 0 0 5px 0; font-size: 1em; border: 1px solid #fff;}
#main #login.myClassroom form input#btnSubmit {background: transparent; width: 18px; height: 19px; top: 87px; left: 156px; position: absolute; display: block; cursor: pointer; border: none; text-indent: -9999px; overflow: hidden;}
#main #login.myClassroom h4#button-register a {width: 119px; height: 26px; top: 31px; left: 515px; position: absolute; display: block; text-indent: -9999px; overflow: hidden;}
#main #login.myClassroom h4#button-register a:hover {background: url(../images/button-register.gif) no-repeat;}
#main #login.myClassroom h4#button-learnMore a {width: 127px; height: 15px; top: 123px; left: 526px; position: absolute; display: block; text-indent: -9999px; overflow: hidden;}
#main #login.myClassroom h4#button-learnMore a:hover {background: url(../images/button-learn_more.gif) no-repeat;}
#main #learnMore.myClassroom {background: url(../courses/images/banner-my_classroom-learn_more.gif) no-repeat; width: 746px; height: 171px; margin: 4px 0 0 4px; position: relative;}
#main #learnMore.myClassroom h4 {margin: 0;}
#main #learnMore.myClassroom h4#button-register a {width: 194px; height: 153px; top: 18px; left: 502px; position: absolute; display: block; text-indent: -9999px; overflow: hidden;}
#main #learnMore.myClassroom h4#button-register a:hover {background: url(../courses/images/button-my_classroom-register.gif) no-repeat;}
#main #learnMore.myClassroom h4#button-learnMore a {width: 194px; height: 153px; top: 18px; left: 282px; position: absolute; display: block; text-indent: -9999px; overflow: hidden;}
#main #learnMore.myClassroom h4#button-learnMore a:hover {background: url(../courses/images/button-my_classroom-learn_more.gif) no-repeat;}
#main #freeRegistration.myClassroom {background: url(../courses/images/banner-my_classroom-free_registration.gif) no-repeat; width: 746px; height: 81px; margin: 4px 0 0 4px; position: relative;}
/*End My Classroom Banners*/

#main #contentContainer {margin: 55px 52px 55px 53px; line-height: 1.59; font-size: 1.16em;}
.utility #main #contentContainer {margin: 55px 35px 55px 35px;}
#main #contentContainer a	{font-weight: bold;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main a img {border: none;}
#main h3.section {height: 0; width: 0; overflow: hidden; position: absolute;}
.utility #main h3 {background: #8b8581 url(../images/bg-h3-bottom.gif) no-repeat 0 100%; width: 890px; margin: 0 0 25px 0; font-weight: bold; font-size: 1.7em;}
.utility #main h3 strong {background: url(../images/bg-h3-top.gif) no-repeat; width: 870px; color: #fff; padding: 0px 10px; display: block;}
#main h4 {margin: 0 0 15px 0; font-weight: bold; font-size: 1.3em; text-transform: uppercase;}
.courses #main h4 {color: #58534d;}
.spreadtheword #main h4 {color: #a5a;}
.subscribe #main h4 {color: #e72;}
.contact #main h4 {color: #c04;}
#main h5 {color: #777; margin: 0; font-size: 1em; text-transform: uppercase;}
#main p {margin: 0 0 15px 0;}
#main ul {margin: 0 0 15px 20px;}
#main ol {margin: 0 0 15px 30px;}
#main ul li {margin: 0 0 10px 0;}
#main ol li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 0 0 15px 0;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}
#main blockquote {margin: 0 50px; text-align: center;}
#main table {width: 645px; margin: 0 0 20px 0; border: 1px solid #3c6682;}
#main table thead tr th, #main table tfoot tr td {background: #3c6682; color: #fff; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody tr td {padding: 5px 10px; border-bottom: 1px solid #3c6682; vertical-align: middle;}
#main hr {margin: 20px 0;}
a.grunt-file-pdf {background: url(../app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc {background: url(../app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt {background: url(../app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls {background: url(../app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt {background: url(../app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}
/*special layouts*/
.courses ul#courseList {margin: 1em 0 15px 0;}
.courses ul#courseList:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
.courses ul#courseList li {width: 115px; height: 16em; margin: 0 0 0 60px; list-style: none; display: block; float: left; text-align: center;}
.courses ul#courseList li.newRow {margin: 0; clear: left;}
.courses ul#courseList li img {border: none;}
.courses ul#courseList li h4 {margin: 0; font-size: 1.1em; line-height: 1;}
.courses ul#courseList li p {line-height: 1;}
.courses #meta-info {background: url(../courses/images/bg-meta-info.gif) no-repeat 0 100%; width: 645px; margin: 0 0 5px 0; padding: 0 0 20px 0;}
.courses #meta-info:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
.courses #main #meta-info div {margin: 0 25px 0 30px; float: left;}
.courses #main #meta-info div img {margin: 0 0 10px 0;}
.courses #main #meta-info div ul {margin: 0;}
.courses #main #meta-info div ul li {list-style: none; display: inline;}
.courses #main #meta-info div ul li a {width: 113px; height: 35px; margin: 0 0 5px 0; display: block; text-indent: -9999px; overflow: hidden;}
.courses #main #meta-info div ul li a#button-course-podcast {background: url(../courses/images/button-subscribe_to_podcast.gif) no-repeat;}
.courses #main #meta-info div ul li a#button-course-podcast:hover {background-position: 0 -35px;}
.courses #main #meta-info div ul li a#button-tech-support {background: url(../courses/images/button-tech_support.gif) no-repeat; width: 112px; height: 27px;}
.courses #main #meta-info h3 {color: #58534d; margin: 0 20px 20px 170px; font-size: 1.64em; text-transform: none;}
.courses #main #meta-info h4 {color: #777; margin: 0 20px 0 170px; font-size: 1em; text-transform: uppercase;}
.courses #main #meta-info p {margin: 0 35px 15px 170px;}
.courses #main #meta-info p#courseSyllabus a {background: url(../courses/images/button-download_course_syllabus.gif) no-repeat; width: 195px; height: 29px; display: block; text-indent: -9999px; overflow: hidden;}
.courses #main #mp3playerWrap {background: #344556 url(../courses/images/bg-mp3player.gif) no-repeat; margin: 0 0 5px 0; padding: 0 0 0 30px;}
.courses #main #mp3playerWrap:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
.courses #main #mp3playerWrap #mp3player {width: 350px; margin: 0; padding: 45px 0; float: left;}
.courses #main #mp3playerWrap #mp3player #audioplayer_1 {margin: 0;}
.courses #main #mp3playerWrap #mp3playerInfo {background: #49708b url(../courses/images/bg-mp3playerInfo.gif) no-repeat; width: 195px; margin: 0 20px; padding: 15px 0; text-align: center; float: right; border-bottom: 2px solid #344556;}
.courses #main #mp3playerWrap #mp3playerInfo p#bannerPopup a {background: url(../courses/images/banner-mp3playerInfo-popup.gif) no-repeat; width: 183px; height: 57px; margin: 0 0 0 5px; display: block; text-indent: -9999px; overflow: hidden;}
.courses #main #mp3playerWrap #mp3playerInfo p#bannerPopup a:hover {background-position: 0 -57px;}
.courses #main #mp3playerWrap h4 {color: #fff; margin: 0 0 5px 0;}
.courses #main #mp3playerWrap p {color: #fff; margin: 0; font-size: 1.09em;}
.courses #main table.mp3Info {width: 645px; margin: 0; border: none;}
.courses #main table.mp3Info thead tr th {background: #ccc; color: #fff; padding: 5px 10px; text-align: left; vertical-align: bottom;}
.courses #main table.mp3Info thead tr th.col3 {text-align: center;}
.courses #main table.mp3Info thead tr th.col4 {text-align: center;}
.courses #main table.mp3Info tbody tr.even {background: #eee;}
.courses #main table.mp3Info tbody tr.odd {background: #fff;}
.courses #main table.mp3Info tbody tr td {padding: 2px 10px; border-bottom: none; vertical-align: top;}
.courses #main table.mp3Info tbody tr td.col3 {width: 55px; text-align: center;}
.courses #main table.mp3Info tbody tr td.col4 {width: 55px; text-align: center;}
.courses #main table.mp3Info tbody tr td.col5 {width: 77px;}
.courses #main table.mp3Info tbody tr td.col6 {width: 77px;}
.courses #main table.mp3Info tbody tr td a.button-download {background: url(../courses/images/button-download.gif) no-repeat; width: 77px; height: 26px; margin: 0; display: block; text-indent: -9999px; overflow: hidden; clear: both;}
.courses #main table.mp3Info tbody tr td a.button-download:hover {background-position: -77px 0;}
.courses #main table.mp3Info tbody tr td a.button-listen {background: url(../courses/images/button-listen.gif) no-repeat; width: 48px; height: 26px; margin: 0; display: block; text-indent: -9999px; overflow: hidden; float: left;}
.courses #main table.mp3Info tbody tr td a.button-listen:hover {background-position: -48px 0;}
.courses #main table.mp3Info tbody tr td a.button-playing {background: url(../courses/images/button-playing.gif) no-repeat; width: 48px; height: 26px; margin: 0; display: block; text-indent: -9999px; overflow: hidden; float: left;}
.courses #main table.mp3Info tbody tr td a.listenPopup {background: url(../courses/images/button-listen_popup.gif) no-repeat; width: 29px; height: 26px; margin: 0; display: block; text-indent: -9999px; overflow: hidden; float: left;}
.courses #main table.mp3Info tbody tr td a.listenPopup:hover {background-position: -29px 0;}
.courses #main #registerNowOverlay {background: url(../courses/images/bg-overlay.png); padding: 0 20px; position: absolute; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em;}
.courses #main #registerNowOverlay #registerNow {background: #fff; color: #876; width: 307px; margin: 30% auto 0; padding: 20px 35px; position: relative; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em;}
.courses #main #registerNowOverlay #registerNow h4 a {background: url(../courses/images/title-register_now.gif) no-repeat; width: 198px; height: 20px; margin: 0 0 10px 54px; display: block; text-indent: -9999px; overflow: hidden;}
.courses #main #registerNowOverlay #registerNow h4 a:hover {background-position: 0 -20px;}
.courses #main #registerNowOverlay #registerNow hr {margin: 0 0 20px 0; border: solid #eed; border-width: 1px 0 0 0;}
.courses #main #registerNowOverlay #registerNow span.free {background: url(../courses/images/button-free.png) no-repeat; width: 71px; height: 72px; top: -20px; left: -20px; position: absolute; display: block; text-indent: -9999px; overflow: hidden;}
.utility #main #innerWrap {width: 577px; float: left;}
.utility #main #myClassroom {background: url(../images/bg-sidebar-my_classroom.gif) no-repeat; width: 308px; height: 326px; margin: -25px 5px 0 0; float: right;position: relative;}
.utility #main p.learnMore a {background: url(../whatismyclassroom/images/button-learn_more.gif) no-repeat; width: 212px; height: 72px; top: 23px; left: 82px; position: absolute; display: block; text-indent: -9999px; overflow: hidden;}
.utility #main p.learnMore a:hover {background-position: 0 -72px;}
.utility #main p.register a {background: url(../whatismyclassroom/images/button-register.gif) no-repeat; width: 199px; height: 92px; top: 107px; left: 109px; position: absolute; display: block; text-indent: -9999px; overflow: hidden;}
.utility #main p.register a:hover {background-position: 0 -92px;}
.utility #main p.registerSuggested a {background: url(../whatismyclassroom/images/button-suggested-register.gif) no-repeat; width: 222px; height: 93px; top: 13px; left: 86px; position: absolute; display: block; text-indent: -9999px; overflow: hidden;}
.utility #main p.registerSuggested a:hover {background-position: 0 -93px;}
.utility #main p.learnMoreMyClassroom a {background: url(../whatismyclassroom/images/button-learn_more_about_classroom.gif) no-repeat; width: 208px; height: 58px; top: 22px; left: 86px; position: absolute; display: block; text-indent: -9999px; overflow: hidden;}
.utility #main p.learnMoreMyClassroom a:hover {background-position: 0 -58px;}
.utility #main p.learnMoreSuggested a {background: url(../whatismyclassroom/images/button-learn_more_study_plans.gif) no-repeat; width: 183px; height: 72px; top: 103px; left: 111px; position: absolute; display: block; text-indent: -9999px; overflow: hidden;}
.utility #main p.learnMoreSuggested a:hover {background-position: 0 -72px;}

#main ul.myClassroomTab {margin: 0 0 0 -4px; float: left; position: relative; top: 1px;}
#main ul.myClassroomTab li {margin: 0; list-style: none; display: inline;}
#main ul.myClassroomTab li a {background: #7a736d url(../courses/images/bg-myClassroomTab-li.gif) repeat-x; color: #fff; margin: 0 4px; padding: 10px 15px; font-weight: bold; display: block; float: left; text-transform: uppercase; -moz-border-radius: .5em .5em 0 0; -webkit-border-radius: .5em .5em 0 0; border-radius: .5em .5em 0 0;}
#main ul.myClassroomTab li a:hover,#main ul.myClassroomTab li a.selected {background: #fff; color: #58534d; padding: 9px 14px 10px; text-decoration: none; border: solid #7f7a76; border-width: 1px 1px 0 1px;}
#main p#buttonNewCourse {margin: 0;}
#main p#buttonNewCourse a {background: url(../courses/images/button-start_new_course.gif) no-repeat; width: 133px; height: 18px; margin: 0; float: right; display: block; text-indent: -9999px; overflow: hidden;}
#main p#buttonNewCourse a:hover {background-position: 0 -18px;}
#main .tabWrap {margin: 0 0 40px 0; padding: 20px; border: 1px solid #7f7a76; clear: both; -moz-border-radius: 0 .5em .5em .5em; -webkit-border-radius: 0 .5em .5em .5em; border-radius: 0 .5em .5em .5em;}
#main table.myClassroom {width: 100%; margin: 0; border: none; font-size: .91em;}
#main table.myClassroom tbody tr.odd {}
#main table.myClassroom tbody tr.even {background: #eee;}
#main table.myClassroom thead tr th {background: #ccc; color: #fff; padding: 3px 10px; text-align: left; vertical-align: middle; text-transform: uppercase;}
#main table.myClassroom tbody tr td {padding: 5px 10px; border-bottom: none; vertical-align: middle;}
#main dl.myClassroom {margin: 0;}
#main dl.myClassroom dt {color: #479; width: 150px; margin: 0 20px 0 0; font-weight: bold; text-align: right; float: left; text-transform: uppercase;}
#main dl.myClassroom dd {color: #999; margin: 0 0 15px 0; font-size: 1.1em;}
#main div.planDetail {padding: 25px; border: 1px solid #7f7a76; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em;}
#main div.plan {width: 260px; height: 37em; margin: 0 0 20px 0; padding: 25px; float: left; border: 1px solid #7f7a76; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em;}
#main div.right {float: right;}
#main div.plan h5 {margin: 0 0 20px 0;}
#main p.buttonLearnMore a {background: url(../courses/images/button-learn_more.gif) no-repeat; width: 121px; height: 17px; display: block; text-indent: -9999px; overflow: hidden;}
#main p.buttonLearnMore a:hover {background-position: 0 -17px;}
#main p.buttonSelectThisPlan a {background: url(../courses/images/button-select_this_plan.gif) no-repeat; width: 146px; height: 17px; display: block; text-indent: -9999px; overflow: hidden;}
#main p.buttonSelectThisPlan a:hover {background-position: 0 -17px;}
#main ul.profileLinks {float: right;}
#main ul.profileLinks li {list-style: none; display: inline;}
#main ul.profileLinks li a {width: 157px; height: 17px; margin: 0 0 13px 0; display: block; text-indent: -9999px; overflow: hidden;}
#main ul.profileLinks li a#editInformation {background-image: url(../courses/images/button-edit_information.gif); background-repeat: no-repeat;}
#main ul.profileLinks li a#changePassword {background-image: url(../courses/images/button-change_password.gif); background-repeat: no-repeat;}
#main ul.profileLinks li a:hover {background-position: 0 -17px;}
#main p#donateNow a {background: url(../courses/images/button-donate_now.gif) no-repeat; width: 116px; height: 56px; margin: 0 0 20px 20px; display: block; float: right; text-indent: -9999px; overflow: hidden;}
#main p#donateNow a:hover {background-position: 0 -56px;}
/*end special layouts*/
/*form elements*/
#main #error {background: #f7cbca; color: #c00; margin: 0 0 20px 0; padding: 25px; font-weight: bold; border: 1px solid #c00;}
#main form h4 {background: url(../courses/images/bg-form-title.gif) repeat-x; margin: 0 0 20px 0; padding: 15px 30px; font-weight: bold; font-size: 1.64em; text-transform: uppercase;}
.courses #main form h4 {color: #479;}
#main form.term h4 {background: none; margin: 0; padding: 0; font-weight: bold; font-size: 1.64em; text-transform: none;}
.courses #main form.term h4 {color: #58534d;}
#main form h4 span {font-weight: normal; text-transform: none;}
#main form label {color: #999; font-weight: bold; float: left; display: block;}
#main form input,#main form select {color: #333; font-size: 1em;}
#main form h5 {color: #479; width: 215px; float: left; position: absolute; text-align: right;}
#main form.term h5 {color: #777; width: auto; float: none; position: relative; font-size: 1.64em; text-align: left; clear: both;}
#main form h5 span {color: #999; font-weight: normal; display: block; text-transform: none; font-style: italic;}
#main form h5 label {color: #479;}
#main form hr {margin: 0 0 10px 0; border: solid #7f7a76; border-width: 1px 0 0 0;}
#main form .text {margin: 0 0 15px 0;}
#main form .text label {color: #479; width: 215px; margin: 0 0 10px 0; text-align: right;}
#main form .text label.error {color: #f00;}
#main form .text .helptext {margin: 0 0 0 230px;}
#main form .text input,#main form .text select {margin: 0 0 10px 15px;}
#main form .text input.note {float: left;}
#main form .text span.note {color: #999; width: 205px; margin: 0 0 0 10px; font-size: .9em; float: left; display: block;}
#main form .checkbox {margin: 0 0 15px 230px;}
#main form .checkbox label {margin: 0 10px 5px 0;}
#main form .checkbox label span {font-weight: normal; font-style: italic;}
#main form .fixedLabel label {width: 375px;}
#main form .checkbox input {margin: 0 5px 5px 0; padding: 0; float: left; display: block;}
#main form .checkbox textarea {color: #999; margin: 0 5px 5px 0; padding: 0; float: left; display: block;}
#main form .radio {margin: 0 0 15px 230px;}
#main form .radio label {margin: 0 10px 5px 0;}
#main form .radio input {margin: 0 5px 5px 0; padding: 0; float: left; display: block;}
#main form br {clear: both;}
#main form input#btnNext {margin: 0 0 20px 230px; padding: 0;}
#main form input#btnEdit, #main form input#btnSubmit {margin: 0; padding: 0;}
#main form p.required {color: #999; margin: 0 0 0 230px; font-size: .9em; font-style: italic;}
#main form.verify h5 {color: #479; width: auto; float: none; position: relative; text-align: left;}
#main ul.formVerify {margin: 0 0 20px 0; position: relative;}
#main ul.formVerify li {margin: 0 0 5px 0; list-style: none; display: block; clear: both; border-bottom: 1px dotted #666;}
#main ul.formVerify li:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main ul.formVerify li strong {background: #fff; margin: 0; top: .6em; font-weight: normal; float: left; display: block; position: relative;}
#main ul.formVerify li em {background: #fff; margin: 0; top: .6em; float: right; display: block; position: relative;}
#main ul.formVerify li.textbox {margin: 15px 0 0 0; border: none;}
#main ul.formVerify li.textbox strong {float: none;}
#main ul.formVerify li.textbox em {float: none; overflow: auto;}
/*end form elements*/

/**************************************************left column*********************************************/
#sidebar {width: 200px; margin-left: 5px; padding: 0 0 104px; position: relative; float: left;}
#sidebar ul#sidebarNav {margin: 3px 0 40px 0;}
#sidebar ul#sidebarNav li#gwsblnk {border-bottom: none;}
#sidebar ul#sidebarNav li#gwsblnk a {background-image: url(/images/button-give_now.png); width: 182px; height: 64px; margin: 10px 0 10px 5px; padding: 0; text-indent: -9999em; outline: none;}
#sidebar ul#sidebarNav li#gwsblnk a:hover {background-position: 0 0;}
#sidebar ul#sidebarNav li {margin: 0 7px; list-style: none; display: block; border-bottom: 1px solid #ccc;}
#sidebar ul#sidebarNav li.selected {background: url(../images/bg-sidebar-hover.gif) repeat-y 100% 0;}
#sidebar ul#sidebarNav li a {color: #999; padding: 10px 15px; font-size: 1.1em; font-weight: bold; text-transform: uppercase; display: block;}
#sidebar ul#sidebarNav li a:hover,#sidebar ul#sidebarNav li a.selected {background: url(../images/bg-sidebar-hover.gif) repeat-y 100% 0; color: #58534d; text-decoration: none;}
/*level 3*/
#sidebar ul#sidebarNav li ul {margin: -5px 0 5px 30px;}
#sidebar ul#sidebarNav li ul li {margin: 0; border-bottom: none;}
#sidebar ul#sidebarNav li ul li a {color: #58534d; padding: 2px 0; font-size: 1em;}
#sidebar ul#sidebarNav li ul li a:hover {background: none;}
/*level 4*/
#sidebar ul#sidebarNav li ul li ul {margin: 5px 0;}
#sidebar ul#sidebarNav li ul li ul li {}
#sidebar ul#sidebarNav li ul li ul li a {padding: 2px 8px; font-size: 1em; text-transform: none;}
#sidebar ul#sidebarNav li ul li ul li a {background: url(../images/bg-sidebar-lvl4.gif) no-repeat 0 7px;}
#sidebar ul#sidebarNav li ul li ul li a:hover {background: url(../images/bg-sidebar-lvl4.gif) no-repeat 0 7px;}
#sidebar ul#sidebarUtility {margin: 15px 0 25px 10px;}
#sidebar ul#sidebarUtility li {list-style: none; display: inline;}
#sidebar ul#sidebarUtility li a {background-repeat: no-repeat; width: 187px; height: 36px; padding: 0 0 10px 0;  display: block; text-indent: -9999px; overflow: hidden;}
#sidebar ul#sidebarUtility li a:hover {background-position: -187px 0;}
#sidebar ul#sidebarUtility li a#gwsblnk {background-image: url(/images/button-give_now.png); width: 182px; height: 64px;}
.courses #sidebar ul#sidebarUtility li a#gwsblnk {display: none;}
#sidebar ul#sidebarUtility li a#gwsblnk:hover {background-position: 0 0;}
#sidebar ul#sidebarUtility li a#amsblnk {background-image: url(../images/banner-about.gif);}
#sidebar ul#sidebarUtility li a#tssblnk {background-image: url(../images/banner-technical.gif);}
#sidebar ul#sidebarUtility li a#wgsblnk {background-image: url(../images/banner-saying.gif);}
#sidebar ul#sidebarUtility li a#iusblnk {background-image: url(../images/banner-itunesu.gif);}


/**************************************************footer**************************************************/
#footer {background: #3c4a58; color: #fff; padding: 10px; position: relative; clear: both;}
#footer:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#footer ul#socialFollow {background: url(../images/sidebar-follow.png) no-repeat; width: 200px; height: 94px; top: -94px; right: 0px; position: absolute;}
.utility #footer ul#socialFollow {display: none;}
#footer ul#socialFollow li {list-style: none; display: inline;}
#footer ul#socialFollow li a {width: 37px; height: 37px; display: block; top: 32px; position: absolute; text-indent: -9999em; overflow: hidden;}
#footer ul#socialFollow li a#socialFacebook {left: 101px;}
#footer ul#socialFollow li a#socialFacebook:hover {background: url(../images/sidebar-follow.png) no-repeat -101px -126px;}
#footer ul#socialFollow li a#socialTwitter {left: 138px;}
#footer ul#socialFollow li a#socialTwitter:hover {background: url(../images/sidebar-follow.png) no-repeat -138px -126px;}


#footer p {margin: 0 0 10px 0;}
#footer p.adr {float: left;}
#footer p#copyright {float: right;}
#footer p#contactInfo {clear: both; float: left;}
#footer p#footerUtility {float: right;}
#footer p a {color: #9ce; font-weight: bold;}
#footer p a:hover {color: #def; }
#footer p span.divider {padding: 0 10px;}

/* Video Course Page */
.video-course #main #contentContainer {margin-top:23px;}
#main #video-player {height:390px; margin:0 0 40px 0;}
#main .video-info {position:relative; display:inline-block; margin:0 0 11px 0; width:645px;}
#main .video-info span.thumb {display:block; width:62px; height:62px; overflow:hidden; float:left; margin:0 17px 0 0;}
#main .video-info h3 {color:#58534d; font-size:18px; margin:0; line-height:24px; padding:5px 0 0 0;}
#main .video-info h3 a {color:#58534d; text-decoration:none;}
#main .video-info h3 a:hover {text-decoration:underline;}
#main .video-info p {color:#777777; font-size:12px; line-height:18px;}
#main .video-info p span {text-transform:uppercase;}
#main #video-list {margin:0 0 44px 0; padding:0; width:645px; border-bottom:1px solid #eeeeee;}
#main #video-list li {display:inline-block; list-style:none; padding:10px 14px 14px 14px; width:617px; margin:0; position:relative;}
#main #video-list li.even {background:#eeeeee;}
#main #video-list li a.video-thumb {float:left; margin:0 44px 0 0;}
#main #video-list li p {margin:0; font-size:14px; line-height:20px; color:#777777;}
#main #video-list li p span {display:block;}
#main #video-list li a.play-video {width:52px; height:18px; background:url(../courses/images/video-play-btn.png) 0px 0px no-repeat; overflow:hidden; text-indent:-9999em; position:absolute; right:18px; top:26px; padding:3px 5px 6px 3px;}
#main #video-list li a.active {background-position:0px -27px;}

/* End Video Course Page */