body { margin: 0; padding:0; background:#E5E5E5 url(../images/bg-body.gif) repeat-x left top; text-align:center; font:76% Arial, Helvetica, sans-serif; color: #000;} img { border:none;} .clear { clear: both; margin:0; padding:0} /* TEXT ----------------------------------------------- */ h1 {font-size:18px; margin:0; padding:0;} h2 {font-size:1.3em; margin:0 0 14px 0; padding:0 0 3px 0; font-weight:normal; color:#333; border-bottom:2px solid #666666; }} h3 {font-size:1.3em; margin:0; padding:0; font-weight:normal; color:#333; } h4 {font-size:1.3em; margin:0; padding:0; font-weight:bold; color:#333; } h5 {font-size:1.3em; margin:.5em 0; padding:0; font-weight:bold; color:#333; } h6 {font-size:1.2em; margin:0; padding:0; font-weight:bold; color:#333; } /* LINKS ----------------------------------------------- */ a:link, a:visited { color:#0066CC; text-decoration:none;} a:hover, a:active { color:#CC3300; text-decoration:underline;} /* PAGE LAYOUT ----------------------------------------------- */ #container { width:715px; margin:0 auto; text-align:left; background:url(../images/bg-container.gif) repeat-y left top;} #logo {height:31px; margin:0; padding:3px 0 2px 8px; background-color:#0B0B0B; color:#FFF; } #adminPanel {color:#000;float:left;font-size:.65em;border:1px solid #666;padding:6px 4px;margin:0 6px;width:520px;background:#999;} #adminPanel a{color:#fff} #masthead { margin:0 7px 23px 8px; padding-left:275px; height:141px;} #homepage #masthead { margin:0 7px 23px 8px; padding-left:275px; height:160px;} #admin #masthead { background:#666 url(../images/header-homepage.jpg) no-repeat left top; } #homepage #masthead { background:#000 url(../images/header-homepage.jpg) no-repeat left top; } #e-journal #masthead { background:#F379C6 url(../images/header-e-journal.jpg) no-repeat left top; } #primary #masthead { background:#F379C6 url(../images/header-primary.jpg) no-repeat left top; } #secondary #masthead { background:#B7D5F7 url(../images/header-secondary.jpg) no-repeat left top; } #post16 #masthead { background:#FDF800 url(../images/header-post16.jpg) no-repeat left top; } #crosscurricula #masthead { background:#C5EC90 url(../images/header-crosscurricula.jpg) no-repeat left top; } #communityinvolvement #masthead { background:#D00039 url(../images/header-communityinvolvement.jpg) no-repeat left top; } #main { margin:0 17px 0 22px;padding-bottom:15px} /* MASTHEAD ----------------------------------------------- */ #skip-navigation { position:absolute; width: 80%; top:-300px; left:0;} #skip-navigation a { position: absolute; top:0;} .ie-fix:active, #skip-navigation a:active, #skip-navigation a:focus { top:300px; color: #FFFFFF; text-decoration:none;} #masthead h1 { margin:11px 0 0 0; padding-left:12px; float:left;} #dropdown-container { float:right; width:150px; margin-right:9px; padding-bottom:3px; background:url(../images/bg-dd-bottom.gif) no-repeat left bottom;} #dropdown-container ul { margin:0; padding:0 0 0 3px; list-style:none; background-color:#080808;} #dropdown-container li, #dropdown-container li a { width:140px; height:20px; display:block;} #dropdown-container li#change-strand-current, #dropdown li.change-strand-current { background:url(../images/dd-change-strand-current.gif) no-repeat left top;} #dropdown-container li#change-strand-current.openPanel { background:url(../images/dd-hide-menu.gif) no-repeat left top;} #dropdown-container li a { text-indent:-9999px; text-decoration:none; /* commented backslash hack v2 \*/ overflow: hidden; /* end hack */} #dropdown { position:absolute; width:150px; padding-bottom:3px; background:#080808 url(../images/bg-dd-bottom.gif) no-repeat left bottom; z-index:1;} #dropdown ul { margin:0; padding:10px 0 0 7px; list-style:none; } #dropdown li, #dropdown li a { width:140px; height:19px; display:block;} #dropdown li { margin:0; padding:0; } #dropdown li a { text-indent:-9999px; text-decoration:none; /* commented backslash hack v2 \*/ overflow: hidden; /* end hack */} #dropdown li#ddHome a { background:url(../images/dd-home.gif) no-repeat left top;} #dropdown li#ddHome a:hover { background:url(../images/dd-home.gif) no-repeat 0 -19px;} #dropdown li#change-strand a { background:url(../images/dd-change-strand.gif) no-repeat left top;} #dropdown li#change-strand a:hover { background:url(../images/dd-change-strand.gif) no-repeat 0 -19px;} #dropdown li#ejournal a { background:url(../images/dd-ejournal.gif) no-repeat left top;} #dropdown li#ejournal a:hover { background:url(../images/dd-ejournal.gif) no-repeat 0 -19px;} #dropdown li#primary a { background:url(../images/dd-primary.gif) no-repeat left top;} #dropdown li#primary a:hover { background:url(../images/dd-primary.gif) no-repeat 0 -19px;} #dropdown li#secondary a { background:url(../images/dd-secondary.gif) no-repeat left top;} #dropdown li#secondary a:hover { background:url(../images/dd-secondary.gif) no-repeat 0 -19px;} #dropdown li#post-16 a { background:url(../images/dd-post-16.gif) no-repeat left top;} #dropdown li#post-16 a:hover { background:url(../images/dd-post-16.gif) no-repeat 0 -19px;} #dropdown li#cross-curricula a { background:url(../images/dd-cross-curricula.gif) no-repeat left top;} #dropdown li#cross-curricula a:hover { background:url(../images/dd-cross-curricula.gif) no-repeat 0 -19px;} ul.navigation { margin:7px 0 10px 0; padding:0; list-style:none;} ul.navigation li { font-size:1em; font-weight:bold; margin:0 0 1px 0; padding-left:15px; } ul.navigation li a:link, ul.navigation li a:visited { color:#333; text-decoration:none;} /*ul.navigation li a:hover, ul.navigation li a:active { color:#000; text-decoration:none;}*/ ul.navigation li.current { background:url(../images/nav-star.gif) no-repeat 0 1px} .nav-col1 { float:left; width:125px;} .nav-col2 { float:left; width:169px;} .nav-col3 { float:left; width:128px;} #search { clear:both; text-align:right;} #search form { margin:0; padding:0;} #search input.button { vertical-align:middle;} #search input.entryfield { width:110px; padding:1px 1px 1px 7px; border-top:1px solid #5B5B5B; border-left:1px solid #5B5B5B; border-bottom:1px solid #929292; border-right:1px solid #929292; background-color:#E5E5E5; font:bold 11px/14px Arial, Helvetica, sans-serif; color: #333;} #search input { margin-right:9px;} /* MAIN CONTENT ----------------------------------------------- */ #left-content { float:left; width:455px; margin-bottom:30px;} #left-content p { padding-left:10px; } .intro { font-size:1.2em} div.pod { float:right; width:155px} div.pod h2 { background:#666666 url(../images/pod-top.gif) no-repeat left top; margin:0; padding:5px 0 5px 11px; color:#FFF;} div.pod-bottom { height:8px; background:#C5EC90 url(../images/pod-bottom.gif) no-repeat left bottom} div.pod-content { padding:7px 14px 14px 14px; background-color:#C5EC90; border-top:2px solid #AECB86; font-size:0.95em} div.pod-content ul { margin:15px 0 0 0; padding:0; list-style:none;} div.pod-content ul li { margin:0 0 8px 0;} div.pod-content ul li a:link, div.pod-content ul li a:visited { color:#D00B0C; text-decoration:none;} div.pod-content ul li a:hover, div.pod-content ul li a:active { text-decoration:underline;} /* BRIEFING PAPERS ----------------------------------------------- */ div.briefing-papers { margin:0 0 40px 10px;} div.title { float:left; width:209px; padding-right:10px; } div.author { float:left; width:119px; padding-right:10px;} div.institution {float:left; width:170px; padding-right:10px;} div.date { float:left; width:84px; padding-right:10px;} h3.col-title { float:left; width:220px; } h3.col-author { float:left; width:129px; } h3.col-institution {float:left; width:180px;} h3.col-date { float:left; width:94px; } h3.col-title, h3.col-author, h3.col-institution, h3.col-date {font-size:1.2em; margin:0; padding:0; font-weight:bold; color:#333; border-bottom:none;} .odd { background-color:#C5EC90; } .odd, .even { padding:2px 0; margin-bottom:2px; font-size:1.15em; cursor:pointer;} img.toggle { float:left; width:15px; padding:5px 7px; text-align:center} div.details { padding:0 16px 0 60px; font-size:0.9em; clear:both; } div.details-text { float:left; width:405px; margin-top:15px;} ul.word-pdf { float:right; width:150px; margin:15px 0 0 0; padding:0; list-style:none;} ul.word-pdf li {margin:0; padding:0 0 15px 0;} ul.word-pdf li a:link, ul.word-pdf li a:visited { color:#D00B0C; text-decoration:none;} ul.word-pdf li a:hover, ul.word-pdf li a:active { text-decoration:underline;} ul.word-pdf li img { float:left; margin-bottom:15px; padding-right:8px; width:31px; height:31px;} ul.word-pdf li div { float:left; width:100px;} div.mentor-briefing-papers { margin: 0 0 5px 10px; overflow: visible; padding-bottom: 3em;} div#main div.mentor-briefing-papers h4 {font-size: 17px;margin: 0;padding:10px 0 0 0;} div#main div.mentor-briefing-papers h5 {font-size: 1em;margin: 4px 0;padding:0px;} div#main div.mentor-briefing-papers div.whole {text-align: center;} div#main div.mentor-briefing-papers div.sectional ul{padding: 0; margin:0;list-style: none;} div#main div.mentor-briefing-papers div.sectional {width: 200px;} div#main div.mentor-briefing-papers div.sectional p {padding: 0;} /* JMS ----------------------------------------------- */ div#masthead h1{color:#fff;} /* H3 IMAGE REPLACEMENT ----------------------------------------------- */ h3 { height: 23px; } h3 span { display: none; } h3.about_citized {background: url(../images/headings/about_citized.gif) top left no-repeat; cursor: pointer;} h3.about_this {background: url(../images/headings/about_this.gif) top left no-repeat; cursor: pointer;} h3.acthe {background: url(../images/headings/acthe.gif) top left no-repeat; cursor: pointer;} h3.bibliography {background: url(../images/headings/bibliography.gif) top left no-repeat; cursor: pointer;} h3.briefing_papers_for_different_types_of_learner {background: url(../images/headings/briefing_papers_for_different_types_of_learner.gif) top left no-repeat; cursor: pointer;} h3.business_studies {background: url(../images/headings/business_studies.gif) top left no-repeat;} h3.can_int {background: url(../images/headings/can_int.gif) top left no-repeat;} h3.case_studies {background: url(../images/headings/case_studies.gif) top left no-repeat;} h3.case_studies_documents {background: url(../images/headings/case_studies_documents.gif) top left no-repeat;} h3.cast_project {background: url(../images/headings/cast_project.gif) top left no-repeat;} h3.citized_briefing_papers {background: url(../images/headings/citized_briefing_papers.gif) top left no-repeat;} h3.citized_resources {background: url(../images/headings/citized_resources.gif) top left no-repeat;} h3.commissioned_research {background: url(../images/headings/commisioned_research.gif) top left no-repeat; cursor: pointer;} h3.commissioned_research_article {background: url(../images/headings/commisioned_research_article.gif) top left no-repeat; cursor: pointer;} h3.commissioned_research_documents {background: url(../images/headings/commisioned_research_documents.gif) top left no-repeat; cursor: pointer;} h3.conference_report {background: url(../images/headings/conference_report.gif) top left no-repeat; cursor: pointer;} h3.conferences {background: url(../images/headings/conferences.gif) top left no-repeat; cursor: pointer;} h3.contents_of_mentor_briefing_papers {background: url(../images/headings/contents_of_mentor_briefing_papers.gif) top left no-repeat; cursor: pointer;} h3.coordinators {background: url(../images/headings/coordinators.gif) top left no-repeat; cursor: pointer;} h3.conferences {background: url(../images/headings/conferences.gif) top left no-repeat; cursor: pointer;} h3.contributors {background: url(../images/headings/contributors.gif) top left no-repeat; cursor: pointer;} h3.copyright {background: url(../images/headings/copyright.gif) top left no-repeat; cursor: pointer;} h3.current_issue {background: url(../images/headings/current_issue.gif) top left no-repeat; cursor: pointer;} h3.curriculum_resources {background: url(../images/headings/curriculum_resources.gif) top left no-repeat; cursor: pointer;} h3.editorial_board {background: url(../images/headings/editorial_board.gif) top left no-repeat; cursor: pointer;} h3.eppi1 {background: url(../images/headings/eppi1.gif) top left no-repeat; cursor: pointer;} h3.eppi2 {background: url(../images/headings/eppi2.gif) top left no-repeat; cursor: pointer;} h3.feedback {background: url(../images/headings/feedback.gif) top left no-repeat; cursor: pointer;} h3.forthcoming_events {background: url(../images/headings/forthcoming_events.gif) top left no-repeat; cursor: pointer;} h3.geography {background: url(../images/headings/geography.gif) top left no-repeat; cursor: pointer;} h3.guidance_documents {background: url(../images/headings/guidance_documents.gif) top left no-repeat; cursor: pointer;} h3.international_associations {background: url(../images/headings/international_associations.gif) top left no-repeat; cursor: pointer;} h3.induction_pack {background: url(../images/headings/induction_pack.gif) top left no-repeat; cursor: pointer;} h3.introduction {background: url(../images/headings/introduction.gif) top left no-repeat; cursor: pointer;} h3.itt_programmes {background: url(../images/headings/itt_programmes.gif) top left no-repeat; cursor: pointer;} h3.latest_news {background: url(../images/headings/latest_news.gif) top left no-repeat;} h3.lesson_plans {background: url(../images/headings/lesson_plans.gif) top left no-repeat; cursor: pointer;} h3.links {background: url(../images/headings/links.gif) top left no-repeat; cursor: pointer;} h3.local_associations {background: url(../images/headings/local_associations.gif) top left no-repeat; cursor: pointer;} h3.mathematics {background: url(../images/headings/mathematics.gif) top left no-repeat; cursor: pointer;} h3.mentor_documents {background: url(../images/headings/mentor_documents.gif) top left no-repeat; cursor: pointer;} h3.newsletter_item {background: url(../images/headings/newsletter_item.gif) top left no-repeat; cursor: pointer;} h3.nqts {background: url(../images/headings/nqts.gif) top left no-repeat; cursor: pointer;} h3.nqts_resources {background: url(../images/headings/nqts_resources.gif) top left no-repeat; cursor: pointer;} h3.other_resources {background: url(../images/headings/other_resources.gif) top left no-repeat; cursor: pointer;} h3.pedagogical_briefing_papers {background: url(../images/headings/pedagogical_briefing_papers.gif) top left no-repeat; cursor: pointer;} h3.past_conferences {background: url(../images/headings/past_conferences.gif) top left no-repeat; cursor: pointer;} h3.penac {background: url(../images/headings/penac.gif) top left no-repeat; cursor: pointer;} h3.previous_issues {background: url(../images/headings/previous_issues.gif) top left no-repeat; cursor: pointer;} h3.pshe {background: url(../images/headings/pshe.gif) top left no-repeat; cursor: pointer;} h3.publications {background: url(../images/headings/publications.gif) top left no-repeat; cursor: pointer;} h3.planned_conferences {background: url(../images/headings/planned_conferences.gif) top left no-repeat; cursor: pointer;} h3.qualifications_-_descriptions_and_links {background: url(../images/headings/qualifications_-_descriptions_and_links.gif) top left no-repeat; cursor: pointer;} h3.qualifications-14-19 {background: url(../images/headings/14-19_qualifications.gif) top left no-repeat; cursor: pointer;} h3.research {background: url(../images/headings/research.gif) top left no-repeat; cursor: pointer;} h3.resource_review_documents {background: url(../images/headings/resource_review_documents.gif) top left no-repeat; cursor: pointer;} h3.resource_reviews {background: url(../images/headings/resource_reviews.gif) top left no-repeat; cursor: pointer;} h3.resources {background: url(../images/headings/resources.gif) top left no-repeat; cursor: pointer;} h3.reviews {background: url(../images/headings/reviews.gif) top left no-repeat; cursor: pointer;} h3.review {background: url(../images/headings/review.gif) top left no-repeat; cursor: pointer;} h3.schemes_of_work {background: url(../images/headings/schemes_of_work.gif) top left no-repeat; cursor: pointer;} h3.selected_external_resources {background: url(../images/headings/selected_external_resources.gif) top left no-repeat; cursor: pointer;} h3.selected_international_journals {background: url(../images/headings/international_journal.gif) top left no-repeat; cursor: pointer;} h3.specific_content_briefing_papers {background: url(../images/headings/specific_content_briefing_papers.gif) top left no-repeat;} h3.statement {background: url(../images/headings/statement.gif) top left no-repeat;} h3.strands {background: url(../images/headings/strands.gif) top left no-repeat;} h3.student_reflections {background: url(../images/headings/student_reflections.gif) top left no-repeat; cursor: pointer;} h3.student_reflection {background: url(../images/headings/student_reflection.gif) top left no-repeat; cursor: pointer;} h3.student_reflections_on_teaching_citizenship_education {background: url(../images/headings/student_reflections_on_teaching_citizenship_education.gif) top left no-repeat; cursor: pointer;} h3.student_reviews {background: url(../images/headings/student_reviews.gif) top left no-repeat; cursor: pointer;} h3.student_scheme_of_work {background: url(../images/headings/student_scheme_of_work.gif) top left no-repeat; cursor: pointer;} h3.student_schemes_of_work {background: url(../images/headings/student_schemes_of_work.gif) top left no-repeat; cursor: pointer;} h3.student_schemes_of_work_documents {background: url(../images/headings/student_schemes_of_work_documents.gif) top left no-repeat; cursor: pointer;} h3.student_teachers {background: url(../images/headings/student_teachers.gif) top left no-repeat; cursor: pointer;} h3.subject_knowledge {background: url(../images/headings/subject_knowledge.gif) top left no-repeat; cursor: pointer;} h3.subject_knowledge_documents {background: url(../images/headings/subject_knowledge_documents.gif) top left no-repeat; cursor: pointer;} h3.submissions {background: url(../images/headings/submissions.gif) top left no-repeat; cursor: pointer;} h3.subscriptions {background: url(../images/headings/subscriptions.gif) top left no-repeat; cursor: pointer;} h3.support {background: url(../images/headings/support.gif) top left no-repeat; cursor: pointer;} h3.teacher_mentors {background: url(../images/headings/teacher_mentors.gif) top left no-repeat; cursor: pointer;} h3.teaching_resources {background: url(../images/headings/teaching_resources.gif) top left no-repeat; cursor: pointer;} h3.teaching_units {background: url(../images/headings/teaching_units.gif) top left no-repeat; cursor: pointer;} h3.trainee_briefing_paper {background: url(../images/headings/trainee_briefing_paper.gif) top left no-repeat; cursor: pointer;} h3.tutor_inductions {background: url(../images/headings/tutor_inductions.gif) top left no-repeat; cursor: pointer;} h3.useful_contact_details {background: url(../images/headings/useful_contact_details.gif) top left no-repeat; cursor: pointer;} h3.workshop_report {background: url(../images/headings/workshop_report.gif) top left no-repeat; cursor: pointer;} /* ALL THE BELOW IS FOR HOMEPAGE ----------------------------------------------- */ /* EXCEPTION TO TLN ----------------------------------------------- */ #homepage ul.navigation li a:link, ul.navigation li a:visited { color:#dedede; text-decoration:none;} #homepage ul.navigation li a:hover, ul.navigation li a:active { color:#fff; text-decoration:none;} #homepage ul.navigation li.current { background:url(../images/nav-star.gif) no-repeat 0 1px} /* TYPOGRAPHY ----------------------------------------------- */ #homepage h4, #homepage p { padding: 0 25px 0 18px; } #latest_news h4, #latest_news p {margin: 0; padding-bottom: .5em;} /* STRAND PANELS ON THE HOMEPAGE ----------------------------------------------- */ #strands { overflow: auto; /*Keep those floated items contained*/ } #strands a:link,#strands a:visited { color:#000; text-decoration:none;} #strands a:hover,#strands a:active { color:#333; text-decoration:underline;} #strands dl { padding: 0; margin: 0; width: 307px; height: 120px; float: left; margin: 0 0 10px 18px; } #strands dl#primary_str {background: url(../images/panels/primary.gif) top left no-repeat;} #strands dl#secondary_str {background: url(../images/panels/secondary.gif) top left no-repeat;} #strands dl#post16_str {background: url(../images/panels/post_16.gif) top left no-repeat;} #strands dl#crosscurricula_str {background: url(../images/panels/cross_curricular.gif) top left no-repeat;} #strands dl#communityinvolvement_str {background: url(../images/panels/community.gif) top left no-repeat;} #strands dl#ejournal_str {background: url(../images/panels/eJournal.gif) top left no-repeat;} #strands dl dt { display: none; } #strands dl dd h4 { padding: 25px 15px 0 0; margin: 0; font-size: 14px; } #strands dl dd p{ padding: 0 15px 0 0; margin: 0; font-size: 12px; } /* For the date on both the homepage and the news sections*/ .newsDate{font-size:.76em;} /* The statement on the homepage - clear it*/ #statement { clear: left; } /* CAN_INT ----------------------------------------------- */ #crosscurricula table, #crosscurricula table td{ border: 0; } /* MAYBE ----------------------------------------------- */ p, h4, h6{ padding: 0 25px .75em 18px; margin: 0; } h4 { margin-top: 1em; } h6 { margin-top: .5em; font-weight: normal; } table { margin: 0 25px 0 18px; width: 650px; } th { background: #333; color: #fff; font-size: 1.2em; padding: 3px 18px 4px 18px; } table.sideHeadTable th{ font-size: 1em; vertical-align: top; } #adminLink { margin-left: 18px; color: #dedede; } #adminLink:hover { margin-left: 18px; color: #666; }