* { margin:0; padding:0; border:0; }

body { font-family: Georgia, serif; font-size: 62.5%; color: #333; background: url('/wgbh/masterpiece/images/40th_bg.jpg') #090909 top left repeat-x; }
body#popup { width: 100%; margin: 0; font-family: Georgia, serif; font-size: 62.5%; color: #333333; background: #FFFFFF; }

#mpt_main { width: 972px; margin: 0 auto; font-family: Georgia, serif; color: #333333; background: url('/wgbh/masterpiece/images/40th_bg_main.gif') #FFFFFF top left repeat-y; position: relative; border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; }
#mpt_main #contentcol { width: 804px; min-height: 776px; background: #FFFFFF; border-radius: 0px 0px 0px 6px; -moz-border-radius: 0px 0px 0px 6px; -webkit-border-bottom-left-radius: 6px; }
#mpt_main #utilcol { width: 160px; padding: 0 4px; background: #464646; position: absolute; top: 0px; right: 0px; border-radius: 0px 0px 6px 0px; -moz-border-radius: 0px 0px 6px 0px; -webkit-border-bottom-right-radius: 6px; }
#mpt_main #utilcol h3 { padding: 6px 0; background: #6B6B6B; font-family: Arial, sans-serif; font-size: 9px; color: #FFFFFF; text-align: center; }
#mpt_main #utilcol h3.social { margin: 9px 0 11px 0; }
#mpt_main #utilcol ul { width: 86px; margin: 0 auto 20px; list-style: none; }
#mpt_main #utilcol ul li { height: 24px; margin: 0 0 8px 0; }
#mpt_main #utilcol ul li.fb { background: url('/wgbh/masterpiece/images/icon_facebook.png') top left no-repeat; }
#mpt_main #utilcol ul li.tw { background: url('/wgbh/masterpiece/images/icon_twitter.png') top left no-repeat; }
#mpt_main #utilcol ul li a { display: block; height: 24px; padding: 0 0 0 30px; font-size: 10px; font-family: Arial, sans-serif; color: #A4A4A4; line-height: 24px; vertical-align: middle; text-transform: uppercase; font-weight: normal; text-decoration: none; }
#mpt_main #utilcol h3.adtext { margin: 10px 0 3px 0; }

#mpt_header { width: 804px; background: url('/wgbh/masterpiece/images/nav_masterpiece.jpg') #EEEEEE top left no-repeat; position: relative; z-index: 50; } /* you need z-index set here to fix an IE6/7 bug.  Also, DO NOT set a height in this container lest you break IE7!  */
#mpt_header a#masterpiece { display: block; width: 804px; height: 120px; text-indent: -9999px; outline: 0; }

#mpt_header #searchbox { width: 215px; position: absolute; top: 11px; right: 8px; }
#mpt_header #searchbox #search_label { width: 52px; height: 17px; position: relative; float: left; }
#mpt_header #searchbox form { margin: 0; padding: 0; border: 0; overflow: hidden; display: inline; }
#mpt_header #searchbox #q { width: 130px; height: 15px; margin-right: 2px; border: 1px solid #CCCCCC; background: #FFFFFF; vertical-align: top }
#mpt_header #searchbox #search_go { width: 27px; height: 17px; vertical-align: top; }

#mpt_header #sponsoriconbox { width: 400px; height: 56px; position: absolute; top: 15px; right: 12px; }
#mpt_header #sponsoriconbox .sponsorlabel { width: 176px; margin: 0; padding: 0; position: absolute; bottom: 0px; left: 0px; font-family: Arial, sans-serif; font-size: 11px; line-height: 9px; text-align: right; color: #888; }
#mpt_header #sponsoriconbox a#viking { width:94px; position: absolute; top: 0; left: 184px; }
#mpt_header #sponsoriconbox a#ralphlauren { width:106px; position: absolute; top: 0; left:294px; }
#mpt_header #sponsoriconbox a#audible { width:120px; position: absolute; top: 0; left:288px; }

#mpt_header #seasons { list-style: none; position: absolute; top: 87px; left: 444px; z-index: 50; } /* you also need z-index set here to fix an IE6/7 bug */
#mpt_header #seasons li.seasontab { height: 33px; position: relative; float: left; }
#mpt_header #seasons li.seasontab a.seasonname { display: block; height: 33px; text-indent: -9999px; outline: 0; }
#mpt_header #seasons #s_classic { width: 128px; background: url('/wgbh/masterpiece/images/nav_40th_classic.jpg'); }
#mpt_header #seasons #s_classic a.seasonname:hover,
#mpt_header #seasons #s_classic a.seasonname.light,
#mpt_header #seasons #s_classic a.seasonname.selected,
#mpt_header #seasons #s_classic a.seasonname:active,
#mpt_header #seasons #s_classic a.seasonname:focus { background: url('/wgbh/masterpiece/images/nav_40th_classic_over.jpg'); }
#mpt_header #seasons #s_mystery { width: 116px; background: url('/wgbh/masterpiece/images/nav_40th_mystery.jpg'); }
#mpt_header #seasons #s_mystery a.seasonname:hover,
#mpt_header #seasons #s_mystery a.seasonname.light,
#mpt_header #seasons #s_mystery a.seasonname.selected,
#mpt_header #seasons #s_mystery a.seasonname:active,
#mpt_header #seasons #s_mystery a.seasonname:focus { background: url('/wgbh/masterpiece/images/nav_40th_mystery_over.jpg'); }
#mpt_header #seasons #s_contemporary { width: 116px; background: url('/wgbh/masterpiece/images/nav_40th_contemporary.jpg'); }
#mpt_header #seasons #s_contemporary a.seasonname:hover,
#mpt_header #seasons #s_contemporary a.seasonname.light,
#mpt_header #seasons #s_contemporary a.seasonname.selected,
#mpt_header #seasons #s_contemporary a.seasonname:active,
#mpt_header #seasons #s_contemporary a.seasonname:focus { background: url('/wgbh/masterpiece/images/nav_40th_contemporary_over.jpg'); }

#mpt_header #seasons ul { list-style: none; width:570px; border: 1px solid #FFFFFF; border-bottom: 0px; background: #E1E1E1; position: absolute; top: 32px; right: 0px; z-index: 50; } /* width setting is a kludge.  It needs to be wide enough for width of the menu to be accurately calculated dynamically.  This choice is based on the page width minus the position of the right hand corner of the menu */
#mpt_header #seasons ul#s_classic_sub { right: 1px; }
#mpt_header #seasons ul li { height: 20px; border-bottom: 1px solid #FFFFFF; padding: 0 8px; font-family: Arial, sans-serif; font-size: 11px; line-height: 20px; vertical-align: middle; color: #000000; cursor: pointer; }
#mpt_header #seasons ul li a { display: block; height: 20px; margin: 0 20px 0 0; position: relative; float: left; font-weight: normal; text-decoration: none; color: #C31934; outline: 0; }
#mpt_header #seasons ul li.hover { background: #C9C9C9; }
#mpt_header #seasons ul li.nosite {	cursor: default; }
#mpt_header #seasons ul li.nosite a { color: #666666; cursor: default }
#mpt_header #seasons ul li.nosite.plaintext a { margin: 0; float: right; }

#mpt_header #seasons ul li .date { display: block; position: relative; float: left; }

#mpt_header #sections { width: 804px; height: 22px; background: url('/wgbh/masterpiece/images/nav_40th_bg_navbar.jpg') #343434 top left repeat-x; }
ul#navbar { list-style: none; }
ul#navbar li { height: 22px; position: relative; float:left; }
ul#navbar li a { display: block; height: 22px; text-indent: -9999px; outline: 0; }
ul#navbar #nav_home { width: 64px; }
ul#navbar #nav_home a { background: url('/wgbh/masterpiece/images/nav_40th_home.jpg'); }
ul#navbar #nav_home a:hover,
ul#navbar #nav_home a:active,
ul#navbar #nav_home a:focus { background: url('/wgbh/masterpiece/images/nav_40th_home_over.jpg'); }
ul#navbar #nav_home.selected a { background: url('/wgbh/masterpiece/images/nav_40th_home_on.jpg'); }
ul#navbar #nav_watch { width: 112px; }
ul#navbar #nav_watch a { background: url('/wgbh/masterpiece/images/nav_40th_watch.jpg'); }
ul#navbar #nav_watch a:hover,
ul#navbar #nav_watch a:active,
ul#navbar #nav_watch a:focus { background: url('/wgbh/masterpiece/images/nav_40th_watch_over.jpg'); }
ul#navbar #nav_watch.selected a { background: url('/wgbh/masterpiece/images/nav_40th_watch_on.jpg'); }
ul#navbar #nav_schedule { width: 85px; }
ul#navbar #nav_schedule a { background: url('/wgbh/masterpiece/images/nav_40th_schedule.jpg'); }
ul#navbar #nav_schedule a:hover,
ul#navbar #nav_schedule a:active,
ul#navbar #nav_schedule a:focus { background: url('/wgbh/masterpiece/images/nav_40th_schedule_over.jpg'); }
ul#navbar #nav_schedule.selected a { background: url('/wgbh/masterpiece/images/nav_40th_schedule_on.jpg'); }
ul#navbar #nav_archive { width: 75px; }
ul#navbar #nav_archive a { background: url('/wgbh/masterpiece/images/nav_40th_archive.jpg'); }
ul#navbar #nav_archive a:hover,
ul#navbar #nav_archive a:active,
ul#navbar #nav_archive a:focus { background: url('/wgbh/masterpiece/images/nav_40th_archive_over.jpg'); }
ul#navbar #nav_archive.selected a { background: url('/wgbh/masterpiece/images/nav_40th_archive_on.jpg'); }
ul#navbar #nav_learn { width: 59px; }
ul#navbar #nav_learn a { background: url('/wgbh/masterpiece/images/nav_40th_learn.jpg'); }
ul#navbar #nav_learn a:hover,
ul#navbar #nav_learn a:active,
ul#navbar #nav_learn a:focus { background: url('/wgbh/masterpiece/images/nav_40th_learn_over.jpg'); }
ul#navbar #nav_learn.selected a { background: url('/wgbh/masterpiece/images/nav_40th_learn_on.jpg'); }
ul#navbar #nav_teachers { width: 85px; }
ul#navbar #nav_teachers a { background: url('/wgbh/masterpiece/images/nav_40th_teachers.jpg'); }
ul#navbar #nav_teachers a:hover,
ul#navbar #nav_teachers a:active,
ul#navbar #nav_teachers a:focus { background: url('/wgbh/masterpiece/images/nav_40th_teachers_over.jpg'); }
ul#navbar #nav_teachers.selected a { background: url('/wgbh/masterpiece/images/nav_40th_teachers_on.jpg'); }
ul#navbar #nav_bookclub { width: 136px; }
ul#navbar #nav_bookclub a { background: url('/wgbh/masterpiece/images/nav_40th_bookclub.jpg'); }
ul#navbar #nav_bookclub a:hover,
ul#navbar #nav_bookclub a:active,
ul#navbar #nav_bookclub a:focus { background: url('/wgbh/masterpiece/images/nav_40th_bookclub_over.jpg'); }
ul#navbar #nav_bookclub.selected a { background: url('/wgbh/masterpiece/images/nav_40th_bookclub_on.jpg'); }
ul#navbar #nav_connect { width: 80px; }
ul#navbar #nav_connect a { background: url('/wgbh/masterpiece/images/nav_40th_connect.jpg'); }
ul#navbar #nav_connect a:hover,
ul#navbar #nav_connect a:active,
ul#navbar #nav_connect a:focus { background: url('/wgbh/masterpiece/images/nav_40th_connect_over.jpg'); }
ul#navbar #nav_connect.selected a { background: url('/wgbh/masterpiece/images/nav_40th_connect_on.jpg'); }
ul#navbar #nav_shop { width: 53px; }
ul#navbar #nav_shop a { background: url('/wgbh/masterpiece/images/nav_40th_shop.jpg'); }
ul#navbar #nav_shop a:hover,
ul#navbar #nav_shop a:active,
ul#navbar #nav_shop a:focus { background: url('/wgbh/masterpiece/images/nav_40th_shop_over.jpg'); }
ul#navbar #nav_shop.selected a { background: url('/wgbh/masterpiece/images/nav_40th_shop_on.jpg'); }
ul#navbar #nav_subscribe { width: 89px; }
ul#navbar #nav_subscribe a { background: url('/wgbh/masterpiece/images/nav_40th_subscribe.jpg'); }
ul#navbar #nav_subscribe a:hover,
ul#navbar #nav_subscribe a:active,
ul#navbar #nav_subscribe a:focus { background: url('/wgbh/masterpiece/images/nav_40th_subscribe_over.jpg'); }
ul#navbar #nav_subscribe.selected a { background: url('/wgbh/masterpiece/images/nav_40th_subscribe_on.jpg'); }

#main { width: 804px; clear: both; position: relative; border-radius: 0px 0px 0px 6px; -moz-border-radius: 0px 0px 0px 6px; -webkit-border-bottom-left-radius: 6px; } /* was 972px wide */
#columns { width: 804px; padding-bottom: 60px; }
#columns.utilpgbg {  background: url('/wgbh/masterpiece/images/40th_bg_content.jpg') #FFFFFF top left repeat-x; }
.colpad { margin-right: 8px; }

p { margin-bottom: 1em; font-size: 1.4em; line-height: 1.3em; }
p.padme { padding: 0 5px; }
p.large { padding: 0 5px; font-size: 1.4em; line-height: 1.3em; }
.content p { padding: 0 5px; }
.sidebar p { padding: 0 5px; font-size: 1.1em; }

h3 { margin-bottom: 1em; padding: 0 5px; font-size: 1.2em; font-weight: bold; text-transform: uppercase; clear: both; }
h3 .mpt { font-size: 1.3em; font-variant: small-caps; text-transform: none; }
.sidebar h3 { font-size: 1em }

a { color: #933; font-weight: bold; text-decoration: none; }
a.external { color: #933; font-weight: normal; text-decoration: none; }
a.title { font-style: italic; }
a.unbold { font-weight: normal; }
a:hover { text-decoration: underline; }

#footer { width: 804px; border-top: 1px solid #F0F0F1; padding: 5px 0 0 0; color: #000; clear: both; margin: 0 0 24px 0; }
#footer p { font-size: 1.1em; }
#footer a { font-weight: normal; color: #464646; text-decoration: none; }
#footer a:hover { text-decoration: underline; color: #000; }
#footer p.fundercopy { font-size: 1.0em; color: #747474; }
#footer p.disclaimer { margin: 18px 0 24px 0; font-size: .9em; color: #999; clear: both; }

.mpt { font-size: 1.1em; font-variant: small-caps; }
.mpt_lg { font-size: 1.8em; font-variant: small-caps; }

.right { float: right; position: relative; display: inline; }
.left { float: left; position: relative; display: inline; }
.clear { clear: both; }

.rightalign { text-align: right; }
.center { text-align: center; }
.block { display: block; }
.nospace { margin-bottom: 0; padding-bottom: 0; }
.normal { font-style: normal; font-weight: normal; }

.onecol { width: 195px; }
.twocol { width: 398px; }
.threecol { width: 601px; }
.fourcol { width: 804px; }

.pagetitle { margin: 41px 0 0 0; }


/* sponsorship banner ad code here */

/*** turn ads on/off ***/
div#sponsorship { display: block; }

/*** house ads ***/
/* div#sponsorship { width: 160px; height: 630px; position: absolute; top: 0; left: 824px; background: #FFF url('../images/sponsorship_endgame_bg.gif') top left no-repeat; } */ /* this removes the bg image that contains the "Masterpiece is sponsored by" language */
/* div#sponsorship #adtag { width: 160px; height: 600px; position: absolute; top: 29px; background: #FFF; } */
div#sponsorship { width: 160px; height: 630px; position: relative; z-index: 5000; } /* this removes the bg image that contains the "Masterpiece is sponsored by" language */
div#sponsorship #adtag { width: 160px; height: 600px; }

/*** real ads ***/
/*div#sponsorship { width: 160px; height: 630px; position: absolute; top: 0; left: 824px; background: url('../images/sponsorship_bg.gif') top left no-repeat; } */ /* this includes the bg image that contains the "Masterpiece is sponsored by" language */
/*div#sponsorship p { width: 140px; font-family: Verdana, sans-serif; font-size: 9px; line-height:9px; margin: 10px auto 0; } */
/*div#sponsorship #adtag { width: 160px; height: 600px; position: absolute; top: 29px; background: #FFF; } */

/* end sponsorship banner ad code */