/* CAAB Main Stylesheet */ .clear {clear:both; height:1px; font-size:1px; margin:0px; padding:0px;line-height:0px;} /* Clearing Floats */ .clearfix { display: inline-block; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear { clear:both; height:1px; width:100%; margin-bottom:-1px; font-size:0px; line-height:0; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .floatLeft {float:left;} .floatRight {float:right;} .imgRep, .imgRep:link, .imgRep:visited {display:block;text-indent:-9999em; text-decoration:none; margin:0;} body { background-color:#f7fbfa; margin:0px; font-family:Verdana, Helvetica, sans-serif; color:#060f3e; font-size:0.85em; padding-bottom:20px; } #wrapper { width:940px; margin:0px auto; font-size:90%; position:relative; background-color:#fff;} #content-wrap { width:940px; border:1px solid #dce5e2; } /* Global Styles & Elements */ #utilityNav { width:940px; min-height:40px; margin:0px; position:relative; top:0px; display:block;} #utilityNav #text-toggle { float:left; display:block; width:250px; padding:5px 0 0 0} #utilityNav #text-toggle p { color:#000; float:left; margin:0 8px 0 0; padding:8px 0 0 0} #utilityNav #text-toggle ul li { list-style:none; float:left} #utilityNav #text-toggle ul li a { display:block; text-indent:-9999em} #utilityNav #text-toggle ul li#smtxt a { width:25px; height:30px; background:url(../img/new-homepage/new-toggle.gif) no-repeat 0 0} #utilityNav #text-toggle ul li#medtxt a { width:26px; height:30px; background:url(../img/new-homepage/new-toggle.gif) no-repeat -25px 0} #utilityNav #text-toggle ul li#lrgtxt a { width:29px; height:30px; background:url(../img/new-homepage/new-toggle.gif) no-repeat -51px 0} #utilityNav #text-toggle ul li#smtxt a:hover, #utilityNav #text-toggle ul li#smtxt a.active { width:25px; height:30px; background:url(../img/new-homepage/new-toggle.gif) no-repeat 0 -30px} #utilityNav #text-toggle ul li#medtxt a:hover, #utilityNav #text-toggle ul li#medtxt a.active { width:26px; height:30px; background:url(../img/new-homepage/new-toggle.gif) no-repeat -25px -30px} #utilityNav #text-toggle ul li#lrgtxt a:hover, #utilityNav #text-toggle ul li#lrgtxt a.active { width:29px; height:30px; background:url(../img/new-homepage/new-toggle.gif) no-repeat -51px -30px} #utilityNav .utilityNavGear {float:right; display:block; margin:0; padding:3px 0 0 0; position:relative; } #utilityNav .utilityNavGear a:link, #utilityNav .utilityNavGear a:active, #utilityNav .utilityNavGear a:visited {color:#060f3e; text-decoration:underline; padding:0px 15px; border-right:1px solid #b7cac5;} #utilityNav .utilityNavGear a:hover {color:#060f3e; text-decoration:none;} #utilityNav label {margin:0px 5px 0px 15px; font-size:100%} #utilityNav input {margin:0px; padding:0px;} #utilityNav input.searchBox {border:1px solid #dce5e2; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:110%} #utilityNav input.goButton {position:relative; top:6px;} #logoBox {width:940px; height:109px; margin:0px 0px 0px 0px; padding:0px; display:block; position:relative;} #logoBox img {margin:0px; padding:0px; border:none; display:block;} #leftCol {float:left; padding-top:40px;width:170px;} /* Main Navigation */ #mainNav { width:170px; display:block; margin:0 0 20px 0} #mainNav #menu { list-style-type:none; width:170px; } #mainNav #menu li { margin:0px; padding:0px; } #mainNav #menu li a { display:block} #mainNav #menu a:link, #mainNav #menu a:active, #mainNav #menu a:visited {text-decoration:none; line-height:1; margin:0px; font-size:100%;} #mainNav #menu a:hover {text-decoration:underline;} #menu_LI_0_1_1 a { background:#60aa00 url(../img/nav/home.gif) repeat-x top left; border:1px solid #70c600; display:block;color:#fff; margin-bottom:1px; padding:4px 0px 6px 6px; } #menu_LI_0_2_1 a { background:#a23711 url(../img/nav/about.gif) repeat-x top left; border:1px solid #bc4104; display:block;color:#fff; margin-bottom:1px; padding:4px 0px 6px 6px; } #menu_LI_0_3_1 a { background:#b98822 url(../img/nav/children.gif) repeat-x top left; border:1px solid #dea222; display:block;color:#fff; margin-bottom:1px; padding:4px 0px 6px 6px; } #menu_LI_0_4_1 a { background:#09789a url(../img/nav/special.gif) repeat-x top left; border:1px solid #0388b1; display:block;color:#fff; margin-bottom:1px; padding:4px 0px 6px 6px; } #menu_LI_0_5_1 a { background:#2f4e88 url(../img/nav/research.gif) repeat-x top left; border:1px solid #32579e; display:block;color:#fff; margin-bottom:1px; padding:4px 0px 6px 6px; } #menu_LI_0_6_1 a { background:#660e87 url(../img/nav/publications.gif) repeat-x top left; border:1px solid #75039e; display:block;color:#fff; margin-bottom:1px; padding:4px 0px 6px 6px; } #menu_LI_0_7_1 a { background:#700623 url(../img/nav/events.gif) repeat-x top left; border:1px solid #860a2d; display:block;color:#fff; margin-bottom:1px; padding:4px 0px 6px 6px; } #menu_LI_0_8_1 a { background:#3b6e5b url(../img/nav/news.gif) repeat-x top left; border:1px solid #45826b; display:block;color:#fff; margin-bottom:1px; padding:4px 0px 6px 6px; } #menu_LI_0_9_1 a { background:#84356d url(../img/nav/links.gif) repeat-x top left; border:1px solid #9b3e80; display:block;color:#fff; margin-bottom:1px; padding:4px 0px 6px 6px; } #menu_LI_0_10_1 a { background:#a64e19 url(../img/nav/contact.gif) repeat-x top left; border:1px solid #c65d1e; display:block;color:#fff; margin-bottom:1px; padding:4px 0px 6px 6px; } /*Sub Navigation */ #menu ul { margin:-1px 0px 1px 0px; padding:0px; list-style-type:none; display:block; color:#060f3e;} #menu ul li { margin:0px; padding:0px; display:inline; color:#060f3e; } #menu ul a { padding:4px 0px 6px 10px; margin:0px; display:block; color:#060f3e;} #menu ul li a span { display: inline-block; line-height:1.2em; cursor:pointer; } /* Sub Navigation Colours for each section */ #menu_LI_0_2_1 ul { border:0; border-left:2px solid #bc4014; background-color:#EBC5B8;} #menu_LI_0_2_1 ul li a:link, #menu_LI_0_2_1 ul li a:active, #menu_LI_0_2_1 ul li a:visited { border:0; background:none; background-color:#EBC5B8;} #menu_LI_0_2_1 ul li a#active, #menu_LI_0_2_1 ul li a:hover {background-color:#F5E3DC;} #menu_LI_0_2_1 ul a#active span { background:url(../img/arrows/about_arrow.gif) no-repeat 100% 75%; padding-right:10px;} #menu_LI_0_3_1 ul { border:0; border-left:2px solid #dea222; background-color:#F5E3BC;} #menu_LI_0_3_1 ul li a:link, #menu_LI_0_3_1 ul li a:active, #menu_LI_0_3_1 ul li a:visited { border:0; background:none; background-color:#F5E3BC;} #menu_LI_0_3_1 ul li a#active, #menu_LI_0_3_1 ul li a:hover {background-color:#FAF1DE;} #menu_LI_0_3_1 ul a#active span {background:url(../img/arrows/children_arrow.gif) no-repeat 100% 75%; padding-right:10px;} #menu_LI_0_4_1 ul { border:0; border-left:2px solid #0388b1; background-color:#B3DBE7;} #menu_LI_0_4_1 ul li a:link, #menu_LI_0_4_1 ul li a:active, #menu_LI_0_4_1 ul li a:visited { border:0; background:none; background-color:#B3DBE7;} #menu_LI_0_4_1 ul li a#active, #menu_LI_0_4_1 ul li a:hover {background-color:#D9EDF3;} #menu_LI_0_4_1 ul a#active span {background:url(../img/arrows/special_arrow.gif) no-repeat 100% 75%; padding-right:10px;} #menu_LI_0_6_1 ul { border:0; border-left:2px solid #75039e; background-color:#D5B3E2;} #menu_LI_0_6_1 ul li a:link, #menu_LI_0_6_1 ul li a:active, #menu_LI_0_6_1 ul li a:visited { border:0; background:none; background-color:#D5B3E2;} #menu_LI_0_6_1 ul li a#active, #menu_LI_0_6_1 ul li a:hover {background-color:#EAD9F1;} #menu_LI_0_6_1 ul a#active span {background:url(../img/arrows/publications_arrow.gif) no-repeat 100% 75%; padding-right:10px;} #menu_LI_0_5_1 ul { border:0; border-left:2px solid #32579e; background-color:#C1CCE2;} #menu_LI_0_5_1 ul li a:link, #menu_LI_0_5_1 ul li a:active, #menu_LI_0_5_1 ul li a:visited { border:0; background:none; background-color:#C1CCE2;} #menu_LI_0_5_1 ul li a#active, #menu_LI_0_5_1 ul li a:hover {background-color:#E0E6F1;} #menu_LI_0_5_1 ul a#active span {background:url(../img/arrows/research_arrow.gif) no-repeat 100% 75%; padding-right:10px;} #menu_LI_0_7_1 ul { border:0; border-left:2px solid #880c2f; background-color:#e7cdd4;} #menu_LI_0_7_1 ul li a:link, #menu_LI_0_7_1 ul li a:active, #menu_LI_0_7_1 ul li a:visited { border:0; background:none; background-color:#e7cdd4;} #menu_LI_0_7_1 ul li a#active, #menu_LI_0_7_1 ul li a:hover {background-color:#f3e6e9;} #menu_LI_0_7_1 ul a#active span { background:url(../img/arrows/events_arrow.gif) no-repeat 100% 75%; padding-right:10px; } #menu_LI_0_8_1 ul {border:0; border-left:2px solid #45826b; background-color:#C7D9D2;} #menu_LI_0_8_1 ul li a:link, #menu_LI_0_8_1 ul li a:active, #menu_LI_0_8_1 ul li a:visited {border:0; background:none; background-color:#C7D9D2;} #menu_LI_0_8_1 ul li a#active, #menu_LI_0_8_1 ul li a:hover {background-color:#E3ECE9;} #menu_LI_0_8_1 ul a#active span {background:url(../img/arrows/news_arrow.gif) no-repeat 100% 75%; padding-right:10px;} #menu_LI_0_9_1 ul {border:0; border-left:2px solid #963e80; background-color:#DFC5D9;} #menu_LI_0_9_1 ul li a:link, #menu_LI_0_9_1 ul li a:active, #menu_LI_0_9_1 ul li a:visited {border:0; background:none; background-color:#DFC5D9;} #menu_LI_0_9_1 ul li a#active, #menu_LI_0_9_1 ul li a:hover {background-color:#EFE2EC;} #menu_LI_0_9_1 ul a#active span {background:url(../img/arrows/links_arrow.gif) no-repeat 100% 75%; padding-right:10px;} #menu_LI_0_10_1 ul {border:0; border-left:2px solid #c65d1e; background-color:#EECEBB;} #menu_LI_0_10_1 ul li a:link, #menu_LI_0_10_1 ul li a:active, #menu_LI_0_10_1 ul li a:visited {border:0; background:none; background-color:#EECEBB;} #menu_LI_0_10_1 ul li a#active, #menu_LI_0_10_1 ul li a:hover {background-color:#F7E7DD;} #menu_LI_0_10_1 ul a#active span {background:url(../img/arrows/contact_arrow.gif) no-repeat 100% 75%; padding-right:10px;} #video_events { position:relative; left:10px; width:160px; margin:6px 0 15px 0; } #video_events a { width:160px; height:44px; background:#fff url(../img/buttons/video_events.gif) no-repeat 0 0; } #video_events a:hover { background-position:0 -44px; } /* Content */ #content {width:760px; float:right; margin:0 0 20px 0; color:#060f3e; } .homeBg {background:#fff url(../img/new-homepage/banner-reflection.gif) no-repeat top right;} .insideBg {background:#fff url(../img/new-homepage/banner-reflection.gif) no-repeat top right;} #content #intro { display:block; margin:0 0 10px 0} #content #intro p { color:#252d56; font-size:100%; line-height:1.3; } #content #intro p em { font-weight:bold; font-style:normal} /* Breadcrumbs */ #breadcrumbs {width:730px; font-size:90%; margin:15px 0px 15px 0px; padding:0px 15px;} #breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:visited {color:#060f3e; text-decoration:underline; margin:0px 5px; line-height:1.2;} #breadcrumbs a:hover {color:#060f3e; text-decoration:none; line-height:1.2;} #breadcrumbs a.active {color:#060f3e; text-decoration:none; cursor:default; line-height:1.2;} #welcome {width:752px; float:right; display:block; margin-bottom:20px;} #welcome img {border:none;} /* Homepage Panel Backgrounds */ #featured-event { width:740px; display:block; margin:0 0 20px 0; border:1px solid #c18091;} #featured-event .feature-header { width:720px; padding:8px 10px 4px 10px; background:url(../img/eventsStripe.gif) repeat 0 0; position:relative;} #featured-event .feature-header h1 { color:#fff; font-weight:normal; font-size:120%} #featured-event .feature-header h1 a:link, #featured-event .feature-header a:active, #featured-event .feature-header a:visited { color:#fff; text-decoration:none} #featured-event .feature-header .grey-btn { display:block; background:#e5e5e5 url(../img/new-homepage/grey-btn-bg.gif) repeat-x 0 0; padding:3px 5px; width:145px; line-height:1; font-size:90%; text-align:center; border:1px solid #939594; position:absolute; top:5px; right:5px} #featured-event .feature-header .grey-btn:link, #featured-event .feature-header .grey-btn:active, #featured-event .feature-header .grey-btn:visited { color:#555555; text-decoration:none} #featured-event .feature-header .grey-btn:hover { color:#000; text-decoration:none} #featured-event .feature-header a:hover { color:#fff; text-decoration:none} #featured-event .feature-content { width:716px; padding:12px; display:block; background-color:#f5eef0; position:relative} #featured-event .feature-content h2 { color:#304f8b; font-size:130%; margin:0 0 8px 0; width:470px } #featured-event .feature-content a:link, #featured-event .feature-content a:active, #featured-event .feature-content a:visited { color:#304f8b; text-decoration:underline} #featured-event .feature-content a:hover { color:#304f8b; text-decoration:none} #featured-event .feature-content img { float:left; display:block; margin:0 15px 0 0;} #featured-event .feature-content p { line-height:1.3} #featured-event #feature-date { position:absolute; top:12px; right:12px;} #home-left { width:360px; float:left;} #home-right { width:360px; float:right;} /* Homepage Upcoming Events panel */ #upcomingEvents { width:360px; min-height:188px; position:relative; display:block; padding:0px 0 30px 0; margin:0 0 20px 0; background:#f1e6ea url(../img/new-homepage/pink-gradient.gif) repeat-x 0 0; border:1px solid #c18091} #upcomingEvents .eventsHeader {background:#5f0016 url(../img/eventsStripe.gif) repeat top left; padding:8px 0px 4px 12px; margin:0 0 10px 0} #upcomingEvents h2 {font-size:130%; font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color:#fff; font-weight:normal;} #upcomingEvents a:link, #upcomingEvents a:active, #upcomingEvents a:visited {color:#060f3e; text-decoration:none;line-height:1.2em;} #upcomingEvents a:hover { color:#880223; text-decoration:none;line-height:1.2;} #upcomingEvents .eventItem { display:block; margin:0px 10px; padding:10px 0 10px 0; } #upcomingEvents .eventItem p.eventDesc { font-size:90%; line-height:1.2em; margin:0 !important; padding:0; float:right; width:290px; } #upcomingEvents .eventCalWrap {display:block; float:left; width:45px; margin:3px 0 0 0; padding:0px;} #upcomingEvents .eventCal {background: url(../img/calendar/calBg.gif) repeat-y top left; width:38px; padding:0px;} #upcomingEvents .eventCalTop {background: url(../img/calendar/calTop.gif) no-repeat top left; padding:8px 2px 0px 1px; margin:0px;} #upcomingEvents .eventCalTop p {background-color:#060f3e; width:35px; font-size:80%; color:#fff; padding:0px 0px 4px 0px; text-align:center; margin:0px;} #upcomingEvents .eventCalPage {background:#fff url(../img/calendar/calPaper.gif) no-repeat top left; width:35px; margin-left:1px; padding:0px;} #upcomingEvents .eventCalPage p {width:32px; padding:3px 2px; text-align:center; line-height:1.2; margin:0px; font-size:95%;} #upcomingEvents .calEnd {background:url(../img/calendar/calEnd.gif) no-repeat top left; height:3px; width:38px; padding:0px; line-height:3px ; font-size:3px; margin:0px; display:block;} #allEvents {display:block; margin:0px; width:145px; position:absolute; bottom:6px; right:10px;} #allEvents .more { width:145px; display:block; margin:0px; background:#e0e0e0 url(../img/buttons/silver_button.gif) repeat-x top left; color:#555555 !important; border:1px solid #939594; font-size:90%; text-align:center; padding:2px 0px 3px 2px; text-decoration:none;} #allEvents .more:hover { color:#000 !important} #latestPubs { width:360px; min-height:165px; position:relative; display:block; padding:0px 0 30px 0; margin:0 0 20px 0; background:#f0e7f2 url(../img/new-homepage/purple-gradient.gif) repeat-x 0 0; border:1px solid #b985ce} #latestPubs .pubsHeader { background:url(../img/new-homepage/purple-tile.gif) repeat top left; padding:8px 0px 4px 12px;} #latestPubs h2 { font-size:130%; font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color:#fff; font-weight:normal;} #latestPubs .pubsList { padding:10px 15px 0px 15px;} #latestPubs .pubsList ul li { background:url(../img/new-homepage/purple-pdf.gif) no-repeat 0 0; padding:3px 0px 2px 22px; margin:0 0 3px 0; line-height:1.2} #latestPubs .pubsList ul li a { font-size:90%; color:#060f3e;} #latestPubs .pubsList ul li a:link, #latestPubs .pubsList ul li a:active, #latestPubs .pubsList ul li a:visited { color:#060f3e; text-decoration:none} #latestPubs .pubsList ul li a:hover { color:#5e0088; text-decoration:none} #allPubs { display:block; margin:0px; width:160px; position:absolute; bottom:6px; right:10px;} #allPubs .more { width:160px; display:block; margin:0px; background:#e0e0e0 url(../img/buttons/silver_button.gif) repeat-x top left; color:#555555 !important; border:1px solid #939594; font-size:90%; text-align:center; padding:2px 0px 3px 2px; text-decoration:none; line-height:1.2} #allPubs .more:hover{ color:#000 !important} /* Homepage News Centre panel */ #newsCentre { width:360px; min-height:445px; display:block; padding:0px; float:right; margin:0px; position:relative; background:#dcebdf url(../img/new-homepage/green-gradient.gif) repeat-x 0 0; border:1px solid #9fbeb4} #newsCentre .newsHeading {background:#48826f url(../img/newsStripe.gif) repeat top left; padding:8px 0px 4px 12px;} #newsCentre h2 {font-size:130%; font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color:#fff; font-weight:normal;} #newsCentre ul {font-size:90%; padding:0px 10px 0px 10px; margin:15px 0px 15px 0px;} #newsCentre li {width:290px; padding:0px 0px 0px 45px; background: url(../img/new-homepage/newspaper.png) no-repeat top left; line-height:1.3; margin-bottom:15px; min-height:30px} #newsCentre .date {width:290px; color:#898989; line-height:1.3; font-size:85%;} #newsCentre a:link, #newsCentre a:active, #newsCentre a:visited {color:#555555; text-decoration:none;line-height:1.2;} #newsCentre a:hover {color:#000; text-decoration:none;line-height:1.2;} #moreNews {display:block; margin:0px; width:90px; position:absolute; bottom:6px; right:10px;} /*#moreNews p {margin:0px; line-height:1; display:block;}*/ #moreNews .more {width:88px; display:block; margin:0px; background:#e0e0e0 url(../img/buttons/silver_button.gif) repeat-x top left; color:#555555; border:1px solid #939594; font-size:90%; text-align:center; padding:2px 0px 3px 2px; text-decoration:none;} #moreNews .more:hover {color:#000;} #leftCol .video-link { display:block; width:170px; height:142px; background:url(../img/new-homepage/video-box.gif) no-repeat top right; position:relative; margin:0 0 20px 0} #leftCol .video-link h1, #leftCol .video-link em { display:none} #leftCol .video-link #watch-btn { width:140px; display:block;} #leftCol .video-link #watch-btn a { width:128px; display:block; background:#e5e5e5 url(../img/new-homepage/grey-btn-bg.gif) repeat-x 0 0; padding:5px; line-height:1; font-size:90%; text-align:center; border:1px solid #939594; color:#555555; position:absolute; bottom:15px; right:10px} #leftCol .video-link #watch-btn a:link, #leftCol .video-link #watch-btn a:active, #leftCol .video-link #watch-btn a:visited { color:#555555; text-decoration:none} #leftCol .video-link #watch-btn a:hover { color:#000; text-decoration:none} #leftCol .focus-on { display:block; width:170px; background:url(../img/new-homepage/focus-on.gif) no-repeat top right; min-height:130px; padding-top:76px; position:relative} #leftCol .focus-on h1 { display:none} #leftCol .focus-on p { font-size:90%; width:140px; margin:0 0 10px 20px; line-height:1.2} #leftCol .focus-on p a:link, #leftCol .focus-on p a:active, #leftCol .focus-on p a:visited { color:#304f8b; text-decoration:underline} #leftCol .focus-on p a:hover { color:#304f8b; text-decoration:none} #leftCol .focus-on #learn-more a { width:128px; display:block; background:#e5e5e5 url(../img/new-homepage/grey-btn-bg.gif) repeat-x 0 0; padding:5px; line-height:1; font-size:90%; text-align:center; border:1px solid #939594; color:#555555; position:absolute; bottom:15px; right:10px} #leftCol .focus-on #learn-more a:link, #leftCol .focus-on #learn-more a:active, #leftCol .focus-on #learn-more a:visited { color:#555555; text-decoration:none} #leftCol .focus-on #learn-more a:hover { color:#000; text-decoration:none} #leftCol .research-db { display:block; width:170px; background:url(../img/new-homepage/research-db.gif) no-repeat top right; min-height:130px; padding-top:76px; position:relative} #leftCol .research-db h1 { display:none} #leftCol .research-db p { font-size:90%; width:140px; margin:0 0 10px 20px; line-height:1.2} #leftCol .research-db p a:link, #leftCol .research-db p a:active, #leftCol .research-db p a:visited { color:#304f8b; text-decoration:underline} #leftCol .research-db p a:hover { color:#304f8b; text-decoration:none} #leftCol .research-db #learn-more a { width:128px; display:block; background:#e5e5e5 url(../img/new-homepage/grey-btn-bg.gif) repeat-x 0 0; padding:5px; line-height:1; font-size:90%; text-align:center; border:1px solid #939594; color:#555555; position:absolute; bottom:15px; right:10px} #leftCol .research-db #learn-more a:link, #leftCol .research-db #learn-more a:active, #leftCol .research-db #learn-more a:visited { color:#555555; text-decoration:none} #leftCol .research-db #learn-more a:hover { color:#000; text-decoration:none} /* Poll */ #poll {width:170px;background:#fff url(../img/new-clipboard.jpg) no-repeat top left; position:relative; padding:55px 0px 0px 0px; overflow:hidden} #poll p.title {text-transform:uppercase; font-weight:bold; text-align:center; margin:0px 0px 0px 10px; width:145px;} #poll p.question {background-color:#f7f7f7; width:145px; text-align:center; margin:8px 0px; line-height:1.2; margin-left:10px;} #poll label {margin-left:3px;} #poll .voteButton {display:block; margin:10px 0px 0px 48px;} #poll .poll-content { width:130px; min-height:165px; overflow:visible; padding:0px 5px; text-align:center; margin-left:15px; } #poll .poll-content p { line-height:1.2; font-size:90%; margin-bottom:8px; background-color:#f0f0f0} #poll .poll-content a:link, #poll .poll-content a:active, #poll .poll-content a:visited { color:#060f3e; text-decoration:underline} #poll .poll-content a:hover { color:#060f3e; text-decoration:none} #poll .poll-end { background:url(../img/new-clipboard-end.jpg) no-repeat bottom left; width:170px; height:19px } /* Top 5 Downloads */ #top5 {width:740px; border:1px solid #0087b0; position:relative; left:8px; top:20px; background:#edf6f9 url(../img/top5.gif) no-repeat 2% 90%; padding:8px 0px; display:block} #top5 .titleCol {float:left; width:170px; display:block;} #top5 h3 {color:#0087b0; font-size:210%; text-transform:uppercase; margin:10px 0px 0px 10px; padding:0px; font-weight:bold;} #top5 h4 {color:#0087b0; font-size:150%; text-transform:uppercase; margin:0px 0px 0px 10px; padding:0px; font-weight:bold;} #top5 ul {float:right; display:block; width:570px;} #top5 li {margin:3px 0px; padding:0px; line-height:1.5; padding-left:20px;} #top5 a:link, #top5 a:active, #top5 a:visited {font-size:90%; padding:3px 0px 3px 0px; color:#060f3e; text-decoration:none; margin:0px;} #top5 a:hover {font-size:90%; padding:3px 0px 3px 0px; color:#060f3e; text-decoration:underline; margin:0px;} #top5 li.pdf {background:#edf6f9 url(../img/page_white_acrobat.gif) no-repeat center left;} #top5 li.word {background:#edf6f9 url(../img/page_white_word.gif) no-repeat center left;} #top5 li.ppt {background:#edf6f9 url(../img/page_white_ppt.gif) no-repeat center left;} #top5 a.pdf {background:#edf6f9 url(../img/page_white_acrobat.gif) no-repeat center left;} #top5 a.word {background:#edf6f9 url(../img/page_white_word.gif) no-repeat center left;} #top5 a.ppt {background:#edf6f9 url(../img/page_white_ppt.gif) no-repeat center left;} #top5 #unAvail {color:#060f3e; float:right; font-size:90%; margin:10px 0px 10px 0px; width:560px;} /* Footer */ #footerHomepage {width:920px; background-color:#bce3d6; padding:8px 10px; font-size:100%; margin-top:15px;}/*Required for extra spacing above the footer which is unique to the homepage */ #footer {width:920px; background-color:#bce3d6; padding:8px 10px; font-size:100%;} #footer ul {float:right; margin:0px; padding:0px;} #footer li {float:left; border-right:1px solid #fff; padding:0px 15px;} #footer li.last {float:left; border:none; padding:0px 0px 2px 15px;} #footer li a:link, #footer li a:active, #footer li a:visited {text-decoration:underline; color:#060f3e; line-height:1;} #footer li a:hover {text-decoration:none; color:#060f3e; line-height:1;} .footerSpace {margin-top:15px;} /* Headers */ #header {width:700px; min-height:70px; color:#ffffff; padding:10px 15px; display:block; position:relative; margin-left:15px;} #header h1 {font-size:150%; font-family:"Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; line-height:1.2; margin:0px 0px 20px 0px; padding:0px; display:block; font-weight:normal;} #header p {font-size:90%; position:absolute; bottom:15px; margin:0px; padding:0px; display:block; line-height:1;} #header a:link, #header a:active, #header a:visited { color:#fff; text-decoration:underline} #header a:hover { color:#fff; text-decoration:none} /* Header classes for each of the sections, template shows eventsHeader as the class applied */ .searchHeader {background:#bc4014 url(../img/watermarks/about_watermark.gif) no-repeat bottom right;} .aboutHeader {background:#bc4014 url(../img/watermarks/about_watermark.gif) no-repeat bottom right;} .childrenHeader {background:#dea222 url(../img/watermarks/children_watermark.gif) no-repeat bottom right;} .specialHeader, .functionalHeader {background:#0388b1 url(../img/watermarks/special_watermark.gif) no-repeat bottom right;} .publicationsHeader {background:#75039e url(../img/watermarks/publications_watermark.gif) no-repeat bottom right;} .researchHeader {background:#32579e url(../img/watermarks/research_watermark.gif) no-repeat bottom right;} .eventsHeader {background:#860a2d url(../img/watermarks/events_watermark.gif) no-repeat bottom right;} .newsHeader {background:#45826b url(../img/watermarks/news_watermark.gif) no-repeat bottom right;} .linksHeader {background:#963E80 url(../img/watermarks/links_watermark.gif) no-repeat bottom right;} .contactHeader {background:#C65D1E url(../img/watermarks/contact_watermark.gif) no-repeat bottom right;} /* Inside Page Elements */ #pageContent {width:730px; padding:15px 0px 15px 15px; display:block; background:#fff url(../img/watermarks/content_watermark.gif) no-repeat bottom right; margin-left:15px; position:relative; min-height:400px; _height:400px; } #pageContent h2 {font-size:130%; font-family:"Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; line-height:1; margin:0 0 15px 0; padding:0px; width:685px;} #pageContent h3 {font-size:110%; font-family:"Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; line-height:1; margin:0px; padding:0px; width:685px;} #pageContent h4 {font-size:110%; font-family:"Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; line-height:1.5; margin:10px 30px 0px 0px; padding:0px; width:685px; font-weight:bold;} #pageContent h5 {font-size:100%; font-family:"Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; line-height:1.3; margin:10px 15px 0px 0px; padding:0px; width:685px; font-weight:bold;} #pageContent p {font-size:90%; color:#060f3e; display:block; margin:0px 30px 0px 0px; line-height:1.4; padding:0px;} #pageContent .imgRight {float:right; display:block; margin:0px 0px 0px 10px; padding:0px; border:3px solid #eff3f2;} #pageContent .imgLeft {float:left; display:block; margin:0px 10px 0px 0px; padding:0px; border:3px solid #eff3f2;} #pageContent img {border:none; margin:0px; padding:0px;} /* Lists */ #pageContent ul {margin:10px 30px 0px 0px; font-size:90%; display:block; list-style-position:inside; list-style-type:square;} #pageContent ul li {margin:0px; line-height:1.4;} #pageContent ol {margin:10px 30px 0px 0px; font-size:90%; display:block; list-style-position:inside; list-style-type:decimal; display:block;} #pageContent ol li {margin:0px; line-height:1.4;} /* Links */ #pageContent a:link, #pageContent a:active, #pageContent a:visited {color:#060f3e; text-decoration:underline;} #pageContent a:hover {color:#060f3e; text-decoration:none;} /* Tables */ #pageContent table {border-top: 1px solid #dce5e2; border-left: 1px solid #dce5e2; border-collapse:collapse; margin:0px 15px 15px 0px;} #pageContent caption {font-size:90%; font-weight:bold; padding: 1em 0em; } /* padding instead of margin for IE */ #pageContent td {border-bottom: 1px solid #dce5e2; border-right: 1px solid #dce5e2; padding:3px 5px; font-size:90%;} #pageContent th {font-weight:bold; background-color:#e9f2f0; border-bottom: 1px solid #dce5e2; border-right: 1px solid #dce5e2; padding:5px; font-size:90%;} /* Forms */ fieldset { border: 1px solid #dce5e2; margin-right:15px; padding:15px; margin-top:20px;} legend {background: #fff; font-size:120%; line-height:2em; font-weight: bold; } textarea, input[type='text'], select { border: 1px solid #dce5e2; background: #fff; font: normal 90% "Trebuchet MS", Arial, Helvetica, Sans-serif; } textarea {margin-top:5px; } textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; font-size:90%;} textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 1px solid #ccc; font-size:90%;} input, select, button, label {font-size:90%;} input[type='text'], input[type='password'] {cursor: text; } div.formElementSpace {margin-bottom:8px; border-top:1px solid #C7D9D2; padding:5px 0 0 0 ;} div.formElementSpace label { width:200px; display:block; float:left; padding:4px 0 0 2px; } /* Sifr for inside pages, h2 and h3 colours for each section */ .aboutContent h2, .aboutContent h3, .aboutContent legend {color:#bc4014;} .childrenContent h2, .childrenContent h3, .childrenContent legend {color:#dea222;} .specialContent h2, .specialContent h3, .functionalContent h2, .functionalContent h3, .specialContent legend {color:#0388b1;} .publicationsContent h2, .publicationsContent h3, .publicatonsContent legend {color:#75039e;} .researchContent h2, .researchContent h3, .researchContent legend {color:#32579e;} .eventsContent h2, .eventsContent h3, .eventsContent legend {color:#85072a;} .newsContent h2, .newsContent h3, .newsContent legend {color:#45826b;} .linksContent h2, .linksContent h3, .linksContent legend {color:#9b3e80;} .contactContent h2, .contactContent h3, .contactContent legend {color:#c65d1e;} /* News Item */ .newsItem { border-top:1px solid #c2dbd3; margin:10px 10px 0 0; } .newsItemHead { height:2em; background:#e9f2f0; padding:5px } #pageContent .newsItemHead h4 { float:left; width:480px; margin:0 0 0 4px;} #pageContent .newsItemHead h4 a { text-decoration: none; } .newsItemHead .date { font-size:90%; color:#888888; float: right; width:120px; text-align:right; padding:5px 0 10px 0; } #pageContent .newsItem p { padding:5px 10px 10px 10px; margin:0; } #pageContent .newsmore { padding:5px 10px 10px 10px; margin:0; border-bottom:1px solid #c2dbd3; } /* Event Item */ #pageContent .eventItem { border-top:1px solid #c2dbd3; margin:10px 10px 0 0; } #pageContent .eventItemHead { height:2em; background:#e9f2f0; padding:5px } #pageContent .eventItemHead h4 { float:left; width:440px; margin:0 0 0 4px;} #pageContent .eventItemHead h4 a { text-decoration: none; } .eventItemHead .date { font-size:90%; color:#666; float: left; width:125px; text-align:left; padding:2px 0 0 0; margin:-4px 0 0 0; line-height:1.2em; } .eventItemHead .date strong { font-weight: bold; color:#888; text-transform:uppercase; font-size:90%;} #pageContent .eventItem p { padding:5px 10px 10px 10px; margin:0; } #pageContent .eventmore { padding:5px 10px 10px 10px; margin:0; border-bottom:1px solid #c2dbd3; } .events-list { display:block; width:600px; padding:0px 0 0 113px; position:relative; margin:0 0 30px 0; min-height:100px; } .events-list dt { font-weight:bold; color:#85072a; font-size:1.15em; margin:0 0 5px 0} .events-list dt a { color:#85072a !important;} .events-list dt a:link, .events-list dt a:active, .events-list dt a:visited { color:#85072a; text-decoration:underline} .events-list dt a:visited { color:#85072a; text-decoration:none} .events-list dd.event-list-meta { padding:4px 8px; background-color:#f3e6e9; display:block; margin:0 0 5px 0} .events-list dd.event-list-meta p { padding:0; margin:0 !important; line-height:1;} .events-list dd.event-list-meta p em { font-weight:bold; font-style:normal} .events-list dd.event-list-meta p span { padding-right:20px; margin-right:20px; border-right:1px solid #060f3e } .events-list dd.event-blurb { line-height:1.3} .events-list dd.event-blurb a { font-weight:bold} .events-list dd.event-thumb { display:block; position:absolute; top:0px; left:0px} .events-list dd.event-thumb img { border:3px solid #f3e6e9 !important} #pageContent .events-landing-row { display:block; width:700px; display:block; margin:0 0 15px 0} #pageContent .events-landing-row h1 { display:block; margin:0 0 10px 0} #pageContent .events-landing-row img { float:left; display:block; margin:0px 10px 10px 0px; padding:0px; border:3px solid #eff3f2;} #event-details { display:block; width:715px} #event-details h1 { color:#85072a; font-size:1.15em; display:block; margin:0 0 10px 0; font-weight:bold;} #event-details img { display:block; border:3px solid #f3e6e9; float:right; margin:0 0 20px 20px} #event-details .event-dates { background-color:#f3e6e9; display:block; padding:10px; margin:0 0 10px 0} #event-details .event-dates table { border:none; margin:0;} #event-details .event-dates table th { background:none; border:none; width:85px;} #event-details .event-dates table td { background:none; border:none} #event-details .has-photo { width:450px} #event-details p { display:block; margin:0 0 10px 0} #content .search-pag { padding:0px; margin:0px 0px 0px 0px !important; display:block; border-color:#f3e6e9; border-style:solid; border-width:1px 0 0 0; width:700px; } #content .search-pag li { list-style:none; } #content .search-pag #pagPrevious, #content .search-pag #pagFirst { margin-right:25px} #content .search-pag #pagPrevious a { background:url(../img/arrows/previous.gif) no-repeat left 8px; padding-left:10px; } #content .search-pag #pagNext, #content .search-pag #pagLast { margin-left:25px} #content .search-pag #pagNext a { background:url(../img/arrows/next.gif) no-repeat right 8px; padding-right:10px; } #content .search-pag #pagFirst a { background:url(../img/arrows/first.gif) no-repeat left 8px; padding-left:14px; } #content .search-pag #pagLast a { background:url(../img/arrows/last.gif) no-repeat right 8px; padding-right:14px; } #content .search-pag #pagInfo { margin:0 60px 0 60px; } #content .search-pag #pagGoTo { padding:5px 60px 5px 6px;} #content .search-pag #pagGoTo label { margin-right:3px; color:#060f3e; font-size:100% } #content .search-pag #pagGoTo select { color:#000; border:1px solid #d6d7d7; padding:2px; font-size:100% } #content .search-pag ul { margin-left:auto; margin-right:auto; text-align:center; margin-bottom:0 !important; line-height:1} #content .search-pag li { list-style:none; display:inline; margin-right:2px; background:none !important; padding:0; } #content .search-pag li a { display:inline; padding:3px 0; margin:0; line-height:1; color:#060f3e;} #content .search-pag li a:link, #content .search-pag li a:active, #content .search-pag li a:visited { color:#060f3e; text-decoration:none } #content .search-pag li a:hover { color:#060f3e; text-decoration:underline } #content .search-pag #pagOn a { color:#060f3e; background-color:#00539a} /* special text formatting */ sup {vertical-align:super; font-size:95%; margin:0px; padding:0px; line-height:1; display:inline} sub {vertical-align:sub; font-size:90%; margin:0px; padding:0px; line-height:1;} sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; }