/* Normalises margin, padding */ body, div, dl, dt, dd, ul, ol, li, hi, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, p, blockquote, caption, th, td { margin: 0; padding: 0; } /* Normalises heading font sizes */ h1, h2, h3, h4, h5, h6 { font-size: 100%; } /* Removes list-style for lists */ ul, ol { list-style: none; } /* Normalises table borders */ table { border-collapse: collapse; } /* Removes border from fieldset and img */ fieldset, img { border: 0; } /* Left-aligns text in caption and th */ caption, th { text-align: left; } /* Removes quotation marks from q */ q:before, q:after { content: ''; } body { font: 1em Verdana, Arial, Helvetica, sans-serif; color: #333333; margin-right: auto; margin-left: auto; margin-top: 1em; background-color: #FFFFFF; } #skipnav { display: none; } #wrapper { /* Adds margin and border to page */ position: relative; margin-right: auto; margin-left: auto; width: 960px; border: 2px solid #70ACB2; background: #FFFFFF; } /* Start Header */ #header { height: 128px; position: relative; background: url(../images/hd_bg.jpg) no-repeat; text-align: right; font-size: 80%; font-weight: bold; } #header #headright { float: right; margin-right: .5em; text-align: center; padding-top: 1.5em; } #header #ticker { width: 500px; text-align: center; height: 90px; position: absolute; top: 8px; right: 80px; display: block; } #header #ticker p { font-size: 120%; padding-top: 24px; } #header ul { font-size: 80%; position: absolute; left: 180px; top: 110px; z-index: 100; } #header li { display: inline; padding-top: 3em; } #header .tel { font-size: 120%; } #header li a:link, #header li a:visited { color: #006666; padding-right: .9em; padding-left: 0.75em; border-right-width: 2px; border-right-style: solid; border-right-color: #006666; } #header li a:hover, #header li a:active { color: #80ACB3; } #header a:link, #header a:visited { color: #006666; } #header a:hover, #header a:active { color: #80ACB3; } #header a.alt:link, #header a.alt:visited { border-right: none; } #homepage li #homelink, /* Current page menu formatting for top tabs - uses + link id */ #recruitpage li #recruitlink, #contactpage li #contactlink, #accesspage li #accesslink, #sitemappage li #sitemaplink, #testspage li #testslink { color: #80ACB3; } #header #logo { float: left; margin-left: 1em; margin-top: 10px; margin-bottom: 10px; } /* End Header */ /* Start top navigation */ #topnav { font-size: 75%; color: #333333; font-weight: bold; height: 63px; background: url(../images/menu_bg.gif) repeat-x 2px 0px; } #topnav #mainnav h2 { color: #465E61; margin-top: 0.25em; margin-bottom: 0.5em; font-size: 110%; } #legalpage #mainnav li #legallink, /* Current page menu formatting for top tabs - uses + link id */ #peoplepage #mainnav li #peoplelink, #newspage #mainnav li #newslink, #presspage #mainnav li #presslink, #fspage #mainnav li #fslink { color: #FFFFFF; background: #80ACB3; } /* End top navigation */ /* Start main content */ #content { padding-bottom: 1em; } #content h1 { margin-left: 1em; color: #465E61; } #content h1+p { font-weight: bold; } #content h2 { font-size: 90%; color: #605D7D; margin-left: 1.1em; padding-top: 1em; margin-bottom: 1em; } #content h3 { font-size: 90%; margin-left: 1em; margin-top: 1em; margin-bottom: .5em; } #content p { font-size: 80%; line-height: 130%; margin: 0.5em 1em 1em 2em; } #content ul { font-size: 80%; margin-left: 3em; line-height: 120%; margin-bottom: 2ex; margin-top: 0.5em; } #content ul li { margin-top: 0.45em; list-style: disc; margin-left: 1em; } #content .nobullet { list-style: none; margin-left: -1em; } #content ol { font-size: 80%; margin-left: 3em; line-height: 120%; margin-bottom: 2ex; margin-top: 0.5em; } #content ol li { margin-top: 0.45em; list-style: lower-alpha; margin-left: 1em; } #content dl { font-size: 80%; margin-left: 2em; } #content dt { font-weight: bold; margin-top: 1em; margin-bottom: .25em; } #content dd { margin-left: 1em; line-height: 120%; } #content address { font-size: 90%; font-style: normal; font-weight: bold; width: 35em; margin-left: 1em; padding: 0.75em; margin-bottom: 2em; line-height: 140%; } #content blockquote { display: block; background: #f3f2f5; padding-top: 0.25em; font-weight: bold; margin: 2em 2em 0em 34px; padding-bottom: .05em; } #content blockquote p { margin-left: 1em; } #content p.quote { background: #f3f2f5; margin-left: 34px; padding: 0.5em 0.5em 0.5em 1em; margin-right: 2em; font-weight: bold; margin-top: 2em; } #content cite { margin-left: 2em; font-size: 80%; font-style: italic; margin-top: 0px; font-weight: bold; display: block; padding-left: 2em; } #content #boxright { width: 200px; float: right; margin-right: 1em; margin-left: 1em; background: url(../images/rbox_bg.gif) repeat-x; border: 1px solid #605D7D; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; margin-bottom: 1em; } #content #boxright h3 { font-size: 90%; text-align: center; color: #FFFFFF; border-bottom-color: #FFFFFF; margin-top: 1em; margin-left: 0px; } #content #boxright ul { margin-left: 0px; padding-top: .25em; } #content #boxright li { margin-left: 2em; list-style: none; font-size: 90%; font-weight: bold; text-align: left; margin-bottom: 1em; } /* Start Main link formatting */ #content a:link { color: #333366; font-weight: bold; } #content a:visited { color: #333366; font-weight: bold; } #content a:hover, #content a:active { color: #993300; } /* Start Home page left menu */ #content #homenav { margin-bottom: 1em; float: left; } #homenav ul{ width: 270px; margin: 0em 0em 1em 1em; } #homenav ul li { width: 120px; height: 78px; font-size: 90%; font-weight: bold; float: left; list-style: none; text-align: center; padding-top: 10px; margin: -4px 14px 8px 0px; } li.comm1 #commlink1b, li.comm2 #commlink2b, /* Defines menus size and base formatting */ li.comm3 #commlink3b, li.comm4 #commlink4b, li.dom2 #domlink2b, li.dom3 #domlink3b, li.dom4 #domlink4b, li.dom5 #domlink5b { height: 78px; display: block; } #homenav a:link, #homenav a:visited { color: #333366; } #homenav a:hover, #homenav a:active { color: #ffffff; } /* Defines menus background properties for links and visited links */ li.comm1 a:link, li.comm1 a:visited { background: url(../images/menu1_bg.jpg) no-repeat; } li.comm2 a:link, li.comm2 a:visited { background: url(../images/menu2_bg.jpg) no-repeat; } li.comm3 a:link, li.comm3 a:visited { background: url(../images/menu3_bg.jpg) no-repeat; } li.comm4 a:link, li.comm4 a:visited { background: url(../images/menu4_bg.jpg) no-repeat; } li.dom2 a:link, li.dom2 a:visited { background: url(../images/menu5_bg.jpg) no-repeat; } li.dom3 a:link, li.dom3 a:visited { background: url(../images/menu6_bg.jpg) no-repeat; } li.dom4 a:link, li.dom4 a:visited { background: url(../images/menu7_bg.jpg) no-repeat; } li.dom5 a:link, li.dom5 a:visited { background: url(../images/menu8_bg.jpg) no-repeat; } /* Defines menus background properties for hover and active links */ li.comm1 a:hover, li.comm1 a:active { background: url(../images/menu1_bg_r.jpg) no-repeat; } li.comm2 a:hover, li.comm2 a:active { background: url(../images/menu2_bg_r.jpg) no-repeat; } li.comm3 a:hover, li.comm3 a:active { background: url(../images/menu3_bg_r.jpg) no-repeat; } li.comm4 a:hover, li.comm4 a:active { background: url(../images/menu4_bg_r.jpg) no-repeat; } li.dom2 a:hover, li.dom2 a:active { background: url(../images/menu5_bg_r.jpg) no-repeat; } li.dom3 a:hover, li.dom3 a:active { background: url(../images/menu6_bg_r.jpg) no-repeat; } li.dom4 a:hover, li.dom4 a:active { background: url(../images/menu7_bg_r.jpg) no-repeat; } li.dom5 a:hover, li.dom5 a:active { background: url(../images/menu8_bg_r.jpg) no-repeat; } /* End Home page left menu */ /* Start Accessibility keys table - accessibility.html*/ #accesskeys { border: 2px solid #000099; margin-left: 5em; width: 70%; margin-bottom: 1em; } #accesskeys th { font-size: 70%; font-weight: bold; border: 1px solid #003399; background-color: #605D7D; color: #FFFFFF; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; } #accesskeys #key { width: 15%; } #accesskeys #page { width: 85%; } #accesskeys td { border: 1px solid #003399; font-size: 70%; background-color: #F0EFFF; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; } #accesskeys caption { font-size: 80%; font-weight: bold; color: #333333; padding-bottom: 4px; padding-top: 2px; } /* End Accessibility keys table */ /* Start latest and archived news styles */ #content #commercial { /* commercial news styles */ width: 48%; float: left; text-align: left; margin-top: -1em; } #content #commercial h2 { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #465e61; padding-right: 0.5em; width: 18em; font-size: 100%; margin-bottom: 1em; padding-bottom: 0.15em; } #content #commercial li { list-style: none; line-height: 120%; } #content #commercial li span { color: #465E61; font-weight: bold; font-size: 80%; } #content .newsinfocomm { width: 96%; border: 1px solid #80ACB3; font-weight: normal; margin-left: 1em; margin-bottom: 1.5em; line-height: 120%; } #content .newsinfocomm h3 { margin-left: 0.5em; margin-top: .5em; } #content .newsinfocomm ol li { list-style: decimal; } #content .newsinfocomm dl { margin-top: 0px; } #content .newsinfocomm dt { margin-left: 2em; text-align: left; } #content .newsinfocomm .backtotop { font-size: 90%; } #content #personal { /* personal news styles */ width: 48%; float: left; text-align: left; margin-top: -1em; } #content #personal h2 { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #465e61; width: 18em; font-size: 100%; margin-bottom: 1em; padding-bottom: 0.15em; } #content #personal li { list-style: none; line-height: 120%; } #content #personal li span { font-size: 90%; font-weight: bold; color: #605D7D; } #content #perslist { font-size: 80%; } #content .newsinfopers { width: 96%; border: 1px solid #465e61; font-weight: normal; margin-left: 1em; margin-bottom: 1.5em; line-height: 120%; } #content .newsinfopers h3 { margin-left: 0.5em; margin-top: 0.5em; } #content .newsinfopers h4 { font-size: 80%; margin-left: 0.5em; margin-top: 0.5em; } #content .newsinfopers dt { margin-left: 1em; } #content .newsinfopers dl li { font-size: 110%; } #content .newsinfopers .backtotop { font-size: 80%; } /* End latest and archived news styles */ /* Start Our People styles */ #content #submenuleft { /* left submenu list - our-people.html */ font-size: 70%; float: right; width: 46%; margin-right: 2em; margin-left: 2em; margin-bottom: 1em; } #mcontent #submenuleft dd { margin-bottom: .5em; } #content #submenuright { /* right submenu list - our-people.html */ font-size: 70%; float: right; width: 46%; } #content #submenuright dd { margin-bottom: .5em; } /* End Our People styles */ /* Start fact sheet co-habiting 20 questions - co-habiting.html */ #content #questions { } #content #questions li { margin-bottom: 0.5em; list-style: decimal; } #content #questions2 { float: right; width: 50%; margin-right: 1em; } #content #questions2 li { margin-bottom: 0.5em; list-style: decimal; } /* End fact sheet co-habiting 20 questions - co-habiting.html */ /* Start press articles styles - press-articles.html */ #content #pressleft { /* left menu */ float: left; width: 48%; text-align: left; margin-top: 12px; font-size: 100%; } #pressleft span { font-weight: bold; color: #605D7D; } #pressleft .small { font-size: 80%; font-weight: normal; color: #333366; } #pressright .small { font-size: 80%; color: #333366; } #content #pressleft li { list-style: none; padding-bottom: .5em; } #content #pressright { /* Right menu */ font-size: 100%; text-align: left; float: left; width: 48%; margin-top: 12px; } #content #pressright li { list-style: none; padding-bottom: .5em; } #content .pressarticles { width: 95%; border: 1px solid #80ACB3; margin-left: 1em; margin-bottom: 1.5em; padding-top: 0.25em; padding-right: 1em; padding-bottom: 1em; } #content .pressarticles li { font-size: 90%; } #content .pressarticles dt { margin-top: 0.5em; margin-left: 1em; } #content .pressarticles dd { font-weight: normal; } #content .pressarticles dd li { font-size: 120%; } #content .pressarticles .pressimgright { float: right; text-align: center; font-size: 90%; } #content .sitemaplist li { list-style: none; } #sitemappage #content h2 { font-size: 85%; } /* End press articles styles - press-articles.html */ /* Start Footer styles */ #footer { background: #e5f6f9; text-align: center; font-size: 65%; color: #666666; padding-top: 1em; padding-bottom: 1em; margin-top: 1em; clear: both; } #footer a:link, #footer a:visited { color: #333366; } #footer a:hover, #footer a:active { color: #993300; } /* End Footer styles */ /* Other formatting */ .center { text-align: center; } #content h1 span { /* Formats the r/h back buttons */ font-size: 70%; text-align: center; display: block; float: right; height: 22px; width: 167px; margin-right: 1em; background: url(../images/button_bg.gif) no-repeat; padding-top: 0.3em; margin-bottom: 0.25em; } #content h1 span a:link, #content h1 span a:visited { color: #FFFFFF; } #content h1 span a:hover, #content h1 span a:active { color: #d0cee5; } #content h2 span { /* Formats the r/h back buttons */ font-size: 80%; text-align: center; display: block; float: right; height: 22px; width: 167px; margin-right: 1em; background: url(../images/button_bg.gif) no-repeat; padding-top: .3em; margin-bottom: 0.25em; } #content h2 span a:link, #content h2 span a:visited { color: #FFFFFF; } #content h2 span a:hover, #content h2 span a:active { color: #d0cee5; } .backtotop { text-align: right; padding-bottom: 0.15em; margin-bottom: 0.75em; padding-top: 0.15em; padding-right: 0.5em; clear: left; margin-right: 2em; } .backtotop a:link, .backtotop a:visited { font-size: 85%; } /* floats */ .floatleft { float: left; margin-right: 1em; margin-top: .25em; } .floatright { float: right; margin: 0.25em 1em 1em; } .clear { clear: both; } .clearright { clear: right; } .clearleft { clear: left; }