/* Initialise */
BODY, FORM, FIELDSET, INPUT, DIV, P, HR, H1, H2, H3, H4, H5, H6, DL, DD, DT, OL, UL, LI, TABLE, TH, TD,IMG  {margin:0px; padding:0px; border:0px;}

/* Cols */
.layout {float:left; overflow:hidden;}
.clear {clear:both; display:block; visibility:hidden; height:1px; width:1px; overflow:hidden;}

.col-full-width {width:770px;}
.col-left {width:170px;}
.col-large {width:600px;}
.col-mid {width:300px;}
.col-center {width:420px;}
.col-right {width:170px;}
.col-right-large {width:180px;}
.col-header-left {width:310px;}
.col-header-right {width:460px;}

.col120 {width:100px; clear:left; padding:0px 0px 0px 10px;}
.col450 {width:450px;}

.min-col-height {min-height:500px; }
.extension .min-col-height {height:auto; min-height:1px;}

/* Assistive Text */
.assitive-text {display:none;}

/* Overview */
.overview {height:25px; width:770px; border-bottom:1px solid #cccccc; oveflow:hidden; background:#eeeeee; font:70% Verdana, Arial, sans-serif;}
.overview P {float:left; padding:5px 0px 0px 0px; text-indent:5px; width:320px;}
.overview P STRONG {font-weight:normal;}
.overview P A {color:#192A73; text-decoration:none;}
.overview FORM P {float:left; text-align:right; padding:1px 0px 0px 0px; width:450px; }
.overview LABEL {float:none;}
.overview .select {font-size:100%; margin-top:2px;}
.overview .submit {color:#000000; font:bold 100% Verdana, Arial, sans-serif; border:1px solid #666666;padding:0px 6px 0px 0px;}

/* Header Section */
P.nuffield-logo {float:left; width:260px; height:100px; background:#192A73 url(http://www.secondarydandt.org/data/static/site/graphics/nuffield-logo.gif) no-repeat 0 15px;}
P.nuffield-logo STRONG {display:block; width:130px;}
P.nuffield-logo A {display:block; height:100px; text-indent:-500px; text-decoration:none; overflow:hidden;}
P.logo {float:left; width:510px; height:75px; background:#192A73 url(http://www.secondarydandt.org/data/static/site/graphics/logo.gif) no-repeat; text-indent:-500px; text-decoration:none; overflow:hidden; padding:0px; margin:0px!important;}
P.logo A {float:left; width:510px; height:75px; text-decoration:none; overflow:hidden;}
.header-navigation {background:#E1AB47; height:25px; width:510px; float:left;}
.header-navigation LI {float:left; list-style:none;}
.header-navigation A {float:left; height:25px; padding:0px 11px 0px 11px; font:70%/25px Arial, sans-serif; color:#192A73; text-decoration:none;}
.header-navigation STRONG A {background:#EFCE90; font-weight:bold;}
.header-navigation A:hover {background:#EFCE90;}
.random-image {position:absolute; top:26px; left:130px; z-index:1;}

/* Left Section */
.column-shade {background:url(http://www.secondarydandt.org/data/static/site/graphics/left-column.gif) repeat-y;}
.left-navigation {border-top:25px solid #DADADA;font:70% Verdana, Arial, sans-serif; padding:0px 0px 20px 0px;}
.left-navigation LI {display:inline; list-style:none;}
.left-navigation STRONG A {background:#DADADA; min-height:1px;}
.left-navigation A {display:block; padding:5px 10px 5px 10px; color:#192A73; text-decoration:none;}
.left-navigation A:hover {background-color:#DADADA!important;}
.left-navigation LI LI A {padding-left:20px; font-size:90%;}
.left-navigation UL {padding:0px!important;}
.left-navigation UL UL A {padding-left:10px;}
.left-navigation UL.sub-menu {font-size:110%; display:none;}
.left-navigation .open-menu UL.sub-menu {display:block;}
.left-navigation UL.sub-menu A {background:url(http://www.secondarydandt.org/data/static/site/graphics/left-nav.gif) no-repeat 12px 11px; padding-left:20px;}
.left-navigation UL.sub-menu STRONG A {background:#DADADA url(http://www.secondarydandt.org/data/static/site/graphics/left-nav.gif) no-repeat 12px 11px; padding-left:20px;}
.left-navigation UL.sub-sub-menu A {background:url(http://www.secondarydandt.org/data/static/site/graphics/left-nav.gif) no-repeat 20px 11px; padding-left:30px;}

/* Center Section */
.breadcrumb {font:70%/25px Verdana, Arial, sans-serif; color:#333333; height:25px; padding:0px 0px 0px 104px; background:#DADADA;}
.breadcrumb STRONG A {font-weight:normal; color:#000000;}
.breadcrumb A {padding:0px 10px 0px 0px; color:#192A73; text-decoration:none;}
.breadcrumb A:hover {text-decoration:underline;}

.content {font:70% Verdana, Arial, sans-serif; padding:5px 0px 0px 0px;}
.content H1 {font:bold 160% Verdana, Arial, sans-serif; color:#E3A839; padding:0px 10px 10px 10px;}
.content H2 {font:bold 130% Verdana, Arial, sans-serif; color:#E3A839; padding:0px 10px 10px 10px;}
.content H3 {font:bold 100% Verdana, Arial, sans-serif; color:#E3A839; padding:0px 10px 5px 10px;}
.content P {padding:0px 10px 10px 10px; line-height:140%;}
.content .download {padding:25px 0px 15px 0px;}
.content A {color:#192A73;}
.content A:hover {color:#E1AB47;}
.content OL {padding:0px 0px 10px 30px; clear:left;}
.content UL {padding:0px 0px 10px 30px; clear:left;}
.content .shiftup20px  {margin:-20px -10px 0px 0px;}
.content .bullet {text-decoration:underline;  padding:0px 0px 0px 15px; background:url(http://www.secondarydandt.org/data/static/site/graphics/bullet.gif) no-repeat 2px 3px;}
.content .date {padding:0px 0px 10px 10px; font:normal normal 90%/180% Verdana, Arial, sans-serif; color:#666666;}
.content A.pdf {background:url(http://www.secondarydandt.org/data/static/site/graphics/pdf.gif) no-repeat right center; padding:2px 20px 2px 0px;}
.content .flash-right {width:200px; padding:0px 0px 0px 0px; float:right;}

.shade-content {background:#EEEEEE; margin:10px 10px 10px 10px; padding-top:10px;}

.content P.home-image {padding-bottom:0px;}
.content P.home-image .image-left {padding:0px 5px 10px 0px!important;}
.content P.home-image .image-left IMG {width:100px;}
.content P.home-image IMG {margin:0px!important;}
.content P.home-text {width:175px; padding:0px 0px 10px 0px!important;}
.content .home-text .home-link {display:block; margin-top:0px;}

.shade {}
H2.highlight {background:#192A72; height:18px; font:bold 100% Verdana, Arial, sans-serif; text-transform:uppercase; color:#E1AB47; padding:5px 0px 2px 10px; margin:0px 0px 5px 0px;}
H2.home-highlight {color:#192A72; background-color:#E1AB47; text-transform:none;}
H2.highlight A {color:#E1AB47; text-decoration:none; display:block;}
H2.highlight A:hover {text-decoration:underline;}

.email {clear:both; padding:0px!important;}
.email A {display:block; font-weight:bold; font-size:90%; background:#F0CE8F url(http://www.secondarydandt.org/data/static/site/graphics/email.gif) no-repeat 2px 3px; padding:5px 2px 5px 20px; text-decoration:none;}
.email A:hover {text-decoration:underline; color:#192A73;}
.letter {clear:both; padding:0px!important; }
.letter A {display:block; background:#E1AD4A url(http://www.secondarydandt.org/data/static/site/graphics/letter.gif) no-repeat 2px 5px; padding:5px 2px 5px 20px; text-decoration:none;}
.letter A:hover {text-decoration:underline; color:#192A73;}

/* Right Section */
.right-shade {background:url(http://www.secondarydandt.org/data/static/site/graphics/left-column.gif) repeat-y 600px 0px;}
.right-shade-large {background:url(http://www.secondarydandt.org/data/static/site/graphics/right-column.gif) repeat-y 420px 0px;}
.related {background:#EEEEEE; padding:0px 0px 20px 0px;}
.related H2 {background:#192A73; padding:5px 10px 0px 10px; height:20px; line-height:20px; margin:0px 0px 10px 0px; font:bold 100% Verdana, Arial, sans-serif;}
.related P {padding:0px 10px 10px 10px; line-height:120%;}
.related P EM {font-style:normal; font-size:90%; color:#666666;}
.related .col-image {padding:20px 0px 0px 5px;}


/* Right column links */
.looking-sideways, .linking-thinking {display:block; width:160px; height:73px; margin-left:10px; margin-bottom:20px; font-size:10%; text-indent:-3000px;}
.looking-sideways {background:url(http://www.secondarydandt.org/data/static/site/graphics/looking-sideways.gif) no-repeat 0px 0px;}
.linking-thinking {background:url(http://www.secondarydandt.org/data/static/site/graphics/linking-thinking.gif) no-repeat 0px 0px;}

/* Pager */
P.pager {font-size:120%;}
.pager .number {display:block; height:20px; width:20px; float:left; background:url(http://www.secondarydandt.org/data/static/site/graphics/pager.gif) 0px -60px no-repeat; text-align:center; margin-right:5px;}
.pager .number A {text-decoration:none; display:block; height:20px; width:20px; background:url(http://www.secondarydandt.org/data/static/site/graphics/pager.gif) 0px 0px no-repeat;}
.pager .number A:hover {background-position:0px 60px;}
.pager .number STRONG {background-position:0px 60px;}
.pager .np {float:left; margin-right:5px;}

/* Tools */
.tools {height:36px; background:#DDDDDD; color:#999999; font:70% Verdana, sans-serif;}
.tools .email-friend {float:right; background:url(http://www.secondarydandt.org/data/static/site/graphics/email.gif) no-repeat left center; padding:12px 20px 12px 25px; text-decoration:none; color:#192A73;}
.tools .print {float:right; background:url(http://www.secondarydandt.org/data/static/site/graphics/print.gif) no-repeat left center; padding:12px 20px 12px 25px; text-decoration:none; color:#192A73;}
.tools .last-updated {float:left; padding:12px 10px 0px 180px; color:#666666;}
.tools BR {display:none;}

/* Tutorial Numbers */
UL.tutorial-numbers {margin:0px 0px 10px 10px; float:right; clear:none; background:#D9D9D9; width:350px; padding:10px 0px 10px 240px;  }
UL.tutorial-numbers LI {float:left; list-style:none; width:60px; height:60px;}
UL.tutorial-numbers LI A {float:left; width:60px; height:60px; margin:0px 10px 0px 0px; font:bold 550%/60px Arial, sans-serif; text-align:center; color:#FFFFFF; text-decoration:none; }
.number-1 {background:#34689A;}
.number-2 {background:#329998;}
.number-3 {background:#F7D80B;}
.number-4 {background:#CD6702;}
.number-5 {background:#BE0000;}

H1.tutorial-title {font:bold 140% Arial,sans-serif; color:#1B2E7A;}
.inset-number {float:left; width:50px; height:50px; text-align:center; padding:0px!important; font:bold 35px Arial, sans-serif; margin:0px 10px 10px 0px; border-left:10px solid #FFFFFF; color:#FFFFFF; }
H2.number-1 {background:none; color:#34689A!important;}
H2.number-2 {background:none; color:#329998!important;}
H2.number-3 {background:none; color:#F7D80B!important;}
H2.number-4 {background:none; color:#CD6702!important;}
H2.number-5 {background:none; color:#BE0000!important;}

/* More and Try This Popup*/
.more {float:left; text-decoration:none; font-size:1px; color:#FFFFFF!important; width:90px; height:80px; margin:0px 10px 20px 180px!important; background:url(http://www.secondarydandt.org/data/static/site/graphics/more.gif) no-repeat;}
.try-this {float:left; text-decoration:none; font-size:1px; color:#FFFFFF!important; width:90px; height:80px; margin:0px 0px 20px 0px; background:url(http://www.secondarydandt.org/data/static/site/graphics/trythis.gif) no-repeat;}
.more-background {background:url(http://www.secondarydandt.org/data/static/site/graphics/more-background.gif) no-repeat; font:bold 75% Arial, sans-serif; color:#FFFFFF; padding:75px 50px 20px 95px;}
.try-this-background {background:url(http://www.secondarydandt.org/data/static/site/graphics/trythis-background.gif) no-repeat; font:bold 75% Arial, sans-serif; color:#FFFFFF; padding:75px 50px 20px 95px;}
.popup {font:bold 75% Arial, sans-serif; color:#192A73; padding:40px 0px 10px 10px; background:url(http://www.secondarydandt.org/data/static/site/graphics/popup-header.gif) no-repeat;}
.popup H1 {font-size:100%;}
.popup EM {font-style:normal;}
.popup IMG {margin-top:5px;}
.popup .action A {position:absolute; right:5px; top:3px; text-decoration:none; color:#FFFFFF; border:1px solid #FFFFFF; padding:1px 5px 1px 5px;}
.more-background A {color:#993300;}
.try-this-background A {color:#003366;}

/* Glossary */

/* homepage-section */
.homepage-section {margin-bottom:40px;}

/* Footer Section */
.footer {background:#E3A839; height:50px; font:65%/20px Verdana, Arial, sans-serif;}
.footer P {padding:5px 0px 0px 0px;}
.footer A {color:#192A73; text-decoration:none;}
.footer A:hover {text-decoration:underline;}
P.nf-logo {float:left; padding:0px;}
P.nf-logo A {float:left; width:180px; height:45px; background:url(http://www.secondarydandt.org/data/static/site/graphics/nf-logo-2009.jpg) 25px 1px no-repeat; text-indent:-500px; text-decoration:none; overflow:hidden;}

/* Utilities */
P.utilities {position:absolute; font:65%/20px Verdana, Arial, sans-serif; top:25px; left:650px; color:#FFFFFF;}
P.utilities A {color:#FFFFFF; text-decoration:none;}
P.utilities A:hover {color:#FFFFFF; text-decoration:underline;}

/* Inline */
.image {float:left; padding:0px 10px 10px 10px; clear:left;}
.image-left {float:left; padding:0px 10px 10px 10px; clear:left;}
.image-right {float:right; padding:0px 10px 10px 10px;}
.image EM, .content .image-left EM, .content .image-right EM {font:normal normal 90% Arial, sans-serif; color:#404040;}
.image-copyright {display:none;}
.right-shade .col-mid .image, .right-shade .col-mid .image-left {padding:0px 10px 10px 0px;}

/* Forms */
.fieldlabel {display:block; float:left; width:140px; font-weight:bold;}
.fielddescription {padding:5px 0px 10px 150px!important;}
.fieldcontrol {padding:5px 0px 10px 140px!important;}
.fielderror {color:#ff0000;}
.fieldrequired {font:90% Arial, sans-serif; color:#ff0000;}
.text { width:300px; border:1px solid #000000; background:#F2F2F2; font:100% Verdana, Arial, sans-serif; padding:2px;}
.textarea { width:350px; border:1px solid black; background:#F2F2F2; font:100% Verdana, Arial, sans-serif; padding:2px;}
.submit {text-align:left; background:url(http://www.secondarydandt.org/data/static/site/graphics/arrow.gif) no-repeat right center; border:0px; font:bold 110%/14px  Verdana, Arial, sans-serif; cursor:pointer; color:#192A73; margin:0px 0px 0px 0px; padding:0px 5px 0px 0px;}
.submit-hover {text-align:left; background:url(http://www.secondarydandt.org/data/static/site/graphics/arrow.gif) no-repeat right center; border:0px; font:bold 110%/14px  Verdana, Arial, sans-serif; cursor:pointer; color:#660033; margin:0px 0px 0px 0px; padding:0px 5px 0px 0px;}
.select {font:100% Arial, sans-serif; border-top:1px solid #464646; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; border-left:1px solid #464646; margin:0px 0px 0px 10px;}
FORM BR {display:none;}
.radio {margin:3px 3px 0px 0px;}

/* Close Window */
P.print-controls {position:absolute; font:65%/20px Verdana, Arial, sans-serif; top:5px; right:20px;}
P.print-controls A {color:#192A73;}
P.print-controls A:hover {color:#E1AB47;}
.popup-page {margin:20px;}
.popup-page H1 {margin-bottom:10px;}

/* Extension Card Popup */
.extension {background:url(http://www.secondarydandt.org/data/static/site/graphics/popup-bg.gif) no-repeat; padding:20px;}
.extension P.print-controls {top:30px; left:450px;}
.extension .content {width:530px;}