@charset "utf-8";
/*************************************
State of Tomorrow
Winter 2009

written by Mimi Flynn
mflynn@utsystem.edu
512.579.5121

**************************************/

@import url("reset.css");

/*************************************
Site wide 
**************************************/

body {font-family: Arial, Helvetica, sans-serif; background: url(../../images/backgroundPage.jpg) #e7e1ad repeat;}

.inner {width: 1030px; margin: 0 auto; overflow: auto;}

#goto {height: 1px; width: 1px; text-indent: -9999px;}

#header {background: url(../../images/mastheadBackground.jpg) repeat-x; height: 121px; border-bottom: #fff solid 3px;}
#header .inner {width: 1100px;}
#header .inner h1 {float: left;}
#header .inner h1 a {background: url(../../images/logo.jpg); width: 350px; height: 121px; display: block; text-indent:-9999px;}
#header .inner p {text-indent:-9999px;}

#header .inner #nav {width: 717px; height: 121px; float: left; padding-top: 20px; margin: 0 auto; overflow: auto;}
#header .inner #nav ul {list-style: none; text-indent: -9999px; float: right;}
#header .inner #nav ul li a {padding-bottom: 3px;}
#header .inner #nav ul li a:hover {border-bottom: solid 3px #96211f;}
#header .inner #nav ul li a.selected {border-bottom: solid 3px #96211f;}

/*#header .inner #nav ul.top {}*/
#header .inner #nav ul.top {clear: both; margin-top: 1em; height: 24px; width: 507px;}
#header .inner #nav ul.top li {display: inline; height: 18px; margin-left: 40px; float: left;}
#header .inner #nav ul.top li.stories a {background: url(../../images/headerMenu.png) no-repeat; width: 98px; height: 18px; display: block;}
#header .inner #nav ul.top li.series a {background: url(../../images/headerMenu.png) -108px 0 no-repeat; width: 82px; height: 18px; display: block;}
#header .inner #nav ul.top li.teachingTools a {background: url(../../images/headerMenu.png) -198px 0 no-repeat; width: 207px; height: 18px; display: block;}

#header .inner #nav ul.bottom {clear: both; margin-top: 1em; height: 16px; width: 388px;}
#header .inner #nav ul.bottom li {display: inline; height: 10px; margin-left: 20px; float: left;}
#header .inner #nav ul.bottom li.home a {background: url(../../images/headerMenuBottom.png) no-repeat; width: 34px; height: 10px; display: block;}
#header .inner #nav ul.bottom li.about a {background: url(../../images/headerMenuBottom.png) -37px 0 no-repeat; width: 41px; height: 10px; display: block;}
#header .inner #nav ul.bottom li.news a {background: url(../../images/headerMenuBottom.png) -82px 0 no-repeat; width: 33px; height: 10px; display: block;}
#header .inner #nav ul.bottom li.blog a {background: url(../../images/headerMenuBottom.png) -120px 0 no-repeat; width: 41px; height: 10px; display: block;}
#header .inner #nav ul.bottom li.sponsors a {background: url(../../images/headerMenuBottom.png) -167px 0 no-repeat; width: 64px; height: 10px; display: block;}
#header .inner #nav ul.bottom li.contact a {background: url(../../images/headerMenuBottom.png) -235px 0 no-repeat; width: 55px; height: 10px; display: block;}

#main {background: url(../../images/mainBackground.jpg) repeat-x; padding-top: 40px; padding-bottom: 50px; overflow: auto; color: #3b3b3b;}
#main .inner h2 {color: #6f1911; text-transform: uppercase; font-size: xx-large; margin: 0; padding-bottom: 0px;}
#main .inner h3 {font-size: x-large; font-weight: bold; letter-spacing: 0px; color: #605d56;}
#main .inner p {color: #3b3b3b; font-size: medium; margin-bottom: 1.2em; line-height: 20px;}
#main .inner a {color: #3b3b3b; font-size: medium;}
#main .inner .title {font-style: italic;}
#main .inner ul {margin: 0px; padding: 0px;}
#main .inner li {margin-bottom: 3px; color: #605d56;}
#main .inner ol li {margin: 0px 0px 5px 15px; padding: 0px; line-height: 16px; color: #535353; list-style-type: decimal;}
#main .inner ol {margin: 5px 0px 5px 25px; padding: 0px;}
#main .inner ol li dl {display: inline; font-size: 100%;}
#main .inner ol li dl dt {display: inline; margin: 0;}
#main .inner ol li dl dt:after {content: ": ";}
#main .inner ol li dl dd {margin: 0; display: inline;}
#main .inner ol ol{margin: 5px 0px 5px 50px; list-style: decimal;}

#main .inner ul#sitemap {margin: auto; margin-bottom: 10px;}
#main .inner ul#sitemap li {list-style: circle; margin-top: 10px;}
#main .inner ul#sitemap li ul {margin-bottom: 10px;}
#main .inner ul#sitemap li ul.on li {list-style: disc; margin-left: 50px; margin-top: 10px;}
#main .inner ul#sitemap li ul.off li {list-style: circle; margin-left: 50px; margin-top: 10px;}

#footer {background: url(../../images/footerBackground.jpg) repeat-x #566e88; height: 100px; margin-top: 3px; color: #FFF;font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif; clear: both; padding-top: 30px;}
#footer .inner {width: 1030px;}
#footer .inner p.sponsor {float: left; width: 730px; text-align: right; font-size: x-small; text-transform: uppercase;}
#footer .inner p.sponsor a {text-align: right; font-size: x-small; color: #fff;}
#footer .inner p.sponsor .arg {float:right;}
#footer .inner p.sponsor span.by {padding: 15px 5px 0 0; float: left;}
#footer .inner p.sponsor img {float: left;}
#footer .inner p.sponsor span.heb {display: none;}
#footer .inner p.additional {float: left; width: 725px; text-align: right; font-size: x-small; margin: 10px 5px 0 0;}
#footer .inner p.additional a {text-align: right; font-size: x-small; color: #fff; text-decoration: underline;}
#footer .inner .inner {width: 300px; float: left;}
#footer .inner .inner p {line-height: 15px;}
#footer .inner .inner ul {list-style: none; line-height: 15px; margin-top: 1em;}
#footer .inner .inner ul li {display: inline;}
#footer .inner .inner ul li a {color: #fff;}

/*************************************
Category Label
**************************************/

#main .inner .aging {background-color: #625425;}
#main .inner .biosafety {background-color: #ac6e55;}
#main .inner .criminal-justice {background-color: #728c54;}
#main .inner .healthcare {background-color: #702116;}
#main .inner .lifeandarts {background-color: #82a6a9;}
#main .inner .economy {background-color: #3e5956;}
#main .inner .education {background-color: #175e83;}
#main .inner .emergencyresponse {background-color: #b44f00;}
#main .inner .energy {background-color: #e89f02;}
#main .inner .environment {background-color: #86a01d;}
#main .inner .scienceandtech {background-color: #918a96;}

#main .inner .episode {background-color: #3d6286;}

#main .inner .segment {font-weight: normal; font-size:18px; padding: 3px 5px 0 5px; color: #e7e1ad; text-decoration: none;}

#main .inner .category {width: 1030px; margin-bottom: 10px; margin-top: 2px;}
#main .inner .category a {font-weight: normal; font-size:18px; padding: 3px 5px 0 5px; color: #e7e1ad; text-decoration: none;}

/*************************************
Accordion Menu
**************************************/

#main .inner #aside #accordionMenu {width: 260px;}
#main .inner #aside #accordionMenu dl {margin: 0 0 2em 0;}
#main .inner #aside #accordionMenu dl dt {margin: 0 0 3px 0; clear: both; height: 35px; padding-top: 1px;}
#main .inner #aside #accordionMenu dl dt a {color: #e7e1ad; text-decoration: none; text-transform: uppercase; font-weight: bold; display: block; margin: 15px 0 0 5px; background: url(../../images/arrowUp.png) no-repeat; text-indent: 12px;}
#main .inner #aside #accordionMenu dl dt.ui-state-active a {background: url(../../images/arrowDown.png) no-repeat;}
#main .inner #aside #accordionMenu dl dd {margin: 0; padding: 0;}
#main .inner #aside #accordionMenu dl dd ul {margin: 0; padding: 0; list-style: none;}
#main .inner #aside #accordionMenu dl dd ul li {margin: 8px 0; overflow: hidden; border-bottom: 1px #9a8473 solid; padding-bottom: 8px; clear: both;}
#main .inner #aside #accordionMenu dl dd ul li a {text-decoration: none; border: none; float: left;}
#main .inner #aside #accordionMenu dl dd ul li a img {float: left;}
#main .inner #aside #accordionMenu dl dd ul li p a {margin: 0 0 0 5px; float: left; width: 114px; font-size: smaller; font-weight: bold; color: #6f1911; line-height: 14px; display: block; height: 63px;}

/*************************************
icons
**************************************/

.video {background: url(../../images/iconPlay.png) no-repeat 0 0;}
.pdf {background: url(../../images/iconPdf.png) no-repeat 0 0;}

/*************************************
Homepage
**************************************/

#main .inner #billboard {background: url(../../images/billboardBackground.jpg); height: 440px; width: 1030px; margin: 0 auto 60px auto; display: block; overflow: auto;}
#main .inner #billboard h2 {color: #e7e1ad; font-size: x-large; margin-top: 12px; margin-left: 30px;}
#main .inner #billboard .movie {background: url(../../images/flash.jpg) no-repeat; height: 359px; width: 668px; margin-top: 8px; margin-left: 30px; display: block; float: left;}
#main .inner #billboard .inner {float: left; width: 300px; height: 359px; margin-top: 10px; margin-left: 15px;}
#main .inner #billboard .inner h2 {font-size: medium; margin: 1em 0; color: #e7e1ad; text-transform: uppercase;}
#main .inner #billboard .inner p {color: #fffce6; line-height: 20px; font-size: medium;}

#main .inner .inner {width: 1030px;}

#main .inner .inner #blog {width: 405px; float: left; margin: 0 15px 0 0;}
#main .inner .inner #blog h2 {border-bottom: 1px #9a8473 solid; padding-bottom: 5px; color: #6f4122; text-transform: uppercase; font-size: x-large; font-weight: normal;}
#main .inner .inner #blog .feedburnerFeedBlock ul {margin: 0; line-height: 20px;}
#main .inner .inner #blog .feedburnerFeedBlock li {margin: .25em 0 0 0; padding: .5em 0; border-bottom: #9a8473 solid 1px; list-style-type: none;}
#main .inner .inner #blog .feedburnerFeedBlock li span.headline {font-weight: bold;}
#main .inner .inner #blog a:hover {color: #6f1911;}
#main .inner .inner #blog .feedburnerFeedBlock li div {margin: .5em 0;}
#main .inner .inner #blog .feedburnerFeedBlock li div p {font-size: small;}
#main .inner .inner #blog .feedburnerFeedBlock li div p a {font-size: small; color: #96211F;}
#main .inner .inner #blog .feedburnerFeedBlock li p.date {display: none;}
#main .inner .inner #blog .feedburnerFeedBlock div#creditfooter {display: none;}
#main .inner .inner #blog p a {font-weight: bold;}
#main .inner .inner #blog p {padding-top: 1em;}

#main .inner .inner #spotLight {background: url(../../images/spotlightBackground.jpg) repeat-x; width: 305px; float: left; margin: 0 15px 0 15px;}
#main .inner .inner #spotLight h2 {color: #fff; text-transform: uppercase; font-size: x-large; font-weight: normal; margin: 10px;}
#main .inner .inner #spotLight h3 {color: #3b3b3b; font-size: medium; font-weight: bold; margin: 10px;}
#main .inner .inner #spotLight p {color: #3b3b3b; font-size: small; font-weight: normal; margin: 0 10px 1em 10px; line-height: 15px;}
#main .inner .inner #spotLight a {color: #3b3b3b; font-size: small; font-weight: normal; line-height: 15px;}
#main .inner .inner #spotLight img {margin-left: 15px;}
#main .inner .inner #spotLight hr {border-bottom: 1px #9a8473 solid;}
#main .inner .inner #spotLight ul li {margin: 0 10px 1em 10px; padding-top: 1px; font-size: small; line-height: 15px; color: #3b3b3b;}
#main .inner .inner #spotLight dl {margin: 0;}
#main .inner .inner #spotLight dl dt {margin: 3px 0 0 0; clear: both; height: 40px; padding-top: 1px;}
#main .inner .inner #spotLight dl dt a {color: #e7e1ad; text-decoration: none; text-transform: uppercase; font-weight: bold; display: block; margin: 20px 0 0 5px;}
#main .inner .inner #spotLight dl dd {margin: 0; padding: 0 10px;}
#main .inner .inner #spotLight dl dd ul {margin: 0; padding: 0; list-style: none;}
#main .inner .inner #spotLight dl dd ul li {margin: 0; overflow: auto; padding: 8px 0; clear: both;}
#main .inner .inner #spotLight dl dd ul li a {text-decoration: none; border: none; float: left;}
#main .inner .inner #spotLight dl dd ul li a img {float: left;}
#main .inner .inner #spotLight dl dd ul li img {float: left; margin: 0 0 0 10px;}
#main .inner .inner #spotLight dl dd ul li p a {margin: 0 0 0 10px; float: left; width: 130px; font-size: small; font-weight: bold; color: #6f1911; line-height: 14px; }
#main .inner .inner #spotLight dl dd ul li p {margin: 0; float: left; width: 235px; font-size: small; line-height: 15px; }

#main .inner .inner .inner {width: 260px; height: 660px; padding: 0 0 0 15px;}
#main .inner .inner .inner #didYouKnow {background: url(../../images/didYouKnowBackground.jpg) repeat-x #8faac7; height: auto; width: 260px; padding: 10px 0 1px 0;}
#main .inner .inner .inner #didYouKnow h2 {color: #fff; text-transform: uppercase; font-size: x-large; font-weight: normal; margin: 0 0 10px 10px;}
#main .inner .inner .inner #didYouKnow p#factoid {color: #333; line-height: 22px; font-weight: normal; font-size: 0.9em; margin: 0 10px; height: auto;}
#main .inner .inner .inner #didYouKnow #control {margin: 10px;}
#main .inner .inner .inner #didYouKnow #control input.btn {border: 1px #999 solid; cursor: pointer;}

#main .inner .inner .inner #universities {margin-top: 30px; width: 260px;}
#main .inner .inner .inner #universities h2 {color: #6f4122; text-transform: uppercase; font-size: large; font-weight: normal; margin-bottom: 10px;}
#main .inner .inner .inner #universities li {color: #666; font-weight: bold; font-size: small; margin-bottom: 3px;}
#main .inner .inner .inner #universities dl {margin: 0 0 2em 0;}
#main .inner .inner .inner #universities dl dt {margin: 3px 0 0 0; clear: both; height: 40px; padding-top: 1px;}
#main .inner .inner .inner #universities dl dt a {color: #e7e1ad; text-decoration: none; text-transform: uppercase; font-weight: bold; display: block; margin: 20px 0 0 5px;}
#main .inner .inner .inner #universities dl dd {margin: 0; padding: 0 15px;}
#main .inner .inner .inner #universities dl dd ul {margin: 0; padding: 0; list-style: none;}
#main .inner .inner .inner #universities dl dd ul li {margin: 8px 0; overflow: auto; border-top: 1px #9a8473 solid; border-bottom: 1px #9a8473 solid; padding: 8px 0; clear: both;}
#main .inner .inner .inner #universities dl dd ul li a {text-decoration: none; border: none; float: left;}
#main .inner .inner .inner #universities dl dd ul li a img {float: left;}
#main .inner .inner .inner #universities dl dd ul li p a {margin: 0 0 0 10px; float: left; width: 130px; font-size: small; font-weight: bold; color: #6f1911; line-height: 14px; }

#main .inner .inner .inner #ontheweb {margin-top: 30px; width: 260px;}
#main .inner .inner .inner #ontheweb h2 {color: #6f4122; text-transform: none; font-size: medium; font-weight: bold; margin-bottom: 7px;}
#main .inner .inner .inner #ontheweb ul {margin: 0; padding: 0; list-style: none; border-top: 1px #9a8473 solid; border-bottom: 1px #9a8473 solid;}
#main .inner .inner .inner #ontheweb ul li {margin: 8px 0; overflow: auto; padding: 8px 0; clear: both;}
#main .inner .inner .inner #ontheweb ul li a {text-decoration: none; border: none; float: left;}
#main .inner .inner .inner #ontheweb ul li a img {float: left;}
#main .inner .inner .inner #ontheweb ul li p a {margin: 0 0 0 10px; float: left; width: 130px; font-size: small; font-weight: bold; color: #6f1911; line-height: 14px; }

/*************************************
Features
**************************************/

#main .inner p.featurePage {padding-bottom: 30px;}

#main .inner .feature {margin: 25px 0 30px 0; padding-bottom: 5px; border-bottom: 1px #aaa78b solid; overflow: auto;}
#main .inner .feature .featureImage {height: 150px; width: 298px; background-color: #CCC; display: block; float: left;}
#main .inner .feature .description {float: left; width: 710px; margin: 0 10px; padding: 0;}
#main .inner .feature .description p {color: #333; font-size: small; font-weight: normal; clear: both; margin: 0; line-height: 20px;}
#main .inner .feature .description a {color: #a06521; font-size: small; font-weight: bold; padding-bottom: 5px; display: block;}
#main .inner .feature .description .infobar h2 {margin-top: 0px;}
#main .inner .feature .description .infobar h2 a {color: #a06521; font-size: 70%; float: left; text-decoration: none; margin-top: 0;}
#main .inner .feature .description .infobar li {display: inline; float: left; margin: 3px 0 0 10px; text-indent:-9999px; height: 16px; width: 16px;}


/*************************************
Articles / About / News / Series
**************************************/

#main .inner ul#seriesMenu {margin: 10px 0 40px 0; padding: 10px; width: 315px; background-color:#999170;}
#main .inner ul#seriesMenu li {display: inline; margin: 0 10px; font-weight: bold; }
#main .inner ul#seriesMenu li a{ color:#ffea97; font-size: 0.8em; text-decoration:none;}
#main .inner ul#seriesMenu li a:hover{text-decoration: underline;}

#main .inner .topBar {width: 1000px; margin-bottom: 10px;}
#main .inner .topBar .category {display: inline; margin-right: 12px;}
#main .inner .topBar #controlBar {font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif; display: inline-block;}
#main .inner .topBar #controlBar a {color: #6f4122;}
#main .inner .topBar #controlBar a.print {color: #6f4122; font-size: 11px; font-weight:bold;}
#main .inner .topBar #controlBar a.icon {display: inline-block; font-size: x-small;}
#main .inner .topBar #controlBar a.icon img {margin-bottom: -3px;}

#main .inner .topBar #view_series {padding: 5px; margin: -1.5em 0 0 0; font-size: small; display: inline; float: right; width: 235px;}
#main .inner .topBar #view_series ul {padding: 0; margin: 0; display: inline;}
#main .inner .topBar #view_series ul li {display: inline; padding: 0 3px;}
#main .inner .topBar #view_series ul li a {color: #6f4122; font-weight: bold; font-size: small;}
#main .inner .topBar #view_series ul li.selected {font-size: small; color: #6f1911; font-weight: bold;}

#main .inner #article {width: 738px; margin-top: 0px; float: left;}
#main .inner #article h1 {color: #6f1911; text-transform: uppercase; font-size: xx-large; margin: 0 0 12px 0; padding-bottom: 0px;}
#main .inner #article h2 {color: #a06521; font-size: x-large; margin-top: 50px;}
#main .inner #article h2.about {color: #a06521; font-size: x-large; margin-top: 0;}
#main .inner #article h2 a {color: #a06521; text-decoration: none; margin-top: 0; font-size: x-large;}
#main .inner #article h3 {color: #a06521; font-size: large; margin-top: 35px; }
#main .inner #article h3.add {color: #3B3B3B; font-size: large; margin-top: 35px; }
#main .inner #article p {margin: .2em 2em 1.5em 0; line-height: 24px;}
#main .inner #article p.caption {font-size: smaller; font-style: italic; margin-top: 2px; text-align: right;}
#main .inner #article blockquote {margin: .2em 2em 1.5em 0; line-height: 24px;}

#main .inner #article ul li {line-height: 1.5em;}

#main .inner #article .documentary {width: 700px; margin-top: 50px;}
#main .inner #article .documentary img {float: left; width: 200px; height: 150px;}
#main .inner #article .documentary .documentaryDescription {width: 485px; padding-left: 10px; float: left; padding-left: 10px; margin-top: 0; margin-right: 5px; margin-bottom: 0;}
#main .inner #article .documentary .documentaryDescription h2 {margin-top: 0;}
#main .inner #article .documentary .documentaryDescription p {margin-bottom: 0;}
#main .inner #article .documentary .documentaryDescription p.watch_now a {color: #a06521; font-size: small; font-weight: bold;}

#main .inner #article #add {width: 680px; margin: 45px 0 30px 0; padding: 15px; border: #c6b58c 1px solid; background-color: #d9c9a3;}
#main .inner #article #add p {margin: .2em 1em 1.5em 0; line-height: 24px; }
#main .inner #article #add h3 {color: #3B3B3B; font-size: large; margin-top: 5px; }

#main .inner #article #linkToAdd {width: 150px; margin: 8px 30px 15px 10px; padding: 8px; border: #c6b58c 1px solid; background-color: #d9c9a3; float:right;}
#main .inner #article #linkToAdd p {margin: .2em 1em 1.0em 0; font-size:0.8em; line-height: 18px; }
#main .inner #article #linkToAdd a {color: #702116; font-size:100%; }
#main .inner #article #linkToAdd h3 {color: #3B3B3B; font-size: 0.9em; margin-top: 2px; }

#main .inner #aside {width: 260px; float: left; padding: 0 15px; margin-top: 0px; overflow: hidden; }

#main .inner #aside #view_series {padding: 14px 15px 14px 15px; margin: 0; font-size: small;}
#main .inner #aside #view_series ul {padding: 10px; margin: 0; display: inline;}
#main .inner #aside #view_series ul li {display: inline; padding: 3px;}
#main .inner #aside #view_series ul li a {color: #6f4122; font-weight: bold; font-size: small;}
#main .inner #aside #view_series ul li.selected {font-size: small; color: #6f1911; font-weight: bold;}

#main .inner #aside .productionTeam {padding: 0; margin: 0;}
#main .inner #aside .productionTeam a {color: #6f4122; text-decoration: underline; font-weight: bold; font-size: small; margin: 0 auto; line-height: 16px;}

#main .inner #aside .caption {width: 260px; height: 360px; padding-top: 0px; font-size: small; line-height: 18px; }
#main .inner #aside .caption h2 {color: #a06521; font-size: large; line-height: normal; margin: 0px; text-transform: none;}
#main .inner #aside .caption p {margin: 0px 10px 15px 0; font-size:small; line-height:18px;}
#main .inner #aside .caption a {font-size: small;}
#main .inner #aside .caption a.seriesLink {margin: 0px 10px 15px 0; color: #6f4122; text-decoration: underline; font-weight: bold; font-size: small;}
#main .inner #aside .caption ul.icons {margin: 0 0 5px 25px;}

#main .inner #aside .caption ul.icons {margin: 0 0 15px 0;}
#main .inner #aside .caption ul.icons li {clear: both; display: block; height: 16px; width: 16px; padding-bottom: 1em; padding-top: 0;}
#main .inner #aside .caption ul.icons li a {float: left; padding-left: 22px; width: 230px; height: auto; text-decoration: none; display: block; line-height: 13px; padding-top: 3px;}
#main .inner #aside .caption ul.icons li a:hover {text-decoration: underline;}

#main .inner #aside .caption li {margin-top: 2px; text-indent: 0px;}
#main .inner #aside .caption li a {color: #6f4122; font-size: 1.1em; font-weight: bold;}
#main .inner #aside .caption ul.bio {margin: 0 0 15px 0; line-height: 12px;}
#main .inner #aside .caption ul.bio li {margin: 0; text-indent: 0; padding: 2px 0; font-weight: bold; color: #47443e;}

#main .inner #aside .about {width: 260px; padding-top: 10px; font-size: small; line-height: 18px; }
#main .inner #aside .about h2 {color: #a06521; font-size: large; line-height: normal; margin: 0px; text-transform: none;}
#main .inner #aside .about p {margin: 0px 10px 15px 0; font-size: small; line-height: 18px;}
#main .inner #aside .about a {font-size: small;}
#main .inner #aside .about li {margin-top: 12px; text-indent: 25px;}
#main .inner #aside .about li a {color: #6f4122; font-size: 1.1em; font-weight: bold;}

#main .inner #aside .aboutInfo {width: 260px; background: url(../../images/asideBackgroundBlue.jpg) repeat-x #6f4122; padding: 10px 0; clear: both; margin: 5px auto 2em auto; color: #e7e1ad;}
#main .inner #aside .aboutInfo h2 {color: #fff; font-size: large; font-weight: normal; margin: 0 10px 10px 10px;}
#main .inner #aside .aboutInfo p {color: #3b3b3b; font-size: small; margin: 0 10px 10px 10px;}
#main .inner #aside .aboutInfo a {color: #3b3b3b; font-size: small;}
#main .inner #aside .aboutInfo ul {margin: 1em 10px 10px 10px;}
#main .inner #aside .aboutInfo ul li {margin-top: 2px; color: #3b3b3b; font-size: small; line-height: 18px;}
#main .inner #aside .aboutInfo ul li a {color: #3b3b3b; font-size: small;}
#main .inner #aside .aboutInfo dl {margin: 1em 10px 10px 10px;}
#main .inner #aside .aboutInfo dt {font-weight: bold; margin: 1em auto; font-size: small;}
#main .inner #aside .aboutInfo dd {margin:5px auto 5px 15px; font-size: small;}
#main .inner #aside .aboutInfo dd ul {margin: 0;}
#main .inner #aside .aboutInfo dd ul li {margin: 0;}
#main .inner #aside .aboutInfo img {margin: 10px 17px;} /* images of width is 226px */

#main .inner #aside .articleInfo {width: 260px; background: url(../../images/asideBackgroundRed.jpg) repeat-x #6f4122; padding: 10px 0; clear: both; margin: 5px auto 2em auto; color: #3b3b3b;}
#main .inner #aside .articleInfo h2 {color: #e7e1ad;font-size: large; font-weight: normal; margin: 0 10px 10px 10px;}
#main .inner #aside .articleInfo p {color: #e7e1ad; font-size: small; margin: 0 10px 10px 10px;}
#main .inner #aside .articleInfo a {color: #e7e1ad; font-size: small;}
#main .inner #aside .articleInfo ul {margin: 1em 10px 10px 10px;}
#main .inner #aside .articleInfo ul li {margin-top: 2px; color: #e7e1ad; font-size: small; line-height: 18px;}
#main .inner #aside .articleInfo ul li a {color: #e7e1ad; font-size: small;}
#main .inner #aside .articleInfo dl {margin: 1em 10px 10px 10px;}
#main .inner #aside .articleInfo dt {color: #e7e1ad; font-weight: bold; margin: 1em auto; font-size: small;}
#main .inner #aside .articleInfo dd {color: #e7e1ad; margin:5px auto 5px 15px; font-size: small;}
#main .inner #aside .articleInfo dd ul {margin: 0;}
#main .inner #aside .articleInfo dd ul li {margin: 0;}
#main .inner #aside .articleInfo img {margin: 10px 17px;} /* images of width is 226px */

#main .inner #aside .newsInfo {width: 260px; background: url(../../images/asideBackgroundBlue.jpg) repeat-x #6f4122; padding: 10px 0; clear: both; margin: 5px auto 2em auto; color: #3b3b3b;}
#main .inner #aside .newsInfo h2 {color: #fff; font-size: large; font-weight: normal; margin: 0 10px 10px 10px;}
#main .inner #aside .newsInfo p {color: #3b3b3b; font-size: small; margin: 0 10px 10px 10px;}
#main .inner #aside .newsInfo a {color: #3b3b3b; font-size: small;}
#main .inner #aside .newsInfo ul {margin: 1em 10px 10px 10px;}
#main .inner #aside .newsInfo ul li {margin: 1.5em 0; color: #3b3b3b; font-size: small; line-height: 18px;}
#main .inner #aside .newsInfo ul li a {color: #3b3b3b; font-size: small;}
#main .inner #aside .newsInfo dl {margin: 1em 10px 10px 10px;}
#main .inner #aside .newsInfo dt {font-weight: bold; margin: 1em auto; font-size: small;}
#main .inner #aside .newsInfo dd {margin:5px auto 5px 15px; font-size: small;}
#main .inner #aside .newsInfo dd ul {margin: 0;}
#main .inner #aside .newsInfo dd ul li {margin: 0;}
#main .inner #aside .newsInfo img {margin: 10px 17px;} /* images of width is 226px */

/*#video {display: none;}*/

/*************************************
Education
**************************************/

#main .inner #article h4.education {margin: 10px 0px 25px 0px; padding: 0px; background-image: url(../../images/educationHeader.jpg); width: 738px; height: 279px;}
#main .inner #article h4.education span {display: none;}

#main .inner #article .lessonCasing {margin:20px 0px 30px 0px; padding: 0px; width: auto; height:auto; min-height: 310px; background-image:url(../../images/background_lessonCasing.gif); background-position: top; overflow: auto;}
#main .inner #article .lessonCasing .lessonBox {margin: 10px 11px 10px 0px; padding: 0px 6px 0px 6px; width: 30%; float: left;}
#main .inner #article .lessonCasing .lessonBox p {font-size: small; line-height: normal; margin: 3px 0px 15px 0px; padding: 0px;}
#main .inner #article .lessonCasing .lessonBox h2 {margin: 5px 0px 0px 0px; padding: 0px; text-transform: uppercase; font-weight:normal; font-size: large;}
#main .inner #article .lessonCasing .lessonBox h3 {margin: 3px 0px 10px 0px; padding: 0px; text-transform: none; font-weight: bold;  font-size: medium; color: #6F1911;}
#main .inner #article .lessonCasing .lessonBox ul {margin: 10px 0px 10px 0px; padding: 0px;}
#main .inner #article .lessonCasing .lessonBox li {margin: 0px 0px 8px 2px; padding: 0px; list-style-type: none;}
#main .inner #article .lessonCasing .lessonBox li a {margin-left: 2px; font-size: small; line-height: normal; text-decoration: underline; font-weight: bold;}
#main .inner #article .lessonCasing .lessonBox li.pdf {padding-left: 25px;}

#main .inner #aside #educationSidebar {width: 260px; height: 185px; padding: 10px 0; clear: both; margin: 5px auto 2em auto; color: #e7e1ad;}
#main .inner #aside #educationSidebar p {margin: 0px 0px 10px 0px; padding: 0px; font-size: small;}
#main .inner #aside #educationSidebar a {color: #f4efda; text-decoration: underline; font-weight: bold;}
#main .inner #aside #educationSidebar .watchOnline {margin: 0; padding: 0;}
#main .inner #aside #educationSidebar .watchOnline a {text-indent:-9999px; margin: 0; display: block; padding: 0; background: url("../../images/button-watchOnline.gif") no-repeat; width: 138px; height: 34px; display: block;}
#main .inner #aside #educationSidebar .downloadAdobe {margin: 0; padding: 0;}
#main .inner #aside #educationSidebar .downloadAdobe a {background-image : url("../../images/button-acrobat.gif"); width: 112px; height: 33px; display: block; background-repeat: no-repeat; text-indent: -9999px; margin: 0; display: block; padding: 0;}

/*************************************
Series
**************************************/

#main .inner #article .onlineCasing {margin: 0px 0px 15px 0px; padding: 0px 10px 2px 0px; width: 725px; background-color: #3d6286; overflow:auto;}

#main .inner #article .onlineCasing .onlineNumber {margin: 0 8px 0 0; padding: 0px; float: left; width: 50px;}
#main .inner #article .onlineCasing .onlineNumber span {position:absolute; left:0px; top:-5000px; width:1px; height:1px; overflow:hidden; z-index: 5;}
#main .inner #article .onlineCasing .onlineNumber h2 {margin: 0; padding: 0; height:44px;}
#main .inner #article .onlineCasing .onlineNumber h2 a {display: block; width: 48px; height: 46px; text-indent: -9999px;}
#main .inner #article .onlineCasing .onlineNumber h2 a.one {background:url(../../images/Episode01.gif) left no-repeat;}
#main .inner #article .onlineCasing .onlineNumber h2 a.two {background:url(../../images/Episode02.gif) left no-repeat;}
#main .inner #article .onlineCasing .onlineNumber h2 a.three {background:url(../../images/Episode03.gif) left no-repeat;}
#main .inner #article .onlineCasing .onlineNumber h2 a.four {background:url(../../images/Episode04.gif) left no-repeat;}
#main .inner #article .onlineCasing .onlineNumber h2 a.five {background:url(../../images/Episode05.gif) left no-repeat;}
#main .inner #article .onlineCasing .onlineNumber h2 a.six {background:url(../../images/Episode06.gif) left no-repeat;}
#main .inner #article .onlineCasing .onlineNumber h2 a.seven {background:url(../../images/Episode07.gif) left no-repeat;}
#main .inner #article .onlineCasing .onlineNumber h2 a.eight {background:url(../../images/Episode08.gif) left no-repeat;}
#main .inner #article .onlineCasing .onlineNumber h2 a.nine {background:url(../../images/Episode09.gif) left no-repeat;}
#main .inner #article .onlineCasing .onlineNumber h2 a.ten {background:url(../../images/Episode10.gif) left no-repeat;}
#main .inner #article .onlineCasing .onlineNumber h2 a.eleven {background:url(../../images/Episode11.gif) left no-repeat;}
#main .inner #article .onlineCasing .onlineNumber h2 a.twelve {background:url(../../images/Episode12.gif) left no-repeat;}
#main .inner #article .onlineCasing .onlineNumber h2 a.thirteen {background:url(../../images/Episode13.gif) left no-repeat;}

#main .inner #article .onlineCasing .onlineTitle {margin:7px 0px 7px 0px; padding: 0px 20px 0px 0px; width: 500px; background:url(../../images/Episode-dottedLineVert.gif); background-position:right; background-repeat:repeat-y; float:left;}
#main .inner #article .onlineCasing .onlineTitle p {margin: 0px 0px 5px 0px; padding:0px; color:#FFF; font-size: small; line-height: 18px;}
#main .inner #article .onlineCasing .onlineTitle h3 {margin: 0px; padding: 0px; color: #e7e1ad; line-height: 16px; text-transform: uppercase; }
#main .inner #article .onlineCasing .onlineTitle a {color: #e7e1ad;}

#main .inner #article .onlineCasing .onlinePlaySelect {margin: 7px 0px 5px 15px; padding:0px; width:130px; float:left;}
#main .inner #article .onlineCasing .onlinePlaySelect p {margin: 0px 0px 2px 0px; padding: 1px 0px 0px 0px; font-size:70%; line-height: 12px; text-indent: 23px;}
#main .inner #article .onlineCasing .onlinePlaySelect .summary {margin: 0px 0px 10px 0px; padding:0px; font-size:70%; line-height: 12px; text-indent: 0px;}
#main .inner #article .onlineCasing .onlinePlaySelect h4 {margin: 0px 0px 5px 0px; padding: 0px; font-size:70%; line-height: 12px; color:#FFF;}
#main .inner #article .onlineCasing .onlinePlaySelect span {display:none;}
#main .inner #article .onlineCasing .onlinePlaySelect a {color: #e7e1ad; font-weight:bold; font-size: small;}
#main .inner #article .onlineCasing .onlinePlaySelect a.high {display:block; margin: 0px 5px 0px 0px; background:url(../../images/button-play.gif); background-position:0 0; height:16px; background-repeat: no-repeat; }
#main .inner #article .onlineCasing .onlinePlaySelect a.high:hover {background-position: 0 -16px;}
#main .inner #article .onlineCasing .onlinePlaySelect a.low {display:block; margin: 0px 5px 0px 0px; background:url(../../images/button-play.gif); background-position:0 0; height:16px; background-repeat: no-repeat; }
#main .inner #article .onlineCasing .onlinePlaySelect a.low:hover {background-position: 0 -16px;}

#main .inner #article #episodesCasing {background: url(../../images/background_episodes.gif) repeat-x #86a4b2; margin: 10px auto 10px auto; padding: 10px 10px 20px 10px; position: inherit; text-align:left; overflow: auto;}
#main .inner #article #episodesCasing p {color: #fff;}
#main .inner #article #episodesCasing a {color: #f6edac;}

#main .inner #episodesMenu {width: 76px; margin: 20px 60px 0px 0px; padding:0px; float: left; text-align:left;}
#main .inner #episodesMenu ol {margin: auto auto auto 15px; padding: 0;}
#main .inner #episodesMenu ol li {list-style-type: none; margin: auto auto 7px auto;}
#main .inner #episodesMenu p.episodeTitle {margin: 0px 0px 5px 10px; padding:0px; font-size: 70%; letter-spacing: 1px; line-height: 12px; font-weight: bold; color:#fff; text-transform: uppercase;}
#main .inner #episodesMenu a.episodeTitle {text-decoration: none; color:#fff; text-transform:uppercase;}
#main .inner #episodesMenu a.episodeTitle:hover {text-decoration: none; color:#ffed74; text-transform:uppercase;}

#main .inner #episodesSidebox {margin: 15px 0px 10px 10px; padding: 10px; width: 120px; background: #3d6286; float:right; font-size: small;}
#main .inner #episodesSidebox p {margin: 0px 0px 2px 0px; padding: 1px 0px 0px 0px; text-indent: 23px; color: #e7e1ad; font-size: small;}
#main .inner #episodesSidebox h4 {margin: 0px 0px 10px 0px; padding: 0px; color: #e7e1ad; font-size: small;}
#main .inner #episodesSidebox span {display:none;}
#main .inner #episodesSidebox a {color: #e7e1ad; font-weight:bold; font-size: small;}
#main .inner #episodesSidebox a.high {display:block; margin: 0px 0px 5px 0px; background:url(../../images/button-play.gif); background-position:0 0; height:16px; background-repeat: no-repeat; }
#main .inner #episodesSidebox a.high:hover {background-position: 0 -16px;}
#main .inner #episodesSidebox a.low {display:block; margin: 0px 0px 5px 0px; background:url(../../images/button-play.gif); background-position:0 0; height:16px; background-repeat: no-repeat; }
#main .inner #episodesSidebox a.low:hover {background-position: 0 -16px;}
#main .inner #episodesSidebox .WMPnote {margin: 12px 0px 2px 0px; padding: 5px 0px 0px 0px; text-indent: 0px; border-top: #3f566e 1px solid;}

#main .inner #aside #afiliatesZip {width: 260px; background: url(../../images/spotlightBackground.jpg) repeat-x #e7e1ad; padding: 10px 0; clear: both; margin: 5px auto 2em auto;}
#main .inner #aside #afiliatesZip {width: 260px; background: url(../../images/spotlightBackground.jpg) repeat-x #e7e1ad; padding: 10px 0; clear: both; margin: 5px auto 2em auto;}
#main .inner #aside #afiliatesZip h2 {color: #fff; text-transform: uppercase; font-size: large; font-weight: normal; margin: 0px 0 10px 10px;}
#main .inner #aside #afiliatesZip p {font-size: small; margin: 0 10px 10px 10px;}
#main .inner #aside #afiliatesZip a {font-size: small;}
#main .inner #aside #afiliatesZip ul {margin: 1em 10px 10px 10px;}
#main .inner #aside #afiliatesZip ul li {margin-top: 2px; font-size: small; line-height: 18px;}
#main .inner #aside #afiliatesZip ul li a {font-size: small;}
#main .inner #aside #afiliatesZip dl {margin: 1em 10px 10px 10px; color: #3B3B3B;}
#main .inner #aside #afiliatesZip dt {font-weight: bold; margin: 1em auto; font-size: small;}
#main .inner #aside #afiliatesZip dd {margin:5px auto 5px 15px; font-size: small;}
#main .inner #aside #afiliatesZip dd ul {margin: 0;}
#main .inner #aside #afiliatesZip dd ul li {margin: 0;}
#main .inner #aside #afiliatesZip img {margin: 10px 17px;} /* images of width is 226px */

#main .inner #aside .tvListing {width: 260px; background: url(../../images/spotlightBackground.jpg) repeat-x #e7e1ad; padding: 10px 0 25px; clear: both; margin: 2em auto;}
#main .inner #aside .tvListing h2 {color: #fff; text-transform: uppercase; font-size: large; font-weight: normal; margin: 0px 0 10px 10px;}
#main .inner #aside .tvListing p {font-size: small; margin: 0 10px 10px 10px; line-height: 1.2em;}
#main .inner #aside .tvListing a {font-size: small;}
#main .inner #aside .tvListing ul {margin: 1em 10px 10px 10px;}
#main .inner #aside .tvListing ul li {margin-top: 2px; font-size: small; line-height: 18px;}
#main .inner #aside .tvListing ul li a {font-size: small;}
#main .inner #aside .tvListing dl {margin: 1em 10px 30px 10px; color: #3B3B3B;}
#main .inner #aside .tvListing dt {font-weight: bold; margin: 1em auto 0.1em; font-size: small;}
#main .inner #aside .tvListing dd {margin:5px auto 5px 15px; font-size: small;}
#main .inner #aside .tvListing dd ul {margin: 0;}
#main .inner #aside .tvListing dd ul li {margin: 0;}
#main .inner #aside .tvListing img {margin: 10px 17px;} /* images of width is 226px */

#main .inner #aside .credits {width: 260px; background: url(../../images/spotlightBackground.jpg) repeat-x #e7e1ad; padding: 10px 0; clear: both; margin: 5px auto 2em auto;}
#main .inner #aside .credits h2 {color: #fff; text-transform: uppercase; font-size: large; font-weight: normal; margin: 0px 0 10px 10px;}
#main .inner #aside .credits p {font-size: small; margin: 0 10px 10px 10px;}
#main .inner #aside .credits a {font-size: small;}
#main .inner #aside .credits ul {margin: 1em 10px 10px 10px;}
#main .inner #aside .credits ul li {margin-top: 2px; font-size: small; line-height: 18px;}
#main .inner #aside .credits ul li a {font-size: small;}
#main .inner #aside .credits dl {margin: 1em 10px 10px 10px; color: #3B3B3B;}
#main .inner #aside .credits dt {font-weight: bold; margin: 1em auto; font-size: small;}
#main .inner #aside .credits dd {margin:5px auto 5px 15px; font-size: small;}
#main .inner #aside .credits dd ul {margin: 0;}
#main .inner #aside .credits dd ul li {margin: 0;}
#main .inner #aside .credits img {margin: 10px 17px;} /* images of width is 226px */

#main .inner #article #episodesListingMenu {margin: 2em 10px 20px 30px;  width: 540px; float: none; padding: 0px; text-align: left;}
#episodesListingMenu p.episodeTitle {margin: 0px 0px 5px 10px; padding: 0px; font-size: 10px; letter-spacing: 1px; line-height: 12px; font-weight: bold; color: #fff; text-transform: uppercase;}
#main .inner #article #episodesListingMenu a.episodeTitle {text-decoration: none; color:#fff; text-transform: uppercase;}
#main .inner #article #episodesListingMenu a.episodeTitle:hover {text-decoration: none; color:#ffed74; text-transform: uppercase;}
#main .inner #article #episodesListingMenu ol {margin:0; padding:0;}
#main .inner #article #episodesListingMenu li {list-style-type: none;}

#main .inner #episodesInfo {width: 875px; margin: 15px 0px 20px 0px; padding:0px; float: left; text-align:left; line-height:28px;  overflow: auto;}
#main .inner #episodesInfo p {line-height:24px; margin-top:10px;}
#main .inner #episodesInfo h2 {color: #A06521;}
#main .inner #episodesInfo p.episodeTitle {margin: 0px 0px 5px 0px; padding:0px; font-size: 80%; font-weight: 600; color:#ffed74; letter-spacing: 1px; text-transform:uppercase;}

#flashPreview {margin: 0px 0px 10px 3px; padding:0px; text-align:left;}
#flashPreview h2{margin: 0px 0px 5px 0px; padding: 0px; color: #FFF; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing: 2px;}

#main .inner #episodesInfo #moreInfo {margin: 20px 0px 0px 0px; padding: 10px; font-size: 9px; width: 440px; text-align:left; border: 1px solid #6b7d93;}
#main .inner #episodesInfo #moreInfo p {margin: 2px auto 0 auto; font-size: small;}
#main .inner #episodesInfo #moreInfo p.moreInfoHeader {margin-bottom: 0px; font-weight:bold; text-transform:uppercase; letter-spacing: 2px;}
#main .inner #episodesInfo #moreInfo p.specialThanksEpisode {font-size: 12px; font-weight: bold; font-style:italic; margin-top:15px;}
#main .inner #episodesInfo #moreInfo a {text-decoration: underline; font-size: small; line-height:14px;}

#main .inner #episodesInfo #moreInfoColumn {width: 190px; margin: 0px 20px 0px 0px; padding:0px; float: left; text-align: left; position:inherit;}

#main .inner #episodesInfo #specialThanks {margin: 20px 0px 0px 0px; padding: 10px 0px 0px 10px; width: 440px; text-align:left; border: 1px solid #6b7d93; overflow: auto;}
#main .inner #episodesInfo #specialThanks p{font-size: 0.8em; line-height:14px;}
#main .inner #episodesInfo #specialThanks p.specialThanksEpisode{font-weight: bold; font-style:italic;}
#main .inner #episodesInfo #specialThanks p.specialThanksHeader{margin-bottom: 15px; font-weight:bold; text-transform:uppercase; letter-spacing: 2px;}
#main .inner #episodesInfo #specialThanks a{text-decoration: none;}
#main .inner #episodesInfo #specialThanksColumn {width: 210px; margin:0px; padding:0px; float: left; text-align: left; position:inherit;}

/*************************************
Sponsors
**************************************/

#main .inner ul#sponsorsMenu {margin: 10px 0 40px 0; padding: 10px; width: 715px; background-color:#6f1911;}
#main .inner ul#sponsorsMenu li {display: inline; margin-right: 20px; font-weight: bold; }
#main .inner ul#sponsorsMenu li a{ color:#ffea97; font-size: 0.8em; text-decoration:none;}
#main .inner ul#sponsorsMenu li a:hover{text-decoration: underline;}

#main .inner h3.sponsorTitles {margin-top: 15px; margin-bottom: 15px; text-transform: uppercase; color: #a06521}
#main .inner h3.sponsorTitles a {margin-top: 15px; margin-bottom: 15px; text-transform: uppercase; color: #a06521; font-size: x-large;}

#main .inner a.top {display: block; font-size: small; margin-top: 1em; clear: both; margin-left: .5em;}

#main .inner .sponsorInitiative {margin-bottom: 2em;}
#main .inner .sponsorInitiative dl dt {font-size: large; font-weight: bold;}
#main .inner .sponsorInitiative {margin: 0px 30px 40px 15px; padding: 0; text-align:left;}
#main .inner .sponsorInitiative dt {font-weight: bold; text-transform: capitalize;}
#main .inner .sponsorInitiative dt.sponsorHEB {background-image:url("../../images/sponsors_HEB.gif"); width: 180px; height: 59px; background-repeat: no-repeat; display: block; padding: 0; text-indent:-9999px; margin: 0 0 .5em 0;}
#main .inner .sponsorInitiative dd {margin: 0em auto .5em 10px; padding: 0; line-height:1.3em;}
#main .inner .sponsorInitiative dd.slogan {margin-bottom: 0px; text-transform: uppercase; font-weight: bold; font-size: 0.9em;}
#main .inner .sponsorInitiative dd a {font-weight: bold; font-size: 0.9em; color: #6f1911; margin-top: 0em;}
#main .inner .sponsorInitiative ul {margin: 1em 0 0 .5em; padding: 0px;}
#main .inner .sponsorInitiative li.sponsorNormal {font-weight: normal; font-size: small;}
#main .inner .sponsorInitiative li.sponsorNormal a {font-weight: normal; font-size: small;}

#main .inner .sponsorEducation {margin-bottom: 2em;}
#main .inner .sponsorEducation dl dt {font-size: large; font-weight: bold;}
#main .inner .sponsorEducation {margin: 0px 30px 40px 15px; padding: 0; text-align:left;}
#main .inner .sponsorEducation dt {font-weight: bold; text-transform: capitalize;}
#main .inner .sponsorEducation dd {margin: 0em auto .5em 0px; padding: 0; line-height:1.3em;}
#main .inner .sponsorEducation dd a {font-weight: bold; font-size: 0.9em; color: #6f1911; margin-top: 0em;}

#main .inner .sponsorSeriesTitle {margin-bottom: 2em;}
#main .inner .sponsorSeriesTitle dl dt {font-size: large; font-weight: bold;}
#main .inner .sponsorSeriesTitle {overflow: hidden; margin: 0; padding: 0; height: 265px;}
#main .inner .sponsorSeriesTitle a.top {margin-left: 1.7em;}
#main .inner .sponsorSeriesTitle h3 {margin-top: 10px; margin-bottom:15px; text-transform: uppercase; color:#a06521}
#main .inner .sponsorSeriesTitle dt {margin: auto auto .5em auto; font-weight: bold; text-transform: capitalize;}

#main .inner .sponsorsCells {float:left; width: 270px; margin: 10px 0px 0px 10px; padding: 0px; text-align: left;}
#main .inner .sponsorsCells a {color: #39576e; font-weight: bold; text-decoration: underline}

#main .inner .sponsorsCells2 {margin-bottom: 2em;}
#main .inner .sponsorsCells2 dl dt {font-size: large; font-weight: bold;}
#main .inner .sponsorsCells2 {float:left; width:30%; margin: 0px 7px 0px 15px; padding: 0; text-align:left;}
#main .inner .sponsorsCells2 a {font-weight: bold; text-decoration:underline; font-size: 0.9em; color: #6f1911;}
#main .inner .sponsorsCells2 dl {margin: 0 auto auto auto;}
#main .inner .sponsorsCells2 dt.sponsorAtt {background-image:url("../../images/sponsors_ATT.gif"); width: 184px; height: 89px; background-repeat: no-repeat; display: block; padding: 0; text-indent:-9999px; margin: 0 0 .5em 0;}
#main .inner .sponsorsCells2 dt.sponsorEm {background-image: url("../../images/sponsors_Exxon.gif"); width: 235px; height: 48px; background-repeat: no-repeat; display: block; padding: 0; text-indent:-9999px; margin: 13px 0 16px 0;}
#main .inner .sponsorsCells2 dt.sponsorIbc {background-image: url("../../images/sponsors_ibc.gif"); width: 247px; height: 34px; background-repeat: no-repeat; display: block; padding: 0; text-indent:-9999px; margin: 14px 0 21px 0;}
#main .inner .sponsorsCells2 dd {margin: auto auto 3em 5px; padding: 0;}
#main .inner .sponsorsCells2 dd.slogan {margin-bottom: 0px; text-transform: uppercase; font-weight: bold; font-size: 0.9em;}

#main .inner .sponsorsCasing2 {background-color:#c1d7e5; margin: 10px auto; padding: 10px; position: inherit; text-align:left;}

#main .inner .sponsorListing {margin-bottom: 2em;}
#main .inner .sponsorListing dl dt {font-size: large; font-weight: bold; line-height:1.3em; margin-bottom:0em; font-size: 1.3em}
#main .inner .sponsorListing {margin: 25px 0px 15px 15px; padding: 0px 0px 15px 0px;}
#main .inner .sponsorListing p {margin: 0;}
#main .inner .sponsorListing dt {margin: auto auto .5em auto; text-transform: capitalize;}
#main .inner .sponsorListing dd {margin: 0em auto .5em 0px; padding: 0; line-height: 1.3em;}
#main .inner .sponsorListing dd.slogan {text-transform: uppercase; font-weight: bold; font-size: 0.9em; margin-top:0em; margin-bottom: 0em;}
#main .inner .sponsorListing dd a {font-weight: bold; font-size: 0.9em; color: #6f1911; margin-top: 0em;}
#main .inner .sponsorListing ul {margin: 1em 0; padding: 0px;}
#main .inner .sponsorListing li {list-style-type: none; margin: 0; padding: 0; font-size: small; line-height:1.3em;}
#main .inner .sponsorListing li.sponsorBold {font-weight: bold; font-size: medium; }
#main .inner .sponsorListing li.sponsorNormal {font-weight: normal; font-size: small; }
#main .inner .sponsorListing li.sponsorNormal a {font-weight: normal; font-size: small;}


/*************************************
Contact
**************************************/

#main .inner #article .contactForm #frmContact .name .field label {margin: 10px 0px 3px 1px; padding: 10px 0px 3px 1px; font-size: 1.0em; font-weight: bold; letter-spacing: 2px; color: #6F1911;}
#main .inner #article .contactForm #frmContact .address .field label {margin: 10px 0px 3px 1px; padding: 10px 0px 3px 1px; font-size: 1.0em; font-weight: bold; letter-spacing: 2px; color: #6F1911;}
#main .inner #article .contactForm #frmContact .name {position:inherit; float:left; width: 210px;}
#main .inner #article .contactForm #frmContact .address {position:inherit; float:left; width: 210px;}
#main .inner #article .contactForm #frmContact .name .field label input {margin: 3px 0px 6px 1px; font-family:Arial,Helvetica,sans-serif; font-weight: bold; font-size: 0.9em; height:20px; padding-left: 5px;}
#main .inner #article .contactForm #frmContact .address .field label input {margin: 3px 0px 6px 1px; font-family:Arial,Helvetica,sans-serif; font-weight: bold; font-size: 0.9em; height:20px; padding-left: 5px;}
#main .inner #article .contactForm #frmContact .name {clear: both;}
#main .inner #article .contactForm #frmContact .address {clear: both;}
#main .inner #article .contactForm #frmContact p.form label textarea {margin: 10px 0px 0px 1px; padding-left: 5px; font-size: medium; letter-spacing: 0px; font-family:Arial,Helvetica,sans-serif; width: 700px;}
#main .inner #article .contactForm #frmContact p.suggestions {margin: 0px; padding-top: 1em; clear: both; line-height: 18px;}
#main .inner #article .contactForm #frmContact p.thirteen {margin: 0px; padding-bottom: 1em; clear: both; font-size: small; line-height: 14px;}


/*************************************
Team
**************************************/

#main .inner .teamCasing {overflow: auto; width: 738px; margin-top: 5px; float: left;}
#main .inner .teamCasing ul {margin: 0px 0px 20px 0px; padding: 2px 0px 3px 10px; background-color: #576a89;}
#main .inner .teamCasing li {margin: 0px 12px 0px 0px; padding: 0; display: inline; text-transform: uppercase; letter-spacing: 1px; line-height: 20px;}
#main .inner .teamCasing ul li a {text-transform: uppercase; letter-spacing: 3px; display: list-item; background-color: transparent; list-style-type: none;}
#main .inner .teamCasing a.link {color: #fff;}
#main .inner .teamCasing p {margin: 0px 0px 0px 9px; padding: 0px 15px 0px 0px; line-height: 14px;}
#main .inner .teamCasing .headers {margin: 0px 0px 7px 0px; padding: 0; font-weight: 400; color: #fff; line-height: 20px; text-transform: uppercase; letter-spacing: 5px;}
#main .inner .teamCasing a {text-decoration: underline; font-weight: bold;}
#main .inner .teamCasing em {font-weight: bold;}
#main .inner .teamCasing dl {margin: 0; padding: 0; position: relative; overflow: auto;}
#main .inner .teamCasing dt {margin: 10px 0px 0px 10px; padding: 10px 14px 10px 0px; float: left; font-size: 18px; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; border-bottom: none; border-left: none; border-top: none; border-right: solid 1px #333; vertical-align: middle; clear: both;}
#main .inner .teamCasing dt ul {margin: 0; padding: 0; width: auto; background-color: transparent;}
#main .inner .teamCasing dt ul li {font-size: 18px; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; display: list-item; background-color: transparent; list-style-type: none;}
#main .inner .teamCasing dd.title {margin: 16px 0px 0px 0px; padding: 10px 0px 0px 9px; float: left; font-size: small; text-transform: uppercase; font-weight: bold; letter-spacing: 6px; line-height:10px;}
#main .inner .teamCasing dd.titleCom {margin: 16px 0px 0px 0px; padding: 10px 0px 0px 9px; float: left; font-size: small; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; line-height:10px;}
#main .inner .teamCasing dd.comBrendaTitle {margin: 6px 0px 0px 0px; padding: 10px 0px 0px 9px; float: left; font-size: small; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; line-height:10px; text-decoration: none;}
#main .inner .teamCasing dd.comBrendaTitle a {text-decoration: none;}
#main .inner .teamCasing dd.comBrendaPhone {margin: 0; padding: 10px 0px 0px 9px; float: left; font-size: small; text-transform: uppercase; font-weight: bold; letter-spacing: 6px; line-height:10px; white-space: nowrap;}
#main .inner .teamCasing dd.titleEditors {margin: 0; padding: 36px 0px 0px 9px; float: left; font-size: small; text-transform: uppercase; font-weight: bold; letter-spacing: 6px; line-height:10px;}
#main .inner .teamCasing dd.titleRecordist {margin: 0; padding: 46px 0px 0px 9px; float: left; font-size: small; text-transform: uppercase; font-weight: bold; letter-spacing: 6px; line-height:10px;}
#main .inner .teamCasing dd.titleMusicians {margin: 9em 0px 0px 0px; padding: 10px 0px 0px 9px; float: left; font-size: small; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; line-height: 10px;}
#main .inner .teamCasing dd.description {width: 95%; margin: 0 0px 1em 9px; padding: 1em 15px 0px 0px; font-size: small; line-height: 18px; display: block; clear: both;}
#main .inner .teamCasing dd.description a {font-size: small; line-height: 18px;}
#main .inner .teamCasing dt.nameUtLogo {margin: 10px 0px 0px 0px; padding: 10px 14px 10px 0px; position: inherit; float:left; border-bottom: none; border-left: none; border-top: none; border-right: solid 1px #333;}
#main .inner .teamCasing dt.nameUtFoundation {position:absolute; left:0px; top:-5000px; width:1px; height:1px; overflow:hidden; z-index: 5;}
#main .inner .teamCasing dd.nameUtTitle {margin: 78px 0px 0px 0px; padding: 10px 0px 0px 9px; position: inherit; float:left; font-size: small; text-transform: uppercase; font-weight: bold; letter-spacing: 6px; line-height:10px}
#main .inner .teamCasing dt.nameAlpheusLogo {margin: 0px; padding: 10px 0px 0px 0px; position: inherit; float:left; border: none;}
#main .inner .teamCasing dt.nameAlpheusMedia {position:absolute; left:0px; top:-5000px; width:1px; height:1px; overflow:hidden; z-index: 5;}
#main .inner .teamCasing dd.nameAlpheusTitle {margin: 16px 0px 0px 0px; padding: 85px 0px 0px 0px; position: inherit; float:left; font-size: small; text-transform: uppercase; font-weight: bold; letter-spacing: 6px; line-height:10px;}

/*************************************
News
**************************************/

#main .inner p.newsPage {padding-bottom: 30px;}

#main .inner .news {margin: 1.5em 0; padding-bottom: 1em; border-bottom: 1px #aaa78b solid; overflow: auto;}

#main .inner .news .newsImage {height: 150px; width: 298px; background-color: #CCC; display: block; float: left;}
#main .inner .news .description {float: left; padding: 0;}

#main .inner .news .description .infobar h2 {padding: 0; margin: 0;}
#main .inner .news .description .infobar h2 a {color: #a06521; font-size: 70%; float: left; text-decoration: none;}
#main .inner .news .description .infobar li {display: inline; float: left; margin: 0 0 0 10px; text-indent:-9999px; height: 16px; width: 16px;}
#main .inner .news .description p {color: #333; font-size: small; font-weight: normal; clear: both; margin: 0; line-height: 20px;}
#main .inner .news .description a {color: #a06521; font-size: small; font-weight: bold;}

/*************************************
Resources
**************************************/

#main .inner #resources h2 {margin: 1em 0;}
#main .inner #resources embed {margin: 15px;}
#main .inner #resources #printSummaries ul.icons li a {margin-left: 2px; font-size: medium; line-height: normal; text-decoration: underline; font-weight: bold;}
#main .inner #resources #printSummaries li.pdf {padding-left: 25px;}
#main .inner #resources .mediaCasing2 .photos {margin-right: 45px; position: relative; width: 450px; float: left;}
#main .inner #resources .mediaCasing2 .photos #picEntry {height: 300px;}

/*************************************
Legal
**************************************/

#main .inner dl.legal {line-height: 16px; color: #535353; margin: 0px;}
#main .inner dl.legal dt {font-weight: bold; margin-left: 30px;}
#main .inner dl.legal dt:after {content: ": ";}
#main .inner dl.legal dd {margin-left: 45px;}
#main .inner ol.publishingSteps {margin-left: 60px;}

/*************************************
Brenda Thompson vcard
**************************************/

.vcard .fn {font-weight: bold; margin: 5px 0;}
.vcard .email {margin: 5px 0;}
.vcard .tel {margin: 5px 0;}

/*************************************
jquery tabs on series homepage
**************************************/

#main .inner #article #seriesSpots ul.ui-tabs-nav {margin: 0 auto; padding: 10px; width: 680px;}
#main .inner #article #seriesSpots ul li {display: inline; margin-right: 20px; font-weight: bold; }
#main .inner #article #seriesSpots ul li a {color:#ffea97; font-size: 0.8em; text-decoration:none;}
#main .inner #article #seriesSpots ul li.ui-tabs-selected a {color:#ffea97; font-size: 0.8em; text-decoration: underline;}
#main .inner #article #seriesSpots ul li a:hover{text-decoration: underline;}

.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 4px 1em 1em 1em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }