/* Set defaults */ body { margin: 0; padding: 0; font-size: 76%; } input, select, textarea { font-size: 1em; } th, td { vertical-align: top; font-size: 1em; } img { border: 0; } a { text-decoration: none; } a:hover { text-decoration: underline; } /* Generic classes */ .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear { display: inline-block; } /* \*/ .clear { display: block; } /* */ .align-left { text-align: left !important; } .align-right { text-align: right !important; } .align-centre { text-align: center !important; } .align-top { vertical-align: top !important; } .align-bottom { vertical-align: bottom !important; } .align-middle { vertical-align: middle !important; } .bold { font-weight: bold !important; } .italic { font-style: italic !important; } .underline { text-decoration: underline !important; } /* Site specific */ body { background: #c0d9e2 url(../graphics2/background.gif) repeat-x; } body.audio { background: #ffffff url(../graphics2/background-audio.gif) repeat-x; } body, input, select, textarea { font-family: Arial, Helvetica, sans-serif; } h1 { font-size: 2em; font-weight: normal; } body.audio h1 { display: none; } h2 { font-size: 1.5em; font-weight: normal; } h3 { font-size: 1.2em; } a { color: #006383; } #wrapper { width: 835px; margin: 0 auto; } #header { position: relative; z-index: 5; height: 197px; background: url(../graphics2/banner.jpg) no-repeat; } #logo { } #navigation { position: absolute; left: 10px; bottom: 0; font-size: 1.2em; width: 835px; } #navigation ul { position: relative; float: left; margin: 0; padding: 0; list-style-type: none; } #navigation li { position: relative; float: left; padding: 0 2px 0 0; } #navigation li a { float: left; padding: 7px 0 0; height: 24px; width: 100px; text-align: center; color: #515457; background: url(../graphics2/nav_link.gif) no-repeat; } #navigation li a:hover { text-decoration: none; color: black; background: url(../graphics2/nav_active.gif) no-repeat; } #navigation li.nav_active a, #navigation li.nav_active a:hover { color: black; background: url(../graphics2/nav_active.gif) no-repeat; } #navigation ul ul { position: absolute; left: 0; top: 31px; font-size: 0.8em; border-width: 1px 1px 0; border-style: solid; border-color: white; background: #cfd0cb; } #navigation ul ul li { float: none; border-bottom: 1px solid white; } #navigation ul ul li a, #navigation ul li.nav_active li a { float: none; display: block; padding: 5px 5px; height: auto; width: auto; text-align: left; white-space: nowrap; background: none; } #navigation ul ul li a:hover, #navigation ul li.nav_active ul li a:hover { background: #d2db84 none; } #navigation ul ul li.nav_active a, #navigation ul ul li.nav_active a:hover { background: #d2db84 none; } /* Navigation dropdown (do not edit) */ * html #navigation table { border-collapse: collapse; padding: 0; margin: 0 0 -7px; width: 0; height: 0; z-index: 300; position: absolute; left: 0; top: -1000px; } * html #navigation a:hover table { display: block; left: 0; top: 0; } #navigation td { margin: 0; padding: 0; } #navigation td a { position: relative; zoom: 1; } * html #navigation a:hover { position: relative; z-index: 100; } #navigation li:hover { position: relative; } * html #navigation ul ul a:hover { position: relative; z-index: 110; } #navigation ul ul li:hover { position: relative; } * html #navigation ul ul ul a:hover { position: relative; z-index: 120; } #navigation ul ul ul ul a:hover { position: relative; z-index: 130; } #navigation ul ul { visibility: hidden; display: none; } #navigation ul :hover ul { visibility: visible; display: block; height: auto; } #navigation ul :hover ul ul { visibility: hidden; } #navigation ul :hover ul :hover ul ul { visibility: hidden; } #navigation ul :hover ul :hover ul { visibility: visible; } #navigation ul :hover ul :hover ul :hover ul { visibility: visible; } #main { background: white url(../graphics2/content.gif) repeat-x; border: 1px solid white; } body.audio #main { background: none; border: 0; } #main div.inner { margin: 10px 0 0; } body.home #main div.inner { background: url(../graphics2/home.gif) repeat-y right top; } #main div.signup { background: #47b0be; border-bottom: 1px solid white; font-weight: bold; font-size: 1.3em; } body.audio #main div.signup { display: none; } #main div.signup h2 { margin: 0; font-size: 1em; height: 28px; line-height: 28px; } #main div.signup h2 a { display: block; text-align: center; color: white; } #main div.column { float: left; width: 257px; padding: 0 10px; border-right: 1px solid white; } #main div.column-3 { border-right: 0; } #main div.column h2.heading { position: relative; color: white; height: 20px; margin: 0 -10px; line-height: 20px; font-size: 1em; font-weight: bold; border-width: 1px 0; border-style: solid; border-color: white; } #main div.column h2.heading span { position: relative; top: -6px; left: 10px; float: left; display: block; width: 31px; height: 31px; margin: 0 15px 0 0; } * html #main div.column h2.heading span { position: absolute; } #content { float: left; width: 530px; padding: 0 10px; border-right: 1px solid white; } #content.nocol { float: none; width: auto; border-right: 0; } #forms form fieldset { border: 0; margin: 0; padding: 0 0 0.5em; } #forms form fieldset label { float: left; width: 50px; } #forms form fieldset input { width: 240px; } #forms form fieldset.inline input { width: 40px; } #forms form fieldset.inline label { width: 250px; } #forms form fieldset.submit input { width: auto; } #main div.column div.featured_articles h2.heading { background: #b3c43a; } * html #main div.column div.featured_articles h2.heading { padding: 0 0 0 47px; } #main div.column div.featured_articles h2.heading span { background: url(../graphics2/headings/featured_articles.png) no-repeat; } * html #main div.column div.featured_articles h2.heading span { background: url(../graphics2/headings/featured_articles.gif) no-repeat; } #main div.column div.featured_events h2.heading { background: #006383; } * html #main div.column div.featured_events h2.heading { padding: 0 0 0 47px; } #main div.column div.featured_events h2.heading span { background: url(../graphics2/headings/featured_events.png) no-repeat; } * html #main div.column div.featured_events h2.heading span { background: url(../graphics2/headings/featured_events.gif) no-repeat; } #main div.column div.other_events h2.heading { padding: 0 10px; background: #47b0be; } #main div.column div.audio { margin: 0 -10px; padding: 0 0 15px; background: #d5d3e1 url(../graphics2/audio-bg.gif) repeat-x; } #main div.column div.audio h2.heading { margin: 0; background: #5b2971; } * html #main div.column div.audio h2.heading { padding: 0 0 0 47px; } #main div.column div.audio h2.heading span { background: url(../graphics2/headings/audio.png) no-repeat; } * html #main div.column div.audio h2.heading span { background: url(../graphics2/headings/audio.gif) no-repeat; } #main div.column div.audio p { padding: 0 10px; } #main div.column div.audio a { color: black; } #main div.column div.audio h3 { margin: 1em 0 0.4em; padding: 0 15px; } #main div.column div.audio h3 a { text-decoration: underline; } #main div.column div.audio ul { margin: 0; padding: 0 15px 15px; list-style-type: none; } #main div.column div.audio ul li { padding: 0 0 0.5em; } #main div.column div.timetable { margin: -15px 0 0; } #main div.column div.timetable h2.heading { background: #1b364e; } * html #main div.column div.timetable h2.heading { padding: 0 0 0 47px; } #main div.column div.timetable h2.heading span { background: url(../graphics2/headings/timetable.png) no-repeat; } * html #main div.column div.timetable h2.heading span { background: url(../graphics2/headings/timetable.gif) no-repeat; } #timetable-sidebar { color: #464745; } #timetable-sidebar h3.label { clear: left; float: left; height: 30px; width: 20px; margin: 0; padding: 0 1em 0 0; font-size: 1em; color: black; font-weight: normal; } * html #timetable-sidebar h3.label { padding: 1.5em 1em 0 0; } #timetable-sidebar p.audiences { clear: none; float: left; width: 220px; margin: -0.5em 0 0; } * html #timetable-sidebar p.audiences { padding: 1.5em 1em 1em 0; width: 200px; margin: 0; } #timetable-sidebar h3.date { clear: left; font-size: 1em; height: 15px; line-height: 15px; margin: 0 -10px; padding: 0 10px; border-width: 1px 0; border-style: solid; border-color: white; background: url(../graphics2/timetable_heading.gif) repeat-x; } #timetable-sidebar p a.date { float: left; color: #4a4a49; width: 180px; } #timetable-sidebar strong { float: left; color: black; margin: 0 0.5em; } #timetable-sidebar span.float { clear: left; float: left; top: 0; } #timetable-sidebar p { clear: left; margin: 0; padding: 0.5em 0; } span.audience-container { float: left; padding: 0 0.7em 0 0; white-space: nowrap; } span.audience { position: relative; top: -8px; #top: 0; display: inline-block; border: 1px solid white; font-size: 0; width: 8px; height: 8px; } .audience-1 { background: #93e1f2; } .audience-2 { background: #f6b5ee; } .audience-3 { background: #fffb95; } .audience-4 { background: #d8de91; } .audience-5 { background: #fdd996; } div.tip-top { } div.tip { position: relative; top: -30px; width: 220px; } div.tip div.tip-title { background: #5a504e; color: white; border: 1px solid white; padding: 5px; } div.tip div.tip-text { display: none; } div.tip-bottom { display: none; } #footer { height: 57px; margin: 0 0 20px; background: url(../graphics2/footer.gif) repeat-x; } #footer form { float: left; color: white; height: 57px; line-height: 57px; padding: 0 20px; } #footer form label { margin: 0 0.6em 0 0; } #footer form input.image { position: relative; top: 3px; left: 3px; } #footer p { float: right; color: #8b8b8c; padding: 0 20px; height: 57px; line-height: 57px; margin: 0; font-size: 90%; } #snippets h2.heading { margin: 0 -10px; padding: 0 10px; border-width: 1px 0; border-style: solid; border-color: white; font-size: 1em; height: 20px; line-height: 20px; background: #006383; color: white; } #snippets h2.heading a { color: white; text-decoration: underline; }