/* CSS Document */ /*------------------------------------------- Text and Link Styles --------------------------------------------*/ a {text-decoration:underline; color:#000; border:none; outline: none; } a:hover {text-decoration:underline; color:#3DA434} p {font-size:12px; margin:0 0 10px 0; padding:0;} h1, h2, h3, h4, h5 {color:black; padding:0;} h1 a, h2 a, h3 a, h4 a, h5 a {color:blue; text-decoration:none} h1 {margin:0 0 10px 0; font-size:20px;} h2 {margin:0 0 8px 0; font-size:18px; } h3 {margin:0 0 0px 0; font-size:16px;} h4 {margin:0 0 7px 0; font-size:13px;} h5 {margin:0 0 5px 0; font-size:10px;} a img {border:none; outline:none;} /*-------------------------------------------- Layout ---------------------------------------------*/ html {min-height: 100%; margin-bottom: 1px;} /*Shows vertical scroll bar - stops page moving about*/ body{font-family:Lucida Grande, Myriad Pro, Arial, Sans Serif; margin:0; padding:0; background-color:#FFF; font-size:12px; text-align:center} #wrapper {width:939px; padding:28px; text-align:left; background-color:#FFFFFF; margin:0 auto; } #banner {width:939px; height:180px; margin:0 auto; float:left; margin-bottom:28px;} #banner img {float:right;} #headline {width:939px; height:21px; display:inline; clear:both;} #headline .right {float:right;} headline a {border:none; outline:none; text-decoration: none;} #container {width:937px; padding:0px; margin:28px 0 0 0;} #min {height:315px; width:0px; overflow:hidden; float:left;} #left {float:left; width:460px; margin-right:28px; display:inline; position:relative; height:300px;} #left img {margin:10px 0 10px 0;} #right {float:left; margin:0 0 0 28px; padding:0px; width:421px; display:inline;} #tickbox {margin:0 auto; width:955px; height:20px; text-align:right; font-size:10px;} #left table {width:460px;} #right table {width:421px;} .pressimages { width:417px; height:325px; overflow:scroll; overflow-x:hidden; } .pressimages table tr td img {margin:5px 5px 5px 5px;} /*---------------------------------------------- Calendar -----------------------------------------------*/ /* .day {width:132px; float:left; height:132px; border-left:solid 1px #DBDBDB; border-top:solid 1px #DBDBDB; padding:3px;} .day h2 {font-size:12px;} */ .calendar {width:417px; height:305px; overflow:scroll; overflow-x:hidden; /* scrollbar-base-color:#FF9900; scrollbar-arrow-color: white; scrollbar-track-color: white; */ } .calendar table {width:85%;} .calendar table tr td{padding:2px;} .calendar h2 {font-size:12px;} .calendar table .line {background:#7AD772} /*--------------------------------------------- Righ hand images ----------------------------------------------*/ .thumb { margin:0 0 10px 10px; cursor: pointer; } #right table {border:none; margin:0px; padding:0px; vertical-align:top;} /*--------------------------------------------- Main Nav ----------------------------------------------*/ .nav {float:left; width:265px; height:159px;} .nav ul {margin:0px; padding:0px;} .nav ul li {list-style-type:none; width:265px; height:18px; margin:0px; height:18px; background-position: left 0px; overflow:hidden;} .nav ul li a {display:block; width:100%} .nav li a.current, .nav li a:hover {background-position: left -18px;} /*----------------------------------------------- Main Nav li classes -----------------------------------------------*/ .nav_home a {background:url(../images/layout/home.jpg) no-repeat top left;} .nav_about a {background:url(../images/layout/about.jpg) no-repeat top left;} .nav_inter a {background:url(../images/layout/inter.jpg) no-repeat top left;} .nav_events a {background:url(../images/layout/events.jpg) no-repeat top left;} .nav_learning a {background:url(../images/layout/learning.jpg) no-repeat top left;} .nav_press a {background:url(../images/layout/press.jpg) no-repeat top left;} .nav_contact a {background:url(../images/layout/contact.jpg) no-repeat top left;} .nav_visit a {background:url(../images/layout/visit.jpg) no-repeat top left;} .nav_involved a {background:url(../images/layout/involved.jpg) no-repeat top left;} .nav_blog a {background:url(../images/layout/blog.jpg) no-repeat top left;} /*--------------------------------------------- Subnav -----------------------------------------------*/ .subnav {width:460px; float:left; margin-top:8px; position:absolute; bottom:0px; left:0px;} .subnav ul {margin:0px; padding:0px; width:460px;} .subnav ul li {list-style-type:none; background-position: left 0px; float:left; display:inline;} .subnav ul li a:hover {background-position: left -18px;} .subnav ul li a.current {background-position: left -18px;} .subnav ul li a {display:block; height:18px; overflow:hidden;} /*no position*/ .subnavigation {width:460px; float:left; margin-top:8px; padding-bottom:10px;} .subnavigation ul {margin:0px; padding:0px; width:460px;} .subnavigation ul li {list-style-type:none; background-position: left 0px; float:left; display:inline;} .subnavigation ul li a:hover {background-position: left -18px;} .subnavigation ul li a.current {background-position: left -18px;} .subnavigation ul li a {display:block; height:18px; overflow:hidden;} /*----------------------------------------------- Subnav li classes -----------------------------------------------*/ /*.about_foreground a {background:url(../images/layout/about_foreground.jpg) no-repeat top left; width:114px; }*/ .about_staff a {background:url(../images/layout/about_staff.jpg) no-repeat top left; width:52px;} .about_supporters a {background:url(../images/layout/about_supporters.jpg) no-repeat top left; width:104px;} .about_volunteers a {background:url(../images/layout/about_volunteers.jpg) no-repeat top left; width:103px;} /*.events_calendar a {background:url(../images/layout/events_calendar.jpg) no-repeat top left; width:96px;}*/ .events_family a {background:url(../images/layout/events_family.jpg) no-repeat top left; width:170px;} .events_film a {background:url(../images/layout/events_film.jpg) no-repeat top left; width:153px;} .events_performances a {background:url(../images/layout/events_performances.jpg) no-repeat top left; width:255px;} .events_talks a {background:url(../images/layout/events_talks.jpg) no-repeat top left; width:59px;} .inter_cornelia a {background:url(../images/layout/inter_cornelia.jpg) no-repeat top left; width:145px;} .inter_eva a {background:url(../images/layout/inter_eva.jpg) no-repeat top left; width:125px;} /*.inter_introduction a {background:url(../images/layout/inter_introduction.jpg) no-repeat top left; width:122px;}*/ .inter_jim a {background:url(../images/layout/inter_jim.jpg) no-repeat top left; width:126px;} .inter_lawrence a {background:url(../images/layout/inter_lawrence.jpg) no-repeat top left; width:163px;} .inter_michael a {background:url(../images/layout/inter_michael.jpg) no-repeat top left; width:129px;} .inter_publication a {background:url(../images/layout/inter_publication.jpg) no-repeat top left; width:108px;} .inter_richard a {background:url(../images/layout/inter_richard.jpg) no-repeat top left; width:375px;} .inter_ruth a {background:url(../images/layout/inter_ruth.jpg) no-repeat top left; width:106px} .inter_download a {background:url(../images/layout/inter_download.jpg) no-repeat top left; width:180px;} .involved_host a {background:url(../images/layout/involved_host.jpg) no-repeat top left; width:53px;} .involved_support a {background:url(../images/layout/involved_support.jpg) no-repeat top left; width:105px;} .involved_volunteer a {background:url(../images/layout/involved_volunteer.jpg) no-repeat top left; width:96px;} .learning_community a {background:url(../images/layout/learning_community.jpg) no-repeat top left; width:176px;} .learning_placements a {background:url(../images/layout/learning_placements.jpg) no-repeat top left; width:108px;} .learning_schools a {background:url(../images/layout/learning_schools.jpg) no-repeat top left; width:169px;} /*.press_images a {background:url(../images/layout/press_images.jpg) no-repeat top left; width:72px;} .press_pack a {background:url(../images/layout/press_pack.jpg) no-repeat top left; width:104px;} .press_release a {background:url(../images/layout/press_release.jpg) no-repeat top left; width:128px;}*/ .visit_access a {background:url(../images/layout/visit_access.jpg) no-repeat top left; width:70px;} .visit_findus a {background:url(../images/layout/visit_findus.jpg) no-repeat top left; width:123px;} .visit_opening a {background:url(../images/layout/visit_opening.jpg) no-repeat top left; width:140px;} /*.slash a {} .about_foreground, .about_staff, .about_supporters, .about_volunteers, .events_calendar, .events_family, .events_film, .events_performances.events_talks, .inter_cornelia, .inter_eva, .inter_introduction, .inter_jim, .inter_lawrence, .inter_michael, .inter_publication, .inter_richard, .inter_ruth, .involved_host, .involved_support, .involved_volunteer, .learning_community, .learning_placements, .learning_schools, .press_images, .press_pack, .press_release, .visit_access, .visit_findus, .visit_opening */ /*----------------------------------------------- OLD Subnav li classes ----------------------------------------------- .about_foreground a {background:url(../images/layout/about_foreground.jpg) no-repeat top left; width:127px; } .about_staff a {background:url(../images/layout/about_staff.jpg) no-repeat top left; width:64px;} .about_supporters a {background:url(../images/layout/about_supporters.jpg) no-repeat top left; width:120px;} .about_volunteers a {background:url(../images/layout/about_volunteers.jpg) no-repeat top left; width:108px;} .events_calendar a {background:url(../images/layout/events_calendar.jpg) no-repeat top left; width:107px;} .events_family a {background:url(../images/layout/events_family.jpg) no-repeat top left; width:197px;} .events_film a {background:url(../images/layout/events_film.jpg) no-repeat top left; width:176px;} .events_performances a {background:url(../images/layout/events_performances.jpg) no-repeat top left; width:284px;} .events_talks a {background:url(../images/layout/events_talks.jpg) no-repeat top left; width:68px;} .inter_cornelia a {background:url(../images/layout/inter_cornelia.jpg) no-repeat top left; width:168px;} .inter_eva a {background:url(../images/layout/inter_eva.jpg) no-repeat top left; width:145px;} .inter_introduction a {background:url(../images/layout/inter_introduction.jpg) no-repeat top left; width:136px;} .inter_jim a {background:url(../images/layout/inter_jim.jpg) no-repeat top left; width:146px;} .inter_lawrence a {background:url(../images/layout/inter_lawrence.jpg) no-repeat top left; width:190px;} .inter_michael a {background:url(../images/layout/inter_michael.jpg) no-repeat top left; width:149px;} .inter_publication a {background:url(../images/layout/inter_publication.jpg) no-repeat top left; width:121px;} .inter_richard a {background:url(../images/layout/inter_richard.jpg) no-repeat top left; width:164px;} .inter_ruth a {background:url(../images/layout/inter_ruth.jpg) no-repeat top left; width:121px;} .inter_download a {background:url(../images/layout/inter_download.jpg) no-repeat top left; width:193px;} .involved_host a {background:url(../images/layout/involved_host.jpg) no-repeat top left; width:53px;} .involved_support a {background:url(../images/layout/involved_support.jpg) no-repeat top left; width:119px;} .involved_volunteer a {background:url(../images/layout/involved_volunteer.jpg) no-repeat top left; width:113px;} .learning_community a {background:url(../images/layout/learning_community.jpg) no-repeat top left; width:203px;} .learning_placements a {background:url(../images/layout/learning_placements.jpg) no-repeat top left; width:124px;} .learning_schools a {background:url(../images/layout/learning_schools.jpg) no-repeat top left; width:192px;} .press_images a {background:url(../images/layout/press_images.jpg) no-repeat top left; width:80px;} .press_pack a {background:url(../images/layout/press_pack.jpg) no-repeat top left; width:116px;} .press_release a {background:url(../images/layout/press_release.jpg) no-repeat top left; width:142px;} .visit_access a {background:url(../images/layout/visit_access.jpg) no-repeat top left; width:83px;} .visit_findus a {background:url(../images/layout/visit_findus.jpg) no-repeat top left; width:137px;} .visit_opening a {background:url(../images/layout/visit_opening.jpg) no-repeat top left; width:159px;}*/