/* -------------------------------------------------------------- CSS Framework Web Design & Development by Studio 24 Ltd www.studio24.net - (0870) 241 6159 * Screen & Projection Styles * This is the main CSS-file for the framework. Include this in the of every page. -------------------------------------------------------------- */ @import "reset.css"; @import "content.css"; @import "typography.css"; @import "forms.css"; /* =MAIN-CONTAINER-ELEMENTS -------------------------------------------------------------- */ body { /*background: #FDF1E3;*/ background: #FFFFEE; padding: 0 15px 0 15px; } div#skip { display: none; } div#container { background: #fff; min-width: 694px; max-width: 1214px; margin: 0 auto; overflow: hidden; padding: 0 20px 0 20px; border-left: 1px solid #c60; border-right: 1px solid #c60; border-bottom: 1px solid #c60; } img.ucam {padding: 0.7em 1em 0 1em;} img.logo {padding:0.9em 1em 0 1em;} /*hvs 14.4*/ div#dept-title { background: #fff; min-width: 694px; max-width: 1214px; margin: 0 auto; overflow: hidden; padding: 0 20px 0 20px; border-left: 1px solid #c60; border-right: 1px solid #c60; border-bottom: 1px solid #c60; } div#navtabs { background: #c60; min-width: 694px; max-width: 1214px; line-height: 1em; margin: 0 auto; overflow: hidden; padding: 0 20px 0 20px; border-left: 1px solid #c60; border-right: 1px solid #c60; } div#header { height:70px; margin: 0 auto; overflow: hidden; padding:0; background: #fff; min-width: 734px; max-width: 1254px; border-bottom: 2px solid #c60; border-left: 1px solid #c60; border-right: 1px solid #c60; } div#branding { float: left; } div#content { float: left; width: 100%; padding-bottom: 1em; } div#content-primary { float: left; width: 62%; padding-right: 1em; } div#content-primary b{ color: #c60; } div#content-primary b.black{ color: #333; } div#content-primary i.bri{ color: #c60; font-style: normal; } /*div#content-primary p{ margin-bottom: 5px; }*/ div#content-primary p.gr{ font-size: 0.95em; color: #c60; padding-bottom: 5px; /*border-bottom: 1px solid #c60;*/ } div#content-primary p.oran br{ margin-bottom: 0; } div#content-primary p.oran{ margin: auto; margin-top: -2px; width: 700px; font-size: 0.82em; background: white; padding: 0 5px 0 5px; } div#content-primary p.oran img.left{ float: left; margin: 0 10px 20px 2px; border: 2px solid #c60; } div#content-primary p.oran img.right{ float: right; margin: 0 5px 2px 8px; border: 2px solid #c60; } div#content-primary p img.left2{ float: left; margin: 10px 10px 10px 2px; border: 2px solid #c60; } div#content-primary p img.left3{ float: left; margin: -20px 10px 10px 2px; border: 2px solid #c60; } div#content-primary p img.right2{ float: right; margin: 5px 5px 2px 8px; border: 2px solid #c60; } div#content-primary p img.leftnp{ float: left; margin: 1px 10px 0 2px; border: 2px solid #c60; } div#content-primary p img.inline{ margin: 0 2px; border: none; float: none; } .dept div#content-primary { margin: 1em 0 0 0; } .dept div#content-primary h1 { margin: 0 0 0.5em 0; padding: 0; } div#content-primary a { text-decoration: none; } div#content-primary a:hover { text-decoration: underline; } div#content-primary ol.roman { list-style-type: upper-roman; font-size: 0.85em; } div#content-primary ol.smroman { list-style-type: upper-roman; padding-left: 20px; } div#content-primary ol.roman li ol.indenta { list-style-type: lower-latin; font-size: 0.95em; padding-left: 20px; } div#content-primary blockquote.oran { background: white; border:none; color: #c60; padding: 0.5em; font-style: normal; font-size: 0.80em; text-align: left; line-height: 1.25em; margin-left: 50px; } div#content-primary blockquote.wh { background: white; border:none; padding: 0.5em; font-style: normal; font-size: 0.80em; text-align: left; line-height: 1.25em; margin-left: 50px; } div#content-primary blockquote.gram { background: white; border:none; padding: 0.5em; font-style: normal; font-size: 0.85em; text-align: left; line-height: 1.30em; margin-left: 50px; } div#content-primary blockquote.wh i {color: #c60; font-style: normal;} div#content-primary table.oran {border-top: 1px solid #c60; border-left: 1px solid #c60; margin: auto;} div#content-primary table.oran td {padding: 8px; border-bottom: 1px solid #c60; border-right: 1px solid #c60;} div#content-primary table.oran td.centre {padding: 4px; text-align: center; border-bottom: 1px solid #c60; border-right: 1px solid #c60;} div#content-primary table.gram {border-top: 1px solid #c60; border-left: 1px solid #c60; margin: auto; background: #FFFFEE;} div#content-primary table.gram td {padding: 3px; border-bottom: 1px solid #c60; border-right: 1px solid #c60; color: #333;} div#content-primary table.gram td.white {padding: 3px; border-bottom: 1px solid #c60; border-right: 1px solid #c60; color: #c60; background: white;} div#content-primary table td.center {padding: 3px; border-bottom: 1px solid #c60; border-right: 1px solid #c60; color: #333; text-align: center;} div#content-primary table td table.gram td b{color: #c60;} div#content-primary table td table.gram {border-top: 1px solid #c60; border-left: 1px solid #c60; margin: auto; background: #FFFFEE;} div#content-primary table td table.gram td {font-size: 1.3em; padding: 3px; border-bottom: 1px solid #c60; border-right: 1px solid #c60; color: #333;} div#content-primary table.left td{font-size: 1.1em; padding: 2px;} div#content-primary table.nb {margin: auto; background: white;} div#content-primary table.nb td {padding: 3px; border-top: 1px solid #c60; border-left: 1px solid #c60; border-right: 1px solid #c60;color: #333; background: #FFFFEE;} div#content-primary table.nb td.bottom {padding: 3px; border-right: 1px solid #c60; border-left: 1px solid #c60; border-bottom: 1px solid #c60;color: #333; background: #FFFFEE;} div#content-primary table.nb td.blank {padding: 3px 10px; border: none; color: #333; background: white;} div#content-primary table.columnb {border: 1px solid #c60;} div#content-primary table.columnb td{text-align: center; padding: 1px 3px 5px 3px; border-right: 1px solid #c60;} div#content-primary table.columnb td.left{text-align: left; padding: 1px 3px 5px 3px;} div#content-secondary { float: right; background: #E5FFFF;; border-left: 1px solid #ccc; width: 35%; height: 100%; } .dept div#content-secondary, .dept.three-col.nosub div#content-secondary { border-top: 1px solid #ccc; } .dept.three-col div#content-secondary { border: 0; } /* Set one column layout -------------------------------------------------------------- */ body.one-col div#content-secondary, body.one-col ul#nav-primary { display: none; } body.one-col div#content-primary { width: 100%; } /* Set two and three column layouts -------------------------------------------------------------- */ /* added by DMR (Studio24) 01.02.08 */ body.alt div#content-primary { width: 80%; } /* added by DMR (Studio24) 01.02.08 */ body.alt div#content-secondary { width: 20%; } body.two-col div#content, body.three-col div#content { float: right; width: 76%; } body.two-col ul#nav-primary, body.three-col ul#nav-primary { float: left; width: 22%; padding-left: 0; } body.two-col div#content-primary { width: 100%; } body.two-col div#content-secondary { display: none; } body.three-col div#content-primary { width: 63.6%; padding-right: 2%; } body.three-col div#content-secondary { float: right; width: 34.4%; padding-left: 0; } /* =SITE-TOOLS -------------------------------------------------------------- */ .dept div#site-search { padding: 0.5em 0 0 0; } div#site-search ul { padding:5px; margin: 0; list-style-type: none; } div#site-search ul li { float: right; padding: 0 7px 0 7px; background: url(../images/divider-site-tools-small.gif) no-repeat 100% 50%; } div#site-search ul li.last { background: none; padding-right: 15px; } div#site-search ul li a { color:#036; text-decoration:none; } div#site-search ul li a:hover { color:#c60; } div#site-search { float:none; width:auto; height:auto; padding:10px 0 5px 0; font-family: Arial, Helvetica, sans-serif; } div#site-search form { text-align:right; } /* =NAV-PRIMARY-------------------------------------------------------------- */ ul#nav-primary { list-style-type: none; border-top: 2px solid #c60; border-bottom: 1px solid #c60; margin: 0.15em 0 50px 0; clear: both; width: 100%; background: #FFFFEE; font-weight: bold; } ul#nav-primary li { border-top: 1px solid #c60; margin: 0 1px 0 0; padding:0; } /* added by DMR (Studio24) 24.01.08 */ ul#nav-primary li.title { border-top: none; font-weight: bold; padding: 0.6em 20px 0.45em 10px; background: #666; color: white; } ul#nav-primary li.title small { font-weight: normal; font-size: 0.90em; } ul#nav-primary li a { border-top: 1px solid white; padding: 0.2em 20px 0.2em 20px; display: block; height: 100%; color: #c60; text-decoration: none; } ul#nav-primary li a:hover { color:#262626; } /* =nav-primary sub-nav -------------------------------------------------------------- */ ul#nav-primary li.active { background:#fff; } ul#nav-primary li.active a { border: none; color:#c60; background:#fff; } ul#nav-primary li.active ul, ul#nav-primary li ul { font-size: 1em; list-style-type: none; margin: 0; padding: 0.3em 0 0 0; } ul#nav-primary li.active ul li, ul#nav-primary li ul li { border: none; border-top: solid #E8F0FF 1px; padding: 4px 0 4px 0; } /* Style for unselected secondary nav link */ ul#nav-primary li.active ul li a, ul#nav-primary li.active ul li a:hover, ul#nav-primary li ul li a, ul#nav-primary li ul li a:hover { padding: 0 20px 0 30px; border: none; color: #c60; font-weight: normal; } ul#nav-primary li.active ul li a:hover, ul#nav-primary li ul li a:hover { color: #c60; text-decoration: underline; } ul#nav-primary li.white { background:#fff; color: #c60; padding: 2px 3px; font-weight: bold; border-left: 1px solid #c60; } ul#nav-primary li.intro { background:#FFFFEE; color: #c60; font-weight: bold; border-left: 1px solid #c60; } ul#nav-primary li.intro a { display: block; padding: 2px 3px; height: 100%; text-decoration: none; } ul#nav-primary li.image { background:#fff; color: #036; border: none; } /* =INIDEX-TABLE -------------------------------------------------------------- */ table.topics {margin: auto; margin-top: 20px; width: 90%; border: 1px solid #c60; padding: 2px;} table.topics td {padding: 15px; border: 1px solid #c60;} table.topics td h3 {font-size: 1.50em; color: #333; text-align: center;} table.topics td b {font-size: 1.15em; color: #c60; text-align: center; margin-left: -7px;} /* =SITE-INFO -------------------------------------------------------------- */ ul#site-info { overflow: hidden; margin: 0; clear: both; width: 100%; list-style-type: none; border-top: 2px solid #c60; padding-top: 1em; padding-bottom: 2em; font-size: 0.7em; } ul#site-info li { float: left; } ul#site-info li a{ text-decoration:none; } ul#site-info li.link { float: right; padding: 0 10px 0 10px; background: url(../images/divider-site-tools-small.gif) no-repeat 100% 50%; } ul#site-info li.last { background: none; padding-right: 0; }