body {background-image:url(/schoolsteachers/generic/background.gif);} .pageheading {font-size:1.3em;} /* PICTURE OF BRITAIN STYLES */ p.subnav {font-size:0.7em; font-family:arial, helvetica, geneva, sans-serif; padding:0px; padding-top:1px;} a.subnav {text-decoration:none;} a.subnav:hover {text-decoration:underline;} p.subnav .subnavselected {font-size:1em; font-weight:normal; padding:0px; margin:0px;} .inlinecredit {font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:0.9em; line-height:1.2em; text-decoration:none;} .unlinkledcredit {font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:inherit; text-decoration:none;} .school {font-family:arial, helvetica, geneva, sans-serif; font-size:1em; color:#75929f; font-weight:bold; margin-top:0px; margin-bottom:2px;} .location {font-family:arial, helvetica, geneva, sans-serif; font-size:0.8em; color:#333333; margin-top:0px; margin-bottom:2px;} .class {font-family:arial, helvetica, geneva, sans-serif; font-size:0.75em; color:#75929f; font-weight:bold; margin-top:0px;} ul.space {margin-top:10px; margin-bottom:16px; font-family:arial, helvetica, geneva, sans-serif; font-size:0.75em;} ul.partone {margin-top:0px; margin-bottom:0px; font-family:arial, helvetica, geneva, sans-serif; font-size:0.75em;} ul.parttwo {margin-top:0px; margin-bottom:16px; font-family:arial, helvetica, geneva, sans-serif; font-size:0.75em;} li.purple{list-style:disc; margin-left:-12px; color:#75929f; font-size:1.2em; line-height:1.3em; font-family:verdana, arial, helvetica, geneva, sans-serif; font-size:0.7em;} li.doc {list-style-image:url(/learning/generic/white/doc_list.gif); margin-top:7px; margin-bottom:5px; font-family:verdana, arial, helvetica, geneva, sans-serif; font-size:0.7em;} li.pob {font-size:0.7em;} /* END PICTURE OF BRITAIN */ /* OUT OF HOURS STYLES */ /*Out of Hours logo, hides graphic from NN4, and indents the real text to be from other browsers, which results in NN4 seeing real text logo and other browsers seeing image logo*/ .ooh{color:#333; margin:0; padding:0; border:0;} .ooh a:link, .ooh a:visited{text-indent:-9999px; display:block; width:197px; height:52px; background:#EDEBEE url(/learning/outofhours/img/ooh_logo.gif) top left no-repeat; margin:0; padding:0; border:solid 0px;} /*top banner diagonal effect graphic*/ td.topgraphic {background:url(/learning/outofhours/img/ooh_top.gif) bottom left no-repeat; height:15px; margin:0; padding:0; border:0;} /*top banner gutter between headline and rightside graphic*/ td.topbanner1 {background:#EDEBEE url(/learning/outofhours/img/ooh_topbanner1.gif) top left no-repeat; height:50px; margin:0; padding:0; border:0; border-bottom:1px solid #A79DAA;} /*top banner rightside graphic*/ td.topbanner2 {background:#E1DFE2 url(/learning/outofhours/img/ooh_topbanner2.gif) bottom right no-repeat; margin:0; padding:0; border:0; height:50px; border-top:1px solid #A79DAA; border-right:1px solid #A79DAA; border-bottom:1px solid #A79DAA;} /*navigation styles, gives borders and padding*/ td#navigation {margin:0; padding:0 0 17px 0; width:197px; border-bottom:1px solid #A79DAA; border-left:1px solid #A79DAA;} /*each main link in the navigation lives inside a div tag, to create the border and background color*/ div.nav{font-size:0.7em; line-height:1.5em; background:#EDEBEE; margin:0 0 0 17px; padding:15px 3px 15px 8px; border-bottom:1px solid #503C56;} /*content cell has padding and border at the bottom*/ td#content {margin:0; padding:10px 8px 17px 10px; border-bottom:1px solid #A79DAA;} /*Column to the far right that contains images*/ td#rightcol {font-size:0.7em; margin:0; padding:0 0 17px 0; border-right:1px solid #A79DAA; border-bottom:1px solid #A79DAA; border-left:1px solid #A79DAA;} /*div tag that contains the past Out of Hours link, has background image*/ div.past{background:#EDEBEE url(/learning/outofhours/img/ooh_past.gif) bottom right repeat-y; margin:0 0 0 17px; padding:15px 3px 15px 8px; border:1px solid #503C56;} /*padds the images on the activity image pages to have margin between eachother*/ img.padd{margin:0 10px 18px 8px; padding:0 ;} div#portrait_subnav{color:#A79DAA; padding:10px 0 0 15px;} h3.emsize3 {font-size:1em; margin:0 0 0 8px;} h2.emsize2 {font-size:1em; margin:0 0 8px 8px;} h3.blocktextem {font-size:20em; margin:0 10px 0 8px;} .blocktextem {font-size:0.8em; margin:0 10px 0 8px;} .plain {font-family:arial, helvetica, geneva, sans-serif; font-size:1em; font-weight:700; line-height:1.1em;} li.right {list-style: square; margin-left: -3px; font-size: 12px;} li.down {list-style: square; margin-left: -3px; font-size: 12px;} li.up {list-style: square; margin-left: -3px; font-size: 12px;} li.purple { list-style: square outer; color: #503C56; margin: 0 0 5px 0px; font-size: 0.7em; line-height: 1.3em;} /* SCHOOLS ONLINE EMAIL PAGES */ .schoolsemailbulletinspanel { background-color: #FBF9D5; font-family: Arial, Helvetica, sans-serif; color: #666112; font-size: 11px; font-weight: bold; border-style: solid; border-width: 1px; border-color: #DCDADA; } .schoolsfindresourcesbg { background-color: #AFA83C; } .schoolsfindresources { background-color: #AFA83C; font-family: Arial, Helvetica, sans-serif; color: #EFE652; font-size: 11px; font-weight: bold; padding-left: 6px; padding-right: 2px; } .schoolsfindresourcestable { width:211px; height:63px; padding-top: 5px; padding-bottom: 5px; padding-left: 8px; padding-right: 5px; background-image: url(/learning/schools/images/shad_findres_bg.gif); background-repeat: no-repeat; background-position: top left; } .schoolsfindresourceslayer { width:198px; height:63px; overflow: auto; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; font-weight: bold; border: 0px; background-color:#AFA83C; scrollbar-face-color : #FFFFFF; scrollbar-highlight-color : #AFA83C; scrollbar-3dlight-color : #AFA83C; scrollbar-shadow-color : #AFA83C; scrollbar-darkshadow-color : #AFA83C; scrollbar-track-color : #AFA83C; scrollbar-arrow-color : #EFE652; } .disclaimer { background-color: #AFA83C; font-family: Arial, Helvetica, sans-serif; color: #EFE652; font-size: 11px; font-weight: none; padding-left: 6px; padding-right:5px; padding-bottom:15px; } .schoolstatetoolspanel { background-color: #EFE652; font-family: Arial, Helvetica, sans-serif; color: #666112; font-size: 11px; font-weight: none; padding-left: 6px; padding-right: 2px; } a.schoolstatetoolspanel:link { color: #666112; text-decoration: none;} a.schoolstatetoolspanel:active { color: #666112; text-decoration: underline;} a.schoolstatetoolspanel:visited { color: #666112; text-decoration: none;} a.schoolstatetoolspanel:hover { color: #666112; text-decoration: underline;} .schoolshighlightstop { background-color: #F3EC80; font-family: Arial, Helvetica, sans-serif; color: #666112; font-size: 11px; font-weight: none; padding-left: 8px; padding-top: 7px; padding-bottom: 7px; } .schoolshighlightstatetools { background-color: #EFE652; font-family: Arial, Helvetica, sans-serif; color: #666112; font-size: 11px; font-weight: none; padding-left: 8px; padding-right: 8px; padding-top: 7px; padding-bottom: 7px; } .schoolshighlightstitle { font-size: 14px; font-weight: bold; padding-left: 8px; padding-right: 4px; padding-top: 6px; padding-bottom: 0px; } a.schoolshighlightstitle:link {text-decoration: none;} a.schoolshighlightstitle:active {text-decoration: underline;} a.schoolshighlightstitle:visited {text-decoration: none;} a.schoolshighlightstitle:hover {text-decoration: underline;} .schoolshighlightssubtitle { font-size: 12px; font-weight: bold; padding-left:8px; padding-right: 4px; padding-top: 8px; padding-bottom:0px; } a.schoolshighlightssubtitle:link {text-decoration: none;} a.schoolshighlightssubtitle:active {text-decoration: underline;} a.schoolshighlightssubtitle:visited {text-decoration: none;} a.schoolshighlightssubtitle:hover {text-decoration: underline;} .schoolshighlightstext { font-size: 11px; font-weight: none; padding-left:8px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px; } .schoolshighlightscellleft { border-style: solid; border-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-color: #F6F2A6; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; } .schoolshighlightscellright { border-style: solid; border-width: 0px; border-bottom-width: 1px; border-color: #F6F2A6; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; } .schoolshighlightsimagesmall { padding-left: 5px; padding-right: 0px; padding-top: 7px; padding-bottom: 7px; } .schoolsshoponline { background-color: #EFE652; font-family: Arial, Helvetica, sans-serif; color: #666112; font-size: 11px; font-weight: none; padding-left: 7px; padding-right: 5px; padding-top: 8px; padding-bottom: 15px; } .schoolsshoponlinesubtitle { font-size: 11px; font-weight: bold; } a.schoolsshoponlinesubtitle:link {text-decoration: none;} a.schoolsshoponlinesubtitle:active {text-decoration: underline;} a.schoolsshoponlinesubtitle:visited {text-decoration: none;} a.schoolsshoponlinesubtitle:hover {text-decoration: underline;} .schoolsmaincontent { background-color: #FBF9D5; font-family: Arial, Helvetica, sans-serif; color: #666112; font-size: 11px; font-weight: none; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 7px; border-style: solid; border-width: 0px; border-top-width: 5px; border-color: #EFE652; } p.schoolsmaincontent { background-color: inherit; font-family: inherit; color: inherit; font-size: 12px; font-weight: inherit; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; border-style: solid; border-width: 0px; } .schoolsmaincontentheading { color: #AFA83C; font-size: 14px; font-weight: bold; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 7px; border-style: solid; border-width: 0px; border-bottom-width: 1px; border-color: #F6F2A6; } a.schoolsmaincontentheading:link { color: #AFA83C; text-decoration: none;} a.schoolsmaincontentheading:active { color: #AFA83C; text-decoration: underline;} a.schoolsmaincontentheading:visited { color: #AFA83C; text-decoration: none;} a.schoolsmaincontentheading:hover { color: #AFA83C; text-decoration: underline;} .schoolsmaincontentcredit { color: #AFA83C; font-size: 11px; font-weight: none; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } a.schoolsmaincontentcredit:link { color: #AFA83C; text-decoration: none;} a.schoolsmaincontentcredit:active { color: #AFA83C; text-decoration: underline;} a.schoolsmaincontentcredit:visited { color: #AFA83C; text-decoration: none;} a.schoolsmaincontentcredit:hover { color: #AFA83C; text-decoration: underline;} .schoolsmaincontentresource { border-style: solid; border-width: 0px; border-bottom-width: 1px; border-color: #F6F2A6; padding-left: 0px; padding-right: 0px; padding-top: 15px; padding-bottom: 15px; } .schoolsmaincontentresourceimageholder { padding-left: 0px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; width: 70px; vertical-align: top; } .schoolsmaincontentresourceimage {border-style: solid; border-width: 2px; border-color: #F6F2A6; } .schoolsmaincontentresourcetext { padding-left: 0px; padding-right: 6px; padding-top: 0px; padding-bottom: 0px; vertical-align: top; font-family: Arial, Helvetica, sans-serif; color: #666112; font-size: 11px; font-weight: none; } .schoolsmaincontentresourceheading { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; color: #666112; font-size: 12px; font-weight: bold; } .schoolskeyworksresource { border-style: solid; border-width: 0px; border-bottom-width: 1px; border-color: #F6F2A6; padding-left: 0px; padding-right: 0px; padding-top: 15px; padding-bottom: 15px; } .schoolskeyworksresourceimageholder { padding-left: 0px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; width: 70px; vertical-align: top; } .schoolskeyworksresourceimage { border-style: solid; border-width: 2px; border-color: #F6F2A6; } .schoolskeyworksresourcetext { padding-left: 0px; padding-right: 6px; padding-top: 0px; padding-bottom: 0px; vertical-align: bottom; font-family: Arial, Helvetica, sans-serif; color: #666112; font-size: 11px; font-weight: none; } .schoolskeyworksresourceheading { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; color: #666112; font-size: 12px; font-weight: bold; } table.schoolskeyworksimages img { display: block; margin-bottom: 5px; } table.schoolskeyworksimages td { color: #666112; font-size: 11px; font-weight: none; padding: 7px; margin-bottom: 15px; vertical-align: top; } table.schoolskeyworksimages a { display: block; padding-top: 4px; } .schoolstermsconditions { width:210px; height:70px; padding: 5px; border: 1px; border-color: #EFE652; border-style: solid; font-family: Arial, Helvetica, sans-serif; color: #AFA83C; font-size: 11px; font-weight: normal; background-color:#FBF9D5; scrollbar-face-color : #FBF9D5; scrollbar-highlight-color : #FBF9D5; scrollbar-3dlight-color : #FBF9D5; scrollbar-shadow-color : #FBF9D5; scrollbar-darkshadow-color : #FBF9D5; scrollbar-track-color : #FBF9D5; scrollbar-arrow-color : #EFE652; } input.schoolsemailbulletin {font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px; background: #ffffff; color: #333333; border: 1px solid #A9A28D; padding-left: 3px; width: 180; } ul.schoolsright li { list-style: none; list-style-image: url(/learning/schools/images/arrow_right.gif); font-weight: bold; } /*HEIDI NEW STYLE MARCH 2009*/ #banner { clear: both; } ul#level1nav { border-bottom:1px solid #c8c9d1; } #level1navbar { background-color:#fff; /* first header row colour */ } #level1nav .l1online a, #level1nav .l1britain a, #level1nav .l1modern a, #level1nav .l1liverpool a, #level1nav .l1stives a { color: #888; background:#fff; border-right:1px solid #c8c9d1; } #level1nav .l1online a:hover, #level1nav .l1britain a:hover, #level1nav .l1modern a:hover, #level1nav .l1liverpool a:hover, #level1nav .l1stives a:hover { background:#d8d8d9; color: #777; } #level2navbar { background-color:#fff; /* third header row colour */ border-top: 1px solid #c8c9d1; border-bottom: 1px solid #c8c9d1; } #level2nav ul li a, ul#level2nav li a { color:#888; border-left:1px solid #c8c9d1; } #level2nav ul li a:hover, ul#level2nav li a:hover { background-color:#d8d8d9; color:#777; } /* tate logo */ #logobarnew { background: #fff url(/schoolsteachers/generic/bannerbackground.jpg) top left no-repeat; } #home #logobarnew { background-image: none; } #home #logobarnew.inverse a .section { color: #00babd; } /* tate logo */ #logobarnew.inverse #logobarnewtatelogo { background-color:#00babd; } #logobarnew.inverse a .section { color:#fff; } #btlogo { background-color:#fff; } body#home {background: #f1f1f3 url(/schoolsteachers/generic/bg_paper3a.jpg) top left no-repeat;} #breadcrumb{ float:left; margin-top:10px; } #searchbar #sbholder{ width:300px; float: right; clear: both; } #searchbar{ margin: 8px 0 0 454px; width:300px; background-color:transparent;} #home #content { width: 730px; margin-left: 30px; } h1.pagetitle { margin: 26px 0 20px 0; width: 245px; height: 22px; background: url(/schoolsteachers/generic/home_title.png) top left no-repeat; } h1.pagetitle span { display: none; } h2 { margin: 7px 0 15px 0; font-size: 1.2em; font-weight: normal; } #homewhitebox { background: #fff; padding: 15px 0 5px 15px; margin: 0 30px 0 0; float: left; } .homepagelinkscolumn { float: left; width: 245px; } .homepagelink{ width: 230px; border-bottom: 4px solid #d8d8d9; display: block; margin: 0 0 17px 0; float: left; clear: both; background: #f1f1f1 url(/schoolsteachers/generic/linkboxcolor.gif) top left repeat-y; } #home #content h3{ font-weight: normal!important; font-size: 0.85em; } .homepagelink img{ float: left; } .homepagelink ul{ font-size: 0.75em; margin: 10px 0 10px 0; padding: 0; } .homepagelink li{ list-style: none; background: url(/schoolsteachers/generic/arrow.gif) top left no-repeat; padding: 0 0 0 20px; margin: 0 0 0 2px; } .txtlinkholder{ width: 152px; padding: 5px 0 5px 8px; display: block; float: left; } ul.homerichcontent { margin-top: 10px!important; } ul.homerichcontent li a{ background-color:#fff!important; border-bottom: 4px solid #d8d8d9;