﻿/* DEFENCE DYNAMICS - ID MEDIA UK - MEERA TANK */

/* TEMPLATES */
#template_180x750 {float: left; width: 100%; padding: 0 0 30px 0; min-height: 600px; }
#template_180x750 #right_750 {float: right; width: 750px;}
#template_180x750 #right_560 {float: left; width: 560px;}
#template_180x750 #right_560_right {float: right; width: 560px;}
#template_180x750 #right_560 p {padding: 0 10px 25px 10px; line-height: 18px;}

#template_190x370x370_jumpnav {float: left; width: 100%; overflow: hidden;}
#template_190x370x370_jumpnav #left_190x370 {float: left; width: 570px; padding: 0 0 30px 0;}
#template_190x370x370_jumpnav #left_190x370 .text_area {float: left; width: 370px; padding: 0 0 10px 0;}
#template_190x370x370_jumpnav #left_190x370 .text_area h1 span { font-weight:normal; font-size:12px;  }
#template_190x370x370_jumpnav #left_190x370 .text_area h2 {padding: 0 0 10px 10px;}
#template_190x370x370_jumpnav #left_190x370 .text_area h3 {padding: 0 0 8px 10px;}
#template_190x370x370_jumpnav #left_190x370 .text_area p {padding: 0 10px 15px 10px; line-height: 18px;}
#template_190x370x370_jumpnav #left_190x370 .text_area span.ability {padding: 10px 10px 0px 10px; line-height: 18px; display: block;}
#template_190x370x370_jumpnav #right_370 {float: right; width: 370px;}

#template_190x370x370_jumpnav #right_370_notitle {float: right; width: 370px; padding: 31px 0 0 0; }

#fullwidth {float: left; width: 100%; padding: 0 0 30px 0; min-height: 600px; }
*html #fullwidth {height : 600px;}

.right_180 {float: right; width: 180px; background: #f4f3ee; }
.right_180 h3 { padding: 10px; }
.right_180 h4 {padding: 10px 10px 5px 10px; font-size: 12px;}
.right_180 p {padding: 0 10px 10px 10px;}


/* HOMEPAGE */
#homepage {float: left; width: 940px; position: relative; }
*html #homepage {height: 600px;}
#home_leading_lesson {width: 940px; height: 278px; z-index: 0; position: relative;  }
#homepage #home_content {float: left; width: 940px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/homepage-curve.png) no-repeat top left; position: relative; top: -91px; z-index: 0; padding: 20px 0 0 0; }
*html #homepage #home_content { background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/homepage-curve.gif) no-repeat top left;} 
.home_left { float: left; width: 560px; }
.home_left .home_lesson_col1 {float: left; height: 250px; width: 370px; background: #f4f3ee; margin: 0px 0 0 0; }
.home_left .home_lesson_col2 {float: left; height: 250px; width: 180px; margin: 0px 0 0 10px; background: #f4f3ee; }
.home_right p.home_teaser {padding: 0 10px; line-height: 18px; }

ul.homepage_nav_list {float: left; width: 370px; }
ul.homepage_nav_list li {float: left; width: 180px; position: relative; padding: 0 0px; background: #f4f3ee; display: block; }
ul.homepage_nav_list li.heading {float: left; width: 370px; margin-bottom: 15px; padding: 0;}
ul.homepage_nav_list li.heading h2 {float: left; width: 360px; height: 25px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/leftnav-bg.jpg) repeat-x; color: #fff; font-size: 14px; font-weight: bold; padding: 9px 0 0 10px;}
ul.homepage_nav_list li span.arrow_down {position: absolute; bottom: -8px; left: 10px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/leftnav-arrow.jpg); width: 40px; height: 9px; z-index: 100000;}

.home_lesson_col2 ul.homepage_nav_list {width: 180px;}
.home_lesson_col2 ul.homepage_nav_list li.heading h2 {width: 170px;}
.home_lesson_col2 ul.homepage_nav_list li {width: 160px}
.home_lesson_col2 ul.homepage_nav_list li p {width: 155px;}
.home_lesson_col2 ul.homepage_nav_list li a {width: 145px;}

ul.homepage_nav_list li p {float: left; width: 165px; padding: 0px 5px 0 10px; display: block; height: 39px;}
ul.homepage_nav_list li p.largearrow {height: 65px;}
*html ul.homepage_nav_list li p {padding: 0px 5px 0px 10px;}
ul.homepage_nav_list li a {float: left; width: 145px; padding: 11px 10px 10px 10px; font-weight: bold; font-size: 14px; height: 18px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/buttons/bu_home_subject.gif) no-repeat; position: relative; left: -3px; }
*html ul.homepage_nav_list li a {width: 145px; padding: 11px 10px 10px 10px; position: relative; left: 0; }
ul.homepage_nav_list li a.citizenship {color: #057F76; background-position: 0 0;}
ul.homepage_nav_list li a.design_tech {color: #133E67; background-position: 0 -40px; }
ul.homepage_nav_list li a.english {color: #1993D2; background-position: 0 -80px; }
ul.homepage_nav_list li a.geography {color: #3D8223; background-position: 0 -120px;}
ul.homepage_nav_list li a.history {color: #0A6634; background-position: 0 -160px; }
ul.homepage_nav_list li a.maths {color: #EF4123; background-position: 0 -200px;}
ul.homepage_nav_list li a.pe {color: #BC5108; background-position: 0 -240px;}
ul.homepage_nav_list li a.science {color: #904198; background-position: 0 -280px; }
ul.homepage_nav_list li a.psd {color: #D1244D; background-position: 0 -320px;}
ul.homepage_nav_list li a.navyarrow {color: #334D56; background-position: 0 -360px;}
ul.homepage_nav_list li a.largearrow {color: #334D56; background-position: 0 -400px; height: 32px; margin-bottom: 10px;}
ul.homepage_nav_list li a:hover.citizenship {color: #057F76; background-position: -167px 0; }
ul.homepage_nav_list li a:hover.design_tech {color: #133E67; background-position: -167px -40px; }
ul.homepage_nav_list li a:hover.english {color: #1993D2; background-position: -167px -80px; }
ul.homepage_nav_list li a:hover.geography {color: #3D8223; background-position: -167px -120px;}
ul.homepage_nav_list li a:hover.history {color: #0A6634; background-position: -167px -160px; }
ul.homepage_nav_list li a:hover.maths {color: #EF4123; background-position: -167px -200px;}
ul.homepage_nav_list li a:hover.pe {color: #BC5108; background-position: -167px -240px;}
ul.homepage_nav_list li a:hover.science {color: #904198; background-position: -167px -280px; }
ul.homepage_nav_list li a:hover.psd {color: #D1244D; background-position: -167px -320px;}
ul.homepage_nav_list li a:hover.navyarrow {color: #334D56; background-position: -167px -360px;}
ul.homepage_nav_list li a:hover.largearrow {color: #334D56; background-position: -167px -400px;}
ul.homepage_nav_list li a.largearrow_faded {color: #999; background-position: -167px -453px; width: 155px; height: 32px; padding: 21px 0 0 10px; }
ul.homepage_nav_list li a:hover.largearrow_faded {color: #999; background-position: -167px -453px; text-decoration: none;}


#home_content .home_multimedia {float: left; margin: 0px;margin:10px 0 0; padding:15px 0 0;width:100%;}
.home_multimedia h2.home {margin: 0px 0 10px 0;}
.home_multimedia ul.each_lesson {height: 320px; background: #F4F3EE none repeat scroll 0 0;}
.home_multimedia ul.each_lesson li p {height: 110px; overflow: hidden;}
*html .home_multimedia ul.each_lesson li p {height: 100px; overflow: hidden;}
.home_multimedia ul.each_lesson li p.link {height: 10px;}

.home_multimedia ul li .title_multi_home {background: #888E9A url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_multi_grad.jpg) repeat-x scroll 0 bottom; position: relative; height: 50px;}
.home_multimedia ul li .title_multi_home .icon {background-image: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/icons/icons_disk_grey_on_grey_.gif); color: #fff; display: block; float: left; height: 50px; width: 60px;}
li.left .title_multi_home .icon {background-position: 3px 0}
li.middle .title_multi_home .icon {background-position: -50px 0}
li.right .title_multi_home .icon {background-position: -104px 0}
.title_multi_home span.arrow_down {background:transparent url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/leftnav-arrow.gif) no-repeat scroll 0 0; height:9px; left:10px; position:absolute; width:40px; top: 50px; z-index:100000;}


.home_right {float: right; width: 370px; padding: 80px 0 0 10px; }
ul.home_each_result {float: left; width: 350px; padding: 10px 10px 10px 10px; border-bottom: 1px solid #eaece1; position: relative; top: -8px;}
ul.home_each_result li.icon {float: left; width: 38px; padding: 0 5px 0 0; }
ul.home_each_result li.image {float: left; width: 121px; height: 69px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/search-img-bg.jpg) no-repeat; padding: 5px 0 0 6px;}
ul.home_each_result li.image_icon {float: left; width: 92px; height: 64px; padding: 10px 0 0 35px;}
ul.home_each_result li.image_icon_square {float: left; width: 52px; height: 64px; padding: 10px 0 0 25px;}
ul.home_each_result li.text {float: left; width: 170px; padding: 0 0 0 10px; }
ul.home_each_result li.text h4 {font-size: 12px;}
ul.home_each_result li.text p {padding: 0!important; font-size: 11px;}
ul.home_each_result li.text .tags { font-size: 10px;}
ul.home_each_result li.text span {font-size: 10px; color: #999; font-style: italic;}

.home_adfeature {float: left; width: 100%; background: #f4f3ee; height: 115px;}

.lesson_plan_home {position: absolute; right: 0; top: 198px; width: 350px; height: 80px; z-index: 10000;}
/* *html .lesson_plan_home {position: relative; left: 590px; top: -83px; width: 350px; height: 80px; z-index: 10000;} */
.lesson_plan_home h3 {color: #fff; padding: 0 0 5px 0;}
.lesson_plan_home p {color: #fff; height: 35px; overflow: hidden;}
.lesson_plan_home a.whole {position: absolute; top: 20px; left: 2px; width: 50px; height: 50px; }
.lesson_plan_home a:hover.whole { text-decoration: none;}
.lesson_plan_home a {color: #fff;}

.citizenship_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 10px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.png) no-repeat; background-position: 0 0px;}
.design_tech_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 10px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.png) no-repeat; background-position: 0 -90px;}
.english_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 10px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.png) no-repeat; background-position: 0 -180px;}
.geography_panel { float: left;  padding: 20px 0 0px 60px; position: absolute; bottom: 10px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.png) no-repeat; background-position: 0 -270px;}
.history_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 10px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.png) no-repeat; background-position: 0 -360px;}
.maths_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 10px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.png) no-repeat; background-position: 0 -450px;}
.pe_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 10px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.png) no-repeat; background-position: 0 -540px;}
.science_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 10px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.png) no-repeat; background-position: 0 -630px;}
.psd_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 10px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.png) no-repeat; background-position: 0 -720px;}
.generic_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 10px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.png) no-repeat; background-position: 0 -810px;}

*html .panel_pse {padding: 20px 0 0px 60px; position: absolute; bottom: 14px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.gif) no-repeat; width: 350px; height: 80px;}
*html .design_tech_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 14px; right: 11px; width: 290px; height: 60px;background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.gif) no-repeat; background-position: 0 -90px;}
*html .english_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 14px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.gif) no-repeat; background-position: 0 -180px;}
*html .geography_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 14px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.gif) no-repeat; background-position: 0 -270px;}
*html .citizenship_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 14px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.gif) no-repeat; background-position: 0 -360px;}
*html .history_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 14px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.gif) no-repeat; background-position: 0 -450px;}
*html .maths_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 14px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.gif) no-repeat; background-position: 0 -540px;}
*html .pe_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 14px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.gif) no-repeat; background-position: 0 -630px;}
*html .science_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 14px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.gif) no-repeat; background-position: 0 -720px;}
*html .psd_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 14px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.gif) no-repeat; background-position: 0 -810px;}
*html .generic_panel {padding: 20px 0 0px 60px; position: absolute; bottom: 14px; right: 11px; width: 290px; height: 60px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/home_subject_backgrounds.gif) no-repeat; background-position: 0 -900px;}


/* JUMP TO NAV */
.short_jumpto {float: left; width: 540px; margin: 20px 0 0 0; }
.long_jumpto {float: left; width: 750px; margin: 30px 0 0 0; }
.long_jumpto .jumpto_nav  {width: 730px;}
.jumpto_nav {float: left; width: 100%; border-top: 2px solid #d8d5c4; padding:10px 10px 0 10px;}
ul.jumpto {float: left; width: 100%;}
ul.jumpto li {float: left; color: #999; font-size: 12px; font-weight: bold; padding: 0 3px 0 0;}
ul.jumpto li a { color: #CC3805;}
ul.jumpto li.top {float: right; }

/* LESSON PLANS */
.lesson_plan {float: left; width: 100%;}
.top_box {float: left; width: 740px; padding: 0 0 10px 10px; border-bottom: 1px solid #edeae3; margin-bottom:20px;}
.topbox_left {float: left; width: 360px; padding: 0 10px 0 0; }
.topbox_left p {padding: 0 0 25px 0;}
.topbox_right {float: right; width: 370px;}

.lesson_boxes {float: left; width: 100%; margin: 10px 0 0 0;}
ul.lessons_list {float: left; width: 100%;}
ul.lessons_list li.lesson {float: left; width: 180px;}
ul.lessons_list li.spacer {float: left; width: 10px;}

ul.each_lesson {float: left; width: 180px; position: relative;}
ul.each_lesson li {float: left; width: 100%;}
ul.each_lesson li .each_lesson span.arrow { z-index: 10!important; }
ul.each_lesson li img {float: left;position: relative; top: -10px; #top: 0; z-index: 0; #z-index:-10!important;}
*html ul.each_lesson li img {top: -10px;}
ul.each_lesson li p {width: 160px;  overflow: hidden; background: #f4f3ee; padding: 10px; position: relative; top: -10px;}
ul.each_lesson li p.link {position: relative; height: 40px; top: -10px; }
ul.each_lesson li p.link img {float: none;position: relative; top: 0px;}

/* LESSON PLAN OVERVIEW */
.img_holder {float: left; width: 370px; height: 210px; padding: 0; margin: 0; }
*html .img_holder img {float: left; width: 370px; height: 210px; padding: 0; margin: 0; }
.left_cream_bg {float: left; width: 180px; background: #f4f3ee; padding: 0 0px 9999px 0px; margin: 0 0 -9999px 0;}
.right_grey_bg {float: right; width: 190px; background: #eeeeee; padding: 0 0 9999px 0; margin: 0 0 -9999px 0;}

/* SUBJECT LANDING */
.resource_header {float: left; width: 560px; margin: 0 0 25px 0;}
ul.resource_nav {float: left; width: 190px;}
ul.resource_nav li {float: left; width: 190px; height: 70px; background: #f6f5f0;}
ul.resource_nav li a {float: left; width: 160px; height: 50px; background: #f6f5f0; font-size: 14px; font-weight: bold; color: #666; text-decoration: none;padding: 20px 20px 0 10px;}
ul.resource_nav li a:hover { background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/cream-bg.gif) no-repeat; width: 160px; height: 50px; text-decoration: none; }
ul.resource_nav li a.selected {background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/cream-bg-selected.gif) no-repeat; width: 160px; height: 50px;padding: 20px 20px 0 10px; }
ul.resource_nav li a:hover.selected {background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/cream-bg-selected.gif) no-repeat; width: 160px; height: 50px;padding: 20px 20px 0 10px; }
.resource_image {float: left; width: 370px; height: 210px; position: relative;}
.resource_image .text_overlay { position: absolute; bottom: 10px; left: 10px; line-height: 14px; width: 350px; height: 60px;  background-image: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/subjects/gradient_60.png); background-repeat: repeat-x; }
.resource_image .text_overlay img {float: left; margin: 0 5px 0 0; }
.resource_image .text_overlay h5 {float: left; color: #fff; width: 240px; margin: 7px 0 0 0;}
.resource_image .text_overlay p {float: left; margin: 0; padding: 0!important; color: #fff; width: 240px; font-size: 10px;}
.resource_image .text_overlay span {float: left;  color: #fff; width: 240px; font-size: 10px; font-style: italic;}
.resource_image .text_overlay span.img {float: left; width: 60px; height: 60px;}


.resource_image .geography {background-position: 0 0px; }
.resource_image .geography span.img {background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/subjects/circle_icons_60.gif) ; }
.resource_image .geography span.arrow {background-position: -42px 0;}
*html .resource_image .geography span.arrow {background-position: -42px 0;}

.resource_image .citizenship {background-position: 0 -61px; }
.resource_image .citizenship span.img {background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/subjects/circle_icons_60.gif); background-position: -61px 0; }
.resource_image .citizenship span.arrow {background-position: -83px 0;}

.resource_image .design_tech {background-position: 0 -122px; }
.resource_image .design_tech h2.lesson {left: 10px; top: 9px; }
.resource_image .design_tech span.img {background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/subjects/circle_icons_60.gif); background-position: -122px 0; }
.resource_image .design_tech span.arrow {background-position: -124px 0;}

.resource_image .english {background-position: 0 -183px; }
.resource_image .english span.img {background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/subjects/circle_icons_60.gif); background-position: -183px 0; }
.resource_image .english span.arrow {background-position: -165px 0;}

.resource_image .history {background-position: 0 -244px; }
.resource_image .history span.img {background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/subjects/circle_icons_60.gif); background-position: -244px 0; }
.resource_image .history span.arrow {background-position: -206px 0;}

.resource_image .maths {background-position: 0 -305px; }
.resource_image .maths span.img {background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/subjects/circle_icons_60.gif); background-position: -305px 0; }
.resource_image .maths span.arrow {background-position: -247px 0; }

.resource_image .pe {background-position: 0 -366px; }
.resource_image .pe span.img {background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/subjects/circle_icons_60.gif); background-position: -366px 0; }
.resource_image .pe span.arrow {background-position: -288px 0;}

.resource_image .science {background-position: 0 -427px; }
.resource_image .science span.img {background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/subjects/circle_icons_60.gif); background-position: -427px 0; }
.resource_image .science span.arrow {background-position: -329px 0;}

.resource_image .psd {background-position: 0 -488px; }
.resource_image .psd span.img {background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/subjects/circle_icons_60.gif); background-position: -488px 0; }
.resource_image .psd span.arrow {background-position: -370px 0;}

ul.filter {float: left; width: 540px; padding: 10px 10px 5px 10px; border-top: 1px solid #eaece1; border-bottom: 1px solid #eaece1;}
ul.filter li {float: left; }
ul.filter li.title_left {width: 50px;}
ul.filter li.input_right {width: 490px;}
ul.filter li.input_right ul.checkboxes {float: left; width: 100%;}
ul.filter li.input_right ul.checkboxes li {width: 115px; padding: 0 0 5px 0;}
ul.filter li.input_right ul.checkboxes li label {padding: 0 0 0 5px; font-size: 11px;}
html>/**/body ul.filter li.boxes_right ul.checkboxes li label, x:-moz-any-link, x:default { position: relative; top: -4px; }
.nobor_top { border-top: 0!important;}
ul.filter li.input_right select {padding: 2px 2px 2px 5px; font-size:11px; color: #666; margin: 5px 0 2px 4px; width: 130px; position: relative; top: -4px; }



ul.searchnav {float: left; width: 540px; padding: 10px 10px 5px 10px; border-bottom: 1px solid #eaece1; margin: 0 0 5px 0;}
ul.searchnav li.resultscol {float: left;font-style: italic; font-size: 11px; color: #999; }
ul.searchnav li.navcol {float: right; }
ul.searchnav li.navcol ul.nav {float: right; }
ul.searchnav li.navcol ul.nav li {float: left; }
ul.searchnav li.navcol ul.nav li a {font-size: 11px; padding: 0 0 0 8px;}
ul.searchnav li.navcol ul.nav li a.selected {color: #666;}
ul.searchnav li.navcol ul.nav li a.previous {float: left; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/icons/arrow-long-left.gif) no-repeat left; padding: 0 10px 0 15px; border-right: 1px solid #eaece1; }
ul.searchnav li.navcol ul.nav li a.next {float: left; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/icons/arrow-long-right.gif) no-repeat right; padding: 0 15px 0 10px; border-left: 1px solid #eaece1; margin: 0 0 0 10px; }

ul.each_result {float: left; width: 540px; padding: 10px 10px 10px 10px; border-bottom: 1px solid #eaece1;}
ul.each_result li.image {float: left; width: 121px; height: 69px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/search-img-bg.jpg) no-repeat; padding: 5px 0 0 6px;}
ul.each_result li.image_icon {float: left; width: 107px; height: 64px; padding: 10px 0 0 20px;}
ul.each_result li.image_icon_square {float: left; width: 82px; height: 64px; padding: 10px 0 0 5px;}
ul.each_result li.text {float: left; width: 380px; padding: 0 0 0 15px; }
ul.each_result li.text h4 {font-size: 12px;}
ul.each_result li.text p {padding: 0!important; font-size: 11px;}
ul.each_result li.text .tags { font-size: 10px;}
ul.each_result li.text span {font-size: 10px; color: #999; font-style: italic;}

/* LESSON PLAN DETAILS  */
.lesson_plan {float: left; width: 750px;}
.lesson_plan .lesson_plan_title {float: left; width: 730px; height:28px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/lesson-title-bg.jpg) repeat-x; padding: 8px 10px 0 10px; position: relative; }
.lesson_plan .lesson_plan_title h3 {color: #fff;}
.lesson_plan .lesson_plan_title h3 span.small_text {font-size: 11px;}
.lesson_plan .lesson_plan_title span.arrow_down {position: absolute; bottom: -13px; left: 10px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/leftnav-arrow.gif) no-repeat; width: 40px; z-index: 100000;}
.lesson_plan .lesson_plan_content {float: left; width: 748px; }

ul.lesson_plan_details {float: left; width: 750px; padding: 0 0 10px 0; border-bottom: 1px dashed #f3f2ed;}
ul.lesson_plan_details li {float: left;}
ul.lesson_plan_details li h4 {padding: 10px 0 0 10px; height: 22px; background: #f4f3ee; border-bottom: 1px solid #f3f2ed; margin: 0 0 7px 0;}
ul.lesson_plan_details li.col1 {width: 379px; height: 100%; border-right: 1px solid #e4e4d8;}
ul.lesson_plan_details li.col2 {width: 189px; border-right: 1px solid #e4e4d8;}
ul.lesson_plan_details li.col3 {width: 178px;}

table.lesson_plan_table {float: left; width: 750px; border-bottom: 1px dashed #f3f2ed;border-left: 1px solid #e4e4d8; border-right: 1px solid #e4e4d8;}
table.lesson_plan_table h4 {text-align: left;  padding: 10px 0 0 10px; height: 22px; background: #f4f3ee; border-bottom: 1px solid #f3f2ed; margin: 0 0 7px 0;}
table.lesson_plan_table th.col1 {width: 379px; border-right: 1px solid #e4e4d8;}
table.lesson_plan_table th.col2 {width: 189px; border-right: 1px solid #e4e4d8;}
table.lesson_plan_table th.col3 {width: 178px;}
table.lesson_plan_table td.col1 {width: 379px; border-right: 1px solid #e4e4d8; padding: 0 0 10px 0;}
table.lesson_plan_table td.col2 {width: 179px; height: 100%; border-right: 1px solid #e4e4d8; padding: 0 0 10px 0; vertical-align: top;}
table.lesson_plan_table td.col3 {width: 178px; vertical-align: top;}
.lesson_plan_link {float: left; padding: 10px; width: 728px;border-bottom: 1px solid #f3f2ed;border-left: 1px solid #e4e4d8; border-right: 1px solid #e4e4d8;}

/* LESON PLAN RESOURCES */
ul.resources {float: left; width: 370px;}
ul.resources li {float: left; width: 370px; border-top: 1px solid #e4e4d8; padding: 10px 0;}

ul.each_resource {float: left; width: 350px; padding: 0 10px;}
ul.each_resource li.resource_left {border: 0; padding: 0; width: 75px;}
ul.each_resource li.resource_left a {position: relative; left: 20px;}
ul.each_resource li.resource_left a:hover {text-decoration: none;}
ul.each_resource li.resource_right {border: 0; padding: 0; width: 255px;}
ul.each_resource li.resource_right h4 {font-size: 12px;}
ul.each_resource li.resource_right p { font-size: 11px; padding: 0!important; }
ul.each_resource li.resource_right span { float: left; width: 100%; font-size: 10px; color: #999; font-style: italic;}
ul.each_resource li.resource_right a {float: left; font-weight: bold; padding: 3px 0 0 0; left: 0;}


/* MULTIMEDIA SEARCH */
.multimedia_search {float: left; width: 730px; padding: 10px; background: #f4f3ee;}
.multimedia_search .multisearch_left {float: left; width: 365px; }
ul.media_types {float: left; width: 100%; padding: 10px 0 0 0;}
ul.media_types li {float: left; width: 130px; padding: 0 10px 0 0; }
ul.media_types li label {font-size:11px; padding: 0 0 0 3px; }
.multimedia_search .multisearch_left input.search {float: left; width: 230px; height: 15px; border: 2px solid #8d9b9e; padding: 5px; font-size: 11px; color: #666;}
.multimedia_search .multisearch_left a.search_cream {float: left; width:107px; height: 38px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/buttons/search_btns.gif) no-repeat; background-position: 0 -39px ; position: relative; top: -5px; left: -10px; }
.multimedia_search .multisearch_left a:hover.search_cream {float: left; width:107px; height: 38px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/buttons/search_btns.gif) no-repeat; background-position: -108px -39px ; position: relative; top: -5px; left: -10px; }

.multimedia_search .multisearch_right {float: right; width: 355px;}


.library_item { float: left; width: 550px; min-height: 600px; }
.library_item p {padding: 0 10px 10px 0px;}
.library_rightcol {float: left; width: 190px; padding: 31px 0 0 10px; }
.media_holder {float: left; width: 550px;} 
.media_holder .media_item {float: left; width: 550px; height: 365px; background: #eeeeee;}
ul.media_detail { float: left; margin: 20px 0 0 0; }
ul.media_detail li.left_mediadetail {float: left; width: 380px; }
ul.media_detail li.left_mediadetail ul.mediadetail_img {float: left; width: 100%;}
ul.media_detail li.left_mediadetail ul.mediadetail_img li.left_media_img {float: left; width: 90px;}
ul.media_detail li.left_mediadetail ul.mediadetail_img li.right_media_text {float: left; width: 270px;}
ul.media_detail li.left_mediadetail ul.mediadetail_img a { float: left; margin: 0 20px 0 30px; }
ul.media_detail li.left_mediadetail ul.mediadetail_img a:hover {text-decoration: none;}
ul.media_detail li.right_mediadetail {float: right; width: 170px; }
.notes {float: left; width: 530px; margin: 20px 0 0 0; border-top: 1px solid #e4e4d8; padding: 10px;}

.multimedia_boxes {float: left; width: 100%; padding: 15px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #eaeae2;}

.multimedia_boxes ul.each_lesson {height: 330px; background:#F4F3EE none repeat scroll 0 0;}
.multimedia_boxes ul.each_lesson li p {height: 110px;}
.multimedia_boxes ul.each_lesson li p.link {height: 20px;}
                        
/* GENERIC LISTS (in lesson plan section) */
ul.plan_rating {float: left; width: 160px; margin: 0 10px; padding:10px 0; border-bottom: 1px solid #e6e4d8;}
*html ul.plan_rating {float: left; width: 160px; margin: 0; padding:10px 0; border-bottom: 1px solid #e6e4d8; position: relative; left: 10px; }
ul.plan_rating li {float: left;}
ul.plan_rating li h4 {}
ul.plan_rating li img {}
ul.plan_rating li a {color: #CC3805; width: 160px; float: left; }

ul.exam_board {float: left; width: 160px; margin: 0 10px; padding:10px 0; border-bottom: 1px solid #e6e4d8;}
*html ul.exam_board {float: left; width: 160px; margin: 0; padding:10px 0; border-bottom: 1px solid #e6e4d8;position: relative; left: 10px; }
ul.exam_board li h4 {float: left; padding: 0 0 5px 0;}

ul.bullet_list {float: left; width: 132px; margin: 0 0 0 10px; list-style-type: disc; }
*html ul.bullet_list {float: left; width: 132px; margin: 0; list-style-type: disc;position: relative; left: 10px;  }
ul.bullet_list li {list-style-type: disc; line-height: 18px; margin: 0 0 0 18px; }
ul.bullet_list li a {color: #666;}
ul.bullet_list_long {float: left; width: 95%; list-style-type: disc; }
ul.bullet_list_long li {list-style-type: disc; line-height: 18px; padding: 0 0 5px 0;margin: 0 0 0 28px; }
ul.bullet_list_long li a {color: #666;}

ul.tags {float: left; width: 160px; margin: 0 10px; padding:10px 0; border-bottom: 1px solid #e6e4d8;}
*html ul.tags {float: left; width: 160px; margin: 0; padding:10px 0; border-bottom: 1px solid #e6e4d8;position: relative; left: 10px; }

ul.tags li h4 {float: left; padding: 0 0 5px 0;}

ul.comma_list {float: left; width: 100%}
ul.comma_list li {float: left; color: #CC3805;}
ul.comma_list li a {color: #CC3805;}

ul.teaching_materials {float: left; width: 170px; position: relative; left: 10px; margin: 10px 0 0 0; padding: 0 0 30px 0;}
ul.teaching_materials li {float: left; width: 170px; border-bottom: 1px solid #e2e2d8; padding: 0 0 10px 0; margin: 0 0 10px 0; }
ul.each_material {float: left; width: 100%;}
ul.each_material li.left_material {border: 0; width: 35px; }
ul.each_material li.right_material {border: 0; padding: 0 0 0 10px; width: 115px;}
ul.each_material li.right_material h5 a {font-size: 12px; border: 0; padding: 0;}
ul.each_material li.right_material p { font-size: 11px;}
ul.each_material li.right_material a {font-size: 10px;}
ul.each_material li.right_material span {float: left; font-size: 10px; width: 100%;}

a.mat_geography {float: left; width: 35px; height: 43px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/icons/icons_2_on_grey.gif);}
a.mat_design {float: left; width: 35px; height: 43px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/icons/icons_2_on_grey.gif); background-position: -38px 0;}

ul.related_links {float: left; width: 170px; position: relative; left: 10px; margin: 10px 0 0 0; padding: 0 0 30px 0;}
ul.related_links li {float: left; width: 170px; border-bottom: 1px solid #e2e2d8; padding: 0 0 10px 0; margin: 0 0 10px 0; }

/* REGISTER */
.register {float: left; width: 560px;}
.register span.orange {padding: 0 0 0 5px;}

.register_error_1 {float: left; width: 160px; background: #f4f3ee; padding: 10px;}

#reg_intro p {padding: 0 0 20px 10px;}

ul.reg_form {float: left; width: 650px; padding: 0 0 10px 10px; border-bottom: 1px solid #f3f2ed; margin: 0 0 16px 0;}
ul.reg_form li {float: left; width: 100%; padding: 0 0 10px 0;}
ul.reg_form li label {float: left; width: 190px; position: relative; top: 3px;}
ul.reg_form li select.title {float: left; width: 100px; height: 20px; padding: 2px 0 0px 5px; font-size: 11px; color: #666; border: 1px solid #999;}
ul.reg_form li input.large {float: left; width:248px; height: 14px; padding: 2px 5px 2px 5px; font-size: 11px; color: #666; border: 1px solid #999;}
ul.reg_form li input.medium {float: left; width:168px; height: 14px; padding: 2px 5px 2px 5px; font-size: 11px; color: #666; border: 1px solid #999;}
ul.reg_form li input.small {float: left; width:98px; height: 14px; padding: 2px 5px 2px 5px; font-size: 11px; color: #666; border: 1px solid #999;}
ul.reg_form li p input {float: left; }
ul.reg_form li p label {float: left; padding: 0 0 0 5px; width: 70px;}
ul.reg_form li p span.school_input {float: left; background: #f5f5f5; padding: 5px 0 5px 5px; position: relative; top: -3px; left: -5px}
ul.reg_form li span.prompt_text {color: #999; float: left; width: 100%; position: relative; left: 190px; font-size: 11px;}
ul.reg_form li span.school { float: left; width: 356px; background: #f5f5f5; padding: 10px 0 10px 5px; position: relative; top: -13px; left: 185px; }

/*
ul.reg_form .teacherDetails { display:none; }
ul.reg_form .schoolSearch { display:none; }
ul.reg_form .hearAboutOther { display:none; }
*/

ul.optional_fields {float: left; width: 100%; margin: 10px 0 0 0;}
ul.optional_fields li {padding: 0;}
ul.optional_fields li.subject_taught {padding: 0 0 10px 0;}

ul.reg_checkboxes {float: left; width: 360px; padding: 0; margin: 0; }
ul.reg_checkboxes li {float: left; width: 95px; padding: 0; }
ul.reg_checkboxes li input {float: left; }
ul.reg_checkboxes li label {float: left; width: 60px; }

ul.reg_form li.areasOfInterest div { float: left; width:350px;  }
ul.reg_form li.areasOfInterest div label { width:160px; float:left; margin: 0 5px 0 0; padding: 0;}  

ul.terms_check {float: left; width: 550px; padding: 0 0 10px 10px; border-bottom: 1px solid #f3f2ed; margin: 0 0 16px 0;}
ul.terms_check li {float: left; width: 540px;}
ul.terms_check li.pad {padding: 0 0 10px 0;}
ul.terms_check li input {float: left; }
ul.terms_check li label { float: right; padding: 0 0 0 10px; width: 500px;}

ul.reg_form li .errors ul.errors {float: right; width: 199px; text-align: left; position: relative; left: 40px; color: #cf0000;}

.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; width:270px;}
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li {margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #0A246A; color: white; }

/* GENERIC TEXT PAGE */
.generic_text {float: left; width: 550px;}
.generic_text p {float: left; padding: 0 10px 10px 10px; width: 530px; }
.generic_text ul {padding: 0 10px 10px 10px;}

/* LOGIN/REGISTER */
.login_left {float: left; width: 469px; border-right: 1px solid #e9ebe0; min-height: 260px;}
.login_content {float: left; width: 370px;}
.register_right {float: left; width: 470px;}
.register_content {float: right; width: 370px;}

ul.login_form {float: left; width: 350px; padding: 0 10px;}
ul.login_form li {float: left; width: 100%; padding: 0 0 10px 0;}
ul.login_form li.middle {float: right; width:190px; }
ul.login_form li.middle a {float: left; padding: 0 0 0px 0; font-weight: bold;}
ul.login_form li.middle input {float: left;}
ul.login_form li.middle label {float: left; padding: 0 0 0 10px;}
ul.login_form li label {float: left; width: 160px; font-weight: bold;}
ul.login_form li input.med {float: left; width:168px; height: 14px; padding: 2px 5px 2px 5px; font-size: 11px; color: #666; border: 1px solid #999;}
ul.login_form li input.chec_remem {float: left; }
ul.login_form li label.remem { float: left;}
ul.login_form li p {padding: 0 0 15px 0;}
a.register_button {float: right;}
a.submit {float: right;}

ul.login_form li ul.errors {float: left; color: #cf0000; width: 300px; }
ul.login_form li ul.errors li {float: left; position: relative; left: 160px; top: 5px;}

.rateBox .leftPart, .rateBox .rightPart {float: left;}
.rateItem {float: left; } 

/* PROFILE */
ul.profile_right_list {float: left; width: 160px; padding: 10px 10px 0 10px; }
ul.profile_right_list h3 {padding: 0 0 0px 0;}
ul.profile_right_list li {float: left; width: 100%; padding: 0 0 20px 0; }

/* QUIZ CSS */
#quiz_bg {float: left; width: 100%; height: 24px; background: url(http://webarchive.nationalarchives.gov.uk/+/http://www.defencedynamics.mod.uk/themes/mod/images/quiz-top-bg.gif) repeat-x; }
.quiz_template {float: left; width: 850px; min-height: 500px; padding: 110px 45px;  }
.quiz_template a.submit {position: relative; top: -10px; right: 10px;}
.quiz_template .print_button { margin:20px 0px 0px 700px; }
.question_block {float: left; width: 100%; border-bottom: 2px solid #d8d5c6; margin: 20px 0 0 0; padding: 0 0 15px 0; position: relative;}
.question_block h2 {float: left; line-height: 24px;}
.question_block h2 span {float: left; padding: 0 10px 0 0; }
.question_block p {float: left; padding: 2px 0 0 10px;}
.question_block h2 span.answerCount { padding:0; font-size:14px; font-weight:normal; float: none;}
.question_block h2 span.answerCount span { float:none; padding:0;}
.question_block p.wrong_msg {position: relative; top: 0; right: -173px; padding: 0; font-size: 14px; font-weight: bold; color: #fe0000;}
.question_block .image_holder {float: left; width: 800px; padding: 10px 0 15px 50px;}

ul.multiple_choice {float: left; width: 800px; padding: 0px 0 0 50px; }
ul.multiple_choice li {float: left; width: 100%; padding: 0 0 5px 0;}
ul.multiple_choice li input {float: left; }
ul.multiple_choice li label {float: left; padding: 0 0 0 10px; }
ul.multiple_choice li p {float: left; padding: 0 0 0 10px; }
ul.multiple_choice li p span.wrong_answer {color: #fe0000; font-weight: bold;}
ul.multiple_choice li p span.right_answer {color: #3e8122; font-weight: bold;}

.correct_answers {float: left; width: 100%; border-top: 2px solid #fe0000; margin: 20px 0;}

/* SEARCH */
ul.left_search_box {float: left; width: 160px; padding: 10px; background: #f4f3ee;}
ul.left_search_box li {float: left; width: 100%; padding: 0 0 10px 0;}
ul.left_search_box li h3 {}
ul.left_search_box li input.field {float: left; width:150px; height: 14px; padding: 2px 5px 2px 5px; font-size: 11px; color: #666; border: 1px solid #999;}
ul.left_search_box li span {font-style: italic; color: #999;}
ul.left_search_box li a {float: left; }

ul.filter_lesson {float: left; width: 650px; padding: 10px 10px 5px 10px;}
ul.filter_lesson li {float: left; }
ul.filter_lesson li.title_left {width: 65px;}
ul.filter_lesson li.input_right {width: 580px;}
ul.filter_lesson li.input_right ul.checkboxes {float: left; width: 100%;}
ul.filter_lesson li.input_right ul.checkboxes li {width: 115px; padding: 0 0 5px 0;}
ul.filter_lesson li.input_right ul.checkboxes li label {padding: 0 0 0 5px; font-size: 11px;}
html>/**/body ul.filter_lesson li.boxes_right ul.checkboxes li label, x:-moz-any-link, x:default { position: relative; top: -4px; }
ul.filter_lesson li.input_right select {padding: 5px 2px 5px 5px; font-size:11px; color: #666; margin: 5px 0 2px 4px; width: 130px; position: relative; top: -4px; }
#filter ul.filter li {width: 65px;} 

/* ERROR */
.error_template {float: left; width: 550px; min-height: 500px; padding: 110px 195px;  }
.error_template p {padding: 0 0 10px 10px;}
.error_template ul {float: left; width: 540px; padding: 0 0 0 10px;}
.error_template ul li {float: left; width: 100%; padding: 0 0 5px 0;}

/* SITEMAP */
.sitemap_template {margin: 60px 0 0 0;}
.sitemap_template .map_section {border-bottom: 1px solid #D8D5C4; clear: left; float: left; margin: 0 0 20px 0; padding: 0 0 15px 0; width: 940px;}
.sitemap_template .map_section .links_3col {float: left; padding: 0 0 0 20px; width: 570px;}
.map_section .links_3col li {float: left; width: 190px;}
.map_section .sub_sections {padding: 10px 0 0 20px}
.map_section .sub_sections ul {padding: 0 0 10px 10px}
.map_section .sub_sections h5 {color: #666666; }
.map_section h3 {padding: 0 0 0 10px;}
.map_section a {line-height: 20px;}

/* FAQ */

.faq-answer-list {margin: 60px 0 0 0 ;}
.faq-answer-list div {margin: 0 0 15px 0 ;}


.login-message {margin: 0 0 20px 0; color: #CC3805; font-weight: bold; font-size: 14px; text-align: center; border: 1px solid #CC3805; padding: 5px;  }


