@charset "utf-8"; /* CSS Document */ /* ================================================================================ Education pages. Author: Josh Shindler Created: 24th July 2009 ================================================================================ */ /* -------------------------------------------------------------------------------- General styles -------------------------------------------------------------------------------- */ #education-wrapper #wrapper #primary-content .holder {margin:12px 20px 0 20px; float:left; border-top:#CD5806 dotted 1px; padding:12px 0 0 0; width:599px; } * html #education-wrapper #wrapper #primary-content .holder {margin:0 10px 0 10px;} #education-wrapper #wrapper #primary-content .holder h3 {font-size:1.5em; padding:0 0 12px 0; font-weight:normal!important;} /* -------------------------------------------------------------------------------- Sub menu - second bar of double horizontal navigation -------------------------------------------------------------------------------- */ #education-wrapper .education{border-bottom:#CD5806 solid 4px;} #education-wrapper .education #sub-menu{ width:895px;} /*Level 1 header*/ .education-home #wrapper #primary-content #banner{ width:639px; float:left; } .education-home #wrapper #primary-content #banner h1 {background:#cd5806; float:left;color:#FFFFFF;padding:12px 12px 12px 12px;margin:-110px 0 0 20px;overflow:hidden; filter: alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; z-index:1; font-size:1.5em; font-weight:500;} html>body .level1 #wrapper #primary-content #banner h1{*position: static; } .education-home #wrapper #primary-content #banner h1 .sub-text {width:300px; font-size:0.65em; display:block; font-weight:bold; line-height:150%; padding:6px 0 0 0;} /*Level 3 header*/ .level3 #wrapper #main-content #banner{ background-color:#cd5806;} /*Level 4 layout and header */ .level4 #wrapper #banner h1{color:#cd5806; border-bottom:#cd5806 2px solid; } #wrapper #main-content #left-nav-content img{border:1px solid #8F8B8B;} /* -------------------------------------------------------------------------------- Main structure - Primary content -------------------------------------------------------------------------------- */ #education-wrapper #wrapper {border-bottom:#CD5806 4px solid; background-color: #eeeeee !important; float:left;margin-bottom:0px!important; } #education-wrapper #wrapper #primary-content #intro .keystage {width:588px!important; float:left; padding:8px 0 8px 0; font-size:0.90em; margin:0;} #education-wrapper #wrapper #primary-content #intro .keystage-item {float:left!important; padding:0 21px 0 0; margin:0!important; list-style-type: none!important;background-image:none!important; border-top:none;} #education-wrapper #wrapper #primary-content #intro .keystage-item a{color:#000; text-decoration:none;} #education-wrapper #wrapper #primary-content #intro .keystage-item a:hover{color:#000; text-decoration:underline;} #education-wrapper #wrapper #primary-content #intro li {background:none; border:none;} #education-wrapper #wrapper #primary-content ul li {background: url(/images/global/grad-bg.png) top left repeat-x; border-top:#CD5806 dotted 1px; width:319px;} #education-wrapper #wrapper #primary-content ul li h2 {background:none; padding:8px 10px 8px 20px; border:none;} /*navigation listings with small thumbnails */ #education-wrapper #wrapper #primary-content{border-right:dotted #CD5806 1px; } #education-wrapper #wrapper #primary-content .left {border-right:#CD5806 dotted 1px;} #education-wrapper #wrapper #primary-content ul li{background-color:transparent; } #education-wrapper #wrapper #primary-content li ul {padding:0 20px 0 20px;} #education-wrapper #wrapper #primary-content li li{padding:8px 0 12px 0; border-bottom:#CD5806 dotted 1px; width:279px;background-image:none!important; border-top:none;} #education-wrapper #wrapper #primary-content li li img{float:left; margin:4px 12px 0 0; } #education-wrapper #wrapper #primary-content li li a{font-weight:bold; color:#000000; text-decoration:none; width:213px;} #education-wrapper #wrapper #primary-content li li a:hover{text-decoration:underline;} #education-wrapper #wrapper #primary-content li li .description{ margin:0 0 0 67px; } #education-wrapper #wrapper #primary-content li li .key-stage{ margin:0 0 0 67px; color: #666666;} #education-wrapper #wrapper #primary-content li .no-border{border:none;} #education-wrapper #wrapper #primary-content li ul ul{padding:0 0 0 0; margin:0 0 0 0; border:none;} #education-wrapper #wrapper #primary-content .holder .teachers-bold-link{float:left; width:599px; text-decoration:none; color:#000000; font-weight:800;} #education-wrapper #wrapper #primary-content .holder h5 {font-weight:800; margin:12px 0 12px 0; float:left; width:580px} #education-wrapper #wrapper #primary-content .holder li {width:599px; float:left;} /*Lessons*/ #education-wrapper #wrapper #primary-content .holder .lesson-tasks{ float:left; width:560px; padding:12px 20px 12px 20px; border:#CD5806 dotted 1px; margin:12px 0 12px 0; background:url(/images/education/education-footer-bg.jpg) bottom repeat-x;} #education-wrapper #wrapper #primary-content .holder .lesson-tasks ul{ padding:0px 0 0 5px; float:left; width:500px; margin:10px 0 0 0;list-style-type: lower-alpha!important;} #education-wrapper #wrapper #primary-content .holder .lesson-tasks li {width:500px; float:left;/*this is needed to stop the disc list styles from wrapping*/ margin-left:20px; margin-top:1px; list-style-type: lower-alpha!important; display:list-item ; vertical-align: text-top; line-height:150%; padding:0 0 12px 0; border:none; background-image:none; } /*IE6 and IE 7 hack is needed to show disc list styles*/ *html #education-wrapper #wrapper #primary-content .holder .lesson-tasks li {float:none;} *+html #education-wrapper #wrapper #primary-content .holder .lesson-tasks li {float:none;} #education-wrapper #wrapper #primary-content .holder .lesson-tasks li ul{list-style-type:disc!important; border-bottom:none; width:480px; margin:12px 0 0 12px; padding:0 0 0 0;} #education-wrapper #wrapper #primary-content .holder .lesson-tasks li li{list-style-type:disc!important; border-bottom:none; width:480px; vertical-align:middle; display:list-item; padding-top:0px; padding-bottom:8px!important; list-style-position:inside!important;/*Will not show in IE without this!*/ border:none; background-image:none; } #education-wrapper #wrapper #primary-content .holder .lesson-tasks ul ul li {width:400px; padding:0; margin: 0;} #education-wrapper #wrapper #primary-content .holder .lesson-tasks ul li {width:500px;} #education-wrapper #wrapper #primary-content .holder .lesson-tasks p {width:520px;} #education-wrapper #wrapper #primary-content .holder .lesson-tasks h4{font:1.1em/135% Verdana, Arial, Helvetica, sans-serif; font-weight:800; /*padding-bottom:20px;*/ } #education-wrapper #wrapper #primary-content h4.hide-button, #education-wrapper #wrapper #primary-content h4.show-button { width: 350px; } #education-wrapper #wrapper #primary-content .holder .lesson-tasks h5 {font-weight:800; margin:12px 0 12px 0; float:left; width:559px} #education-wrapper #wrapper #primary-content .holder p {padding:6px 0 6px 0;} #education-wrapper #wrapper #primary-content .holder .center {margin-left: auto; margin-right: auto; width:100%; text-align: center;} #education-wrapper #wrapper #primary-content .holder .lesson-tasks .lesson-sources li {width:122px; float:left!important; padding:0 30px 0 0; margin:0 0 0 0; list-style-type:none!important;} #education-wrapper #wrapper #primary-content .holder .lesson-tasks .lesson-sources li a{font-weight:bold; color:#000; text-decoration:underline;} #education-wrapper #wrapper #primary-content .holder .lesson-tasks .lesson-sources {padding:0 0 0 0; margin:0 0 0 0;} #education-wrapper #wrapper #primary-content .holder .lesson-tasks .lesson-sources img{margin:0 0 8px 0;} #education-wrapper #changeFont {float:right; margin:0 20px 6px 0;} /*Workshops*/ #education-wrapper #wrapper #primary-content .quote-box{float:left; padding:12px 20px 12px 20px; border:#CD5806 dotted 1px; margin:12px 20px 12px 20px; background:url(/images/education/education-footer-bg.jpg) bottom repeat-x; font:1.5em/150% Verdana, Arial, Helvetica, sans-serif normal!important;} *html #education-wrapper #wrapper #primary-content .quote-box {margin: 12px 10px 12px 10px; padding:12px 10px 12px 10px; width:559px; } #education-wrapper #wrapper #primary-content .quote-box .quote-name{font:0.75em/150% Verdana, Arial, Helvetica, sans-serif normal;} #education-wrapper #wrapper #primary-content .holder #workshop-sessions {padding:0 0 12px 0; margin:0 0 0 -18px; width:619px; float:left} *html #education-wrapper #wrapper #primary-content .holder #workshop-sessions {padding:0 0 0 -12px; margin:0 0 12px -18px; width:617px} #education-wrapper #wrapper #primary-content .holder #workshop-sessions li {float:left; width:174px; padding:0 18px 0 18px; border-right:#CD5806 dotted 1px;border-top:none; background:none;} *html #education-wrapper #wrapper #primary-content .holder #workshop-sessions li{ padding:0 18px 0 18px;} #education-wrapper #wrapper #primary-content .holder #workshop-sessions .no-border{border:none; padding:0 0 0 18px; margin:0 0 0 0;} #education-wrapper #wrapper #primary-content .holder #workshop-sessions img {margin:0 0 12px 0;} #education-wrapper #wrapper #primary-content .holder #workshop-sessions li a{color:#000000; text-decoration:none; font-weight:800;} #education-wrapper #wrapper #primary-content .holder #workshop-sessions li a:hover{text-decoration:underline;} .level3 #wrapper #primary-content #intro h2 {float:left;} /*Document Bundles*/ #documentBundles {padding:12px 20px; margin:0 0 0 0; float:left;} #documentBundles li {border:none!important; background-image: none!important; width:100px!important; float:left; padding:0 19px 0 0; margin-bottom:6px; height:150px; } #documentBundles li a {display:block; padding:12px 1px 12px 1px; width:100px!important;text-decoration:none; color:#000;}#documentBundles li a:hover {border:#CD5806 dotted 1px; display:block; padding:11px 0 12px 0; color:#000; text-decoration:underlined;} #documentBundles li a img{float:none; border:#ccc solid 1px; margin:0 21px 8px 22px; } #documentBundles li a p {width:100px; text-align:center; padding:0 0 0 0; } #documentBundles li a:hover p {text-decoration:underline;cursor: hand;} /* -------------------------------------------------------------------------------- Main structure - Secondary content -------------------------------------------------------------------------------- */ #education-wrapper #wrapper #secondary-content .holder {border:dotted #CD5806 1px; border-top:none;} #education-wrapper #wrapper #secondary-content li{border-bottom:#CD5806 1px dotted; } #education-wrapper #wrapper #secondary-content li a{font-weight:800; } #wrapper #secondary-content .holder .header-no-link{color:#000000; text-decoration:none; padding-left: 10px!important;} #education-wrapper #wrapper #secondary-content .holder .download-workshop {padding:10px 0 0 10px;} /*video panel*/ #education-wrapper #wrapper #secondary-content .holder #player {margin:12px 10px 12px 10px;} /*facts and figures panel*/ #education-wrapper #wrapper #secondary-content .holder #facts-figures .fact-title {font-size:2.083em; padding:5px 0 5px 0; color:#CD5806} #education-wrapper #wrapper #secondary-content .holder #facts-figures .fact-description{color:#666666;} /*time periods panel*/ .jMyCarousel .up{background: url('/images/buttons/education-nav-up.gif') center center no-repeat;width:280px;height:30px;border:0px;margin:-1px 0 0 -1px;} .jMyCarousel .down{background: url('/images/buttons/education-nav-down.gif') center center no-repeat;width:280px;height:30px;border:0px;margin:6px 7px 0 0;} div.jMyCarousel ul{background-color:#fff; margin:12px 0 12px 0} *html div.jMyCarousel ul{background-color:#fff; margin:12px 0 12px 10px} div.jMyCarousel ul li{margin:-14px 10px 0 10px!important;line-height:0px; border:#fff dotted 0px!important;} *html div.jMyCarousel ul li{margin-top:-16px!important;line-height:0px; border:#fff dotted 0px;} div.jMyCarousel ul li img {border:none!important; padding:0 0 0 0; margin:0 0 0 0;} div.jMyCarousel ul li a{ /* in case of link */display:block;border:#fff dotted 0px;padding:0 0 0 0; margin:0 0 0 0;} #education-wrapper #wrapper #secondary-content .holder .jMyCarousel ul li a:hover{ color:#FFF!important; } div.jMyCarousel ul li h3 {background:#CD5806; float:left;color:#FFFFFF;padding:7px 10px 7px 10px;margin:-60px 0 0 0; position:static!important; filter: alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; z-index:1; font-weight:bold; } div.jMyCarousel ul li a img{display:block;border:0px;width:278px;} /* -------------------------------------------------------------------------------- Lefthand navigation -------------------------------------------------------------------------------- */ #wrapper #main-content #left-nav .selected-page a {background-color:#CD5806!important;} #wrapper #main-content #left-nav .selected .selected-page a {background-color:#CD5806!important;} /* --------------------------------------------------------------- Background images --------------------------------------------------------------- */ /*Seal*/ .watermark-seal #wrapper #primary-content{ background: #ffffff url(/images/education/seal-top-left.jpg) bottom right no-repeat !important;} .watermark-seal #wrapper {background:url(/images/education/seal-top-right.jpg) bottom right no-repeat; } .watermark-seal #ftr-wrapper #ftr-education #students {background:url(/images/education/seal-middle.jpg) top right no-repeat;} .watermark-seal #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(/images/education/seal-bottom.jpg) top right no-repeat;} /*Medieval*/ .watermark-medieval #wrapper #primary-content{ background: #ffffff url(/images/education/medieval-top-left.jpg) bottom right no-repeat !important;} .watermark-medieval #wrapper {background:url(/images/education/medieval-top-right.jpg) bottom right no-repeat; } .watermark-medieval #ftr-wrapper #ftr-education #students {background:url(/images/education/medieval-middle.jpg) top right no-repeat;} .watermark-medieval #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(/images/education/medieval-bottom.jpg) top right no-repeat;} /*Early Modern*/ .watermark-early-modern #wrapper #primary-content{ background: #ffffff url(/images/education/early-modern-top-left.jpg) bottom right no-repeat !important;} .watermark-early-modern #wrapper {background:url(/images/education/early-modern-top-right.jpg) bottom right no-repeat; } .watermark-early-modern #ftr-wrapper #ftr-education #students {background:url(/images/education/early-modern-middle.jpg) top right no-repeat;} .watermark-early-modern #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(/images/education/early-modern-bottom.jpg) top right no-repeat;} /*Empire and Industry*/ .watermark-empire-industry #wrapper #primary-content{ background: #ffffff url() bottom right no-repeat !important;} .watermark-empire-industry #wrapper {background:url(/images/education/empire-industry-top-right.jpg) bottom right no-repeat; } .watermark-empire-industry #ftr-wrapper #ftr-education #students {background:url(/images/education/empire-industry-middle.jpg) top right no-repeat;} .watermark-empire-industry #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(/images/education/empire-industry-bottom.jpg) top right no-repeat;} /*Victorians*/ .watermark-victorians #wrapper #primary-content{ background: #ffffff url(/images/education/victorians-top-left.jpg) bottom right no-repeat !important;} .watermark-victorians #wrapper {background:url(/images/education/victorians-top-right.jpg) bottom right no-repeat; } .watermark-victorians #ftr-wrapper #ftr-education #students {background:url(/images/education/victorians-middle.jpg) top right no-repeat;} .watermark-victorians #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(/images/education/victorians-bottom.jpg) top right no-repeat;} /*Early 20th Century*/ .watermark-early-20th #wrapper #primary-content{ background: #ffffff url(/images/education/early-20th-top-left.jpg) bottom right no-repeat !important;} .watermark-early-20th #wrapper {background:url(/images/education/early-20th-top-right.jpg) bottom right no-repeat; } .watermark-early-20th #ftr-wrapper #ftr-education #students {background:url(/images/education/early-20th-middle.jpg) top right no-repeat;} .watermark-early-20th #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(/images/education/early-20th-bottom.jpg) top right no-repeat;} /*Interwar*/ .watermark-interwar #wrapper #primary-content{ background: #ffffff url(/images/education/interwar-top-left.jpg) bottom right no-repeat !important;} .watermark-interwar #wrapper {background:url(/images/education/interwar-top-right.jpg) bottom right no-repeat; } .watermark-interwar #ftr-wrapper #ftr-education #students {background:url(/images/education/interwar-middle.jpg) top right no-repeat;} .watermark-interwar #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(/images/education/interwar-bottom.jpg) top right no-repeat;} /*WWII*/ .watermark-ww2 #wrapper #primary-content{ background: #ffffff url(/images/education/ww2-top-left.jpg) bottom right no-repeat !important;} .watermark-ww2 #wrapper {background:url(/images/education/ww2-top-right.jpg) bottom right no-repeat; } .watermark-ww2 #ftr-wrapper #ftr-education #students {background:url(/images/education/ww2-middle.jpg) top right no-repeat;} .watermark-ww2 #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(/images/education/ww2-bottom.jpg) top right no-repeat;} /*Postwar*/ .watermark-postwar #wrapper #primary-content{ background: #ffffff url(/images/education/postwar-top-left.jpg) bottom right no-repeat !important;} .watermark-postwar #wrapper {background:url(/images/education/postwar-top-right.jpg) bottom right no-repeat; } .watermark-postwar #ftr-wrapper #ftr-education #students {background:url(/images/education/postwar-middle.jpg) top right no-repeat;} .watermark-postwar #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(/images/education/postwar-bottom.jpg) top right no-repeat;} /*general images*/ /*Cards*/ .watermark-cards #wrapper #primary-content{ background: #ffffff url(/images/education/cards-top-left.jpg) bottom right no-repeat !important;} .watermark-cards #wrapper {background:url(/images/education/cards-top-right.jpg) bottom right no-repeat; } .watermark-cards #ftr-wrapper #ftr-education #students {background:url(/images/education/cards-middle.jpg) top right no-repeat;} .watermark-cards #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(/images/education/cards-bottom.jpg) top right no-repeat;} /*Death mask*/ .watermark-death-mask #wrapper #primary-content{ background: #ffffff url(/images/education/death-mask-top-left.jpg) bottom right no-repeat !important;} .watermark-death-mask #wrapper {background:url(/images/education/death-mask-top-right.jpg) bottom right no-repeat; } .watermark-death-mask #ftr-wrapper #ftr-education #students {background:url(/images/education/death-mask-middle.jpg) top right no-repeat;} .watermark-death-mask #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(/images/education/death-mask-bottom.jpg) top right no-repeat;} /*Medal*/ .watermark-medal #wrapper {background:url(/images/education/medal-top-right.jpg) bottom right no-repeat; } .watermark-medal #ftr-wrapper #ftr-education #students {background:url(/images/education/medal-middle.jpg) top right no-repeat;} .watermark-medal #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(/images/education/medal-bottom.jpg) top right no-repeat;} /*Royal book*/ .watermark-royal-book #wrapper #primary-content{ background: #ffffff url(/images/education/royal-book-top-left.jpg) bottom right no-repeat !important;} .watermark-royal-book #wrapper {background:url(/images/education/royal-book-top-right.jpg) bottom right no-repeat; } .watermark-royal-book #ftr-wrapper #ftr-education #students {background:url(/images/education/royal-book-middle.jpg) top right no-repeat;} .watermark-royal-book #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(//images/education/royal-book-bottom.jpgfow/images/education/royal-book-bottom.jpg) top right no-repeat;} /*Secret documents*/ .watermark-secret #wrapper #primary-content{ background: #ffffff url(/images/education/secret-top-left.jpg) bottom right no-repeat !important;} .watermark-secret #wrapper {background:url(/images/education/secret-top-right.jpg) bottom right no-repeat; } .watermark-secret #ftr-wrapper #ftr-education #students {background:url(/images/education/secret-middle.jpg) top right no-repeat;} .watermark-secret #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(/images/education/secret-bottom.jpg) top right no-repeat;} /*Spinning top*/ .watermark-spinning #wrapper #primary-content{ background: #ffffff url(/images/education/spinning-top-left.jpg) bottom right no-repeat !important;} .watermark-spinning #wrapper {background:url(/images/education/spinning-top-right.jpg) bottom right no-repeat; } .watermark-spinning #ftr-wrapper #ftr-education #students {background:url(/images/education/spinning-middle.jpg) top right no-repeat;} .watermark-spinning #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(/images/education/spinning-bottom.jpg) top right no-repeat;} /*Stick*/ .watermark-stick #wrapper #primary-content{ background: #ffffff url(/images/education/stick-top-left.jpg) bottom right no-repeat !important;} .watermark-stick #wrapper {background:url(/images/education/stick-top-right.jpg) bottom right no-repeat; } .watermark-stick #ftr-wrapper #ftr-education #students {background:url(/images/education/stick-middle.jpg) top right no-repeat;} .watermark-stick #ftr-wrapper #ftr{border-top:#CD5806 4px solid; background:url(/images/education/stick-bottom.jpg) top right no-repeat;} /* -------------------------------------------------------------------------------- Footer -------------------------------------------------------------------------------- */ #ftr-wrapper #ftr-education h2 {font:1.5em/100% Verdana, Arial, Helvetica, sans-serif bold; color:#CD5806; margin:0 0 0 -1px; padding:0 0 6px 0;} #ftr-wrapper #ftr-education li {width:200px; float:left; padding:3px 19px 3px 0;} #ftr-wrapper #ftr-education li a {color:#000000; text-decoration:none;} #ftr-wrapper #ftr-education li a:hover {color:#000000; text-decoration: underline;} #ftr-wrapper #ftr-education #teachers{width:440px; padding:0 20px 0 20px; float:left; margin:12px 0 12px 0;border-right:#CD5806 1px dotted;} #ftr-wrapper #ftr-education #students{width:439px; padding:12px 20px 12px 20px; float:left; margin:0 0 0 0; height:127px; } #ftr-wrapper #ftr-education {background:url(/images/education/education-footer-bg.jpg) #ffffff bottom repeat-x; float:left; padding:0 0 0 0; } #ftr-wrapper #ftr{border-top:#CD5806 4px solid;} /* -------------------------------------------------------------------------------- Feedback form -------------------------------------------------------------------------------- */ #education-wrapper #wrapper #main-content #left-nav-content #commentsform .formtable {margin:12px 0 0 0; border:#D9D9D9 dotted 1px; font-size:0.9em; } #education-wrapper #wrapper #main-content #left-nav-content #commentsform .Block .formtable tr th {padding:12px 0 12px 0; font-weight:bold;} #education-wrapper #wrapper #main-content #left-nav-content #commentsform .Block .formtable tr {margin:12px 0 12px 0!important;} #education-wrapper #wrapper #main-content #left-nav-content #commentsform .Block .formtable tr .grey { background-color:#eee; } #education-wrapper #wrapper #main-content #left-nav-content #commentsform .Block .formtable tr td {padding:6px 10px 6px 10px;} #education-wrapper #wrapper #main-content #left-nav-content #commentsform .Block .field-widget {margin:0 0 12px 0; } #education-wrapper #wrapper #main-content #left-nav-content #commentsform .Block .field-label-right{margin:6px 20px 12px 0; } #education-wrapper #wrapper #main-content #left-nav-content #commentsform .Block .comment {padding:0 0 0 0; margin:0 0 0 0; height:0;} /* ------------------------------------------------------------------------------ Punjab a heart divided styles ------------------------------------------------------------------------------ */ #education-wrapper #wrapper #primary-content .small-main-list #player {padding:0; border: solid 1px #999;} #education-wrapper #wrapper #primary-content .small-main-list {padding:0 20px;width:279px;} #education-wrapper #wrapper #primary-content .small-main-list li {border-top:1px dotted #bfbfbf;width:279px;padding-top:12px !important;padding-bottom:12px !important;} #education-wrapper #wrapper #primary-content .small-main-list li.first {border:none;} #education-wrapper #wrapper #primary-content .small-main-list li p {padding:0;} #education-wrapper #wrapper #primary-content .small-main-list li h3 {font-size:1em;font-weight:700;padding:;margin:10px 0;} #education-wrapper #wrapper #primary-content #your-archives-feed {margin-top:12px;} /* for IE - last p tags on level 1 (top margin too big) */ * html #education-wrapper #wrapper #primary-content ul.last-item p.last-line {padding-top:0;} * =+html #education-wrapper #wrapper #primary-content ul.last-item p.last-line {padding-top:0;} #education-wrapper #wrapper #primary-content #video-holder #player, #education-wrapper #wrapper #primary-content #holder #player {margin:12px 17px 12px 20px; border:#666 solid 1px!important; width:600px;} #education-wrapper #wrapper #primary-content #video-holder h2, #education-wrapper #wrapper #primary-content #holder h2 {background:none; font:1.5em/150% Verdana, Arial, Helvetica, sans-serif normal; padding:0 0 0 0; margin:12px 0 0 20px; float:left;border:0 solid #fff;} * html #education-wrapper #wrapper #primary-content #video-holder h2, #education-wrapper #wrapper #primary-content #holder h2 {margin:12px 0 0 10px;} *+html #education-wrapper #wrapper #primary-content #video-holder h2, #education-wrapper #wrapper #primary-content #holder h2 {margin:12px 0 0 20px;} #education-wrapper #wrapper #primary-content #video-holder .transcript, #education-wrapper #wrapper #primary-content #holder .transcript {float:right; margin:12px 20px 0 0; padding:0 0 0 0; } #education-wrapper #wrapper #primary-content #video-holder .transcript a, #education-wrapper #wrapper #primary-content #holder .transcript a{color:#000; text-decoration:none;} #education-wrapper #wrapper #primary-content #video-holder .transcript a:hover, #education-wrapper #wrapper #primary-content #holder .transcript a:hover{color:#000; text-decoration:underline;} #education-wrapper #wrapper #secondary-content .holder .more-videos li {width:278px; display:inline-block; } #education-wrapper #wrapper #secondary-content .holder .more-videos li a {font-weight:bold;} #education-wrapper #wrapper #secondary-content .holder .more-videos li p {padding-top:0; padding:0 0 0 108px; } #education-wrapper #wrapper #secondary-content .holder .more-videos li img{margin:0 12px 0 0; float:left;} #education-wrapper #wrapper #primary-content .gradient-box {margin:20px;border:#adaaaa dotted 1px; background:url(records-signposts-bg.jpg) top repeat-x; padding:12px 10px 12px 10px} #education-wrapper #wrapper #primary-content .gradient-box h3 {padding:0 0 12px 0;} #education-wrapper #wrapper #primary-content .gradient-box p {padding:6px 0 6px 0;}