@charset "utf-8"; /* CSS Document */ /* The screen layout and some aspects of style are based on code from Free CSS Templates (http://www.freecsstemplates.org) released under a Creative Commons Attribution 2.5 License. Structural modifications and new design elements have been added by Sencon. */ /* NOTE: Declaring a font-size of 13px on the tag overrides browser defaults and sets the base font size to the eqivalent of 10pt print. All CSS font sizes can then be set in "ems" that relate easily to pt size equivalents, eg. 1.1em = 11pt, 0.8em = 8pt etc.*/ body { margin: 0; padding: 0; background: #00589a url(images/img01_new.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; } /* global layout (div) styles */ div.right { float:right; width:225px; margin:0; } div.left { float: left; width:225px; margin:0; } div.clear { clear: both; } div.divider { padding-top: 15px; border-top: solid 1px #999999; } .marginBottom { padding-bottom: 2em; border-bottom: 1px; } /* global image styles */ /* NOTE: iepngfix.htc is a special filter for displaying png images with transparency in IE6. It is kept in the root folder of the web site along with a blank .gif file */ img { behavior: url(iepngfix.htc); } a.imglink:link { border: none; background-image: none; } .imageleft { float: left; margin: 15px; } .imageright { float: right; margin: 15px; } .imagecenter { text-align: center; margin: 15px; } /* the following class is used with nested mark up in the HTML to create semi-transparent beveled edges to the advert preview on the index page. It could be used for other images, but the width and height of the image has to be set here for each image. The dimensions in span.beveled are the ofull size of teh image, the dimensions of span.beveled span are teh inset of the beveled margin (in this case 10px). This technique works across al major browsers, including IE6 */ span.beveled { float:right; margin: 0 0 15px 15px; position:relative; width:141px; height:130px; display:block; } span.beveled span { position:absolute; left:0; top:0; display:block; width:131px; height:120px; border:5px solid; border-color:#fff #000 #000 #fff; filter:alpha(opacity=40); opacity:0.4; } .thumbnail { float: right; margin-left: 15px; } a img { border-width: 0; } .thumbnail a { background-image: none !important; } /* global text style classes */ .indent {text-indent: 20px;} .teasertxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.5em; padding: 0 0 5px 40px; border-top: 1px; margin:-10px 0 5px 0; height: 82px; border-bottom: solid 1px #FFCC00; } .superscript { position: relative; font-size: 0.8em; top: -.5em; } /* default headline, paragraph and list styles */ h1, h2, h3, p, ol, ul { margin-top: 0; } h1, h2, h3 { font-family: Geneva, Arial, Helvetica, sans-serif; } h1, h2 { font-weight: normal; } h1 { letter-spacing: -0.5px; font-size: 2em; font-weight: normal; margin: 0; padding: 30px 30px 0 30px; line-height: 1.4em; } h2 { letter-spacing: 1.5px; font-size: 1.8em; line-height: 1.3em; } h3 {letter-spacing: 1px;} h4 { font-family:Arial, Helvetica, sans-serif; letter-spacing: 1px; line-height: 125%; text-decoration: none; } h6 { line-height: 1.4em; } p, ol, ul { margin-bottom: 1.5em; line-height: 160%; } /* default links styles */ a[href] { color:#A4E4F5 } a:hover { text-decoration: none; color: #FFFFFF; } a[img] { border: none; background-image: none; } links mainpanel { color: #003366; } hr { display: none; } /* Page specific ID styles */ /* Header area - top banner */ #header { height: 150px; background: url(images/img02_detail_flare.jpg) no-repeat center top; } /* Sencon logo */ #Sencon_logo { position:absolute; left:11px; top:52px; width:400px; height:87px; z-index:2; } #Print_logo { display: none; } /* Sencon strapline */ #strapline { position:absolute; left:5px; top:53px; width:244px; height:87px; z-index:1; } #strapline p { font-family:Verdana, Arial, Helvetica, sans-serif; padding: 69px 0 0 7px; letter-spacing: 0.15em; font-size: 1.1em; color: #444444; } /* Main navigation tabs*/ #menu { float: right; } #menu ul { margin: 0; padding: 60px 20px 0 0; list-style: none; } #menu li { display: inline; } #menu a { float: left; width: 120px; height: 56px; margin: 0 0 0 2px; padding: 9px 0 0 0; background: url(images/img03_lite.gif) no-repeat; text-decoration: none; text-align: center; letter-spacing: 1px; font-size: 1.1em; font-weight: bold; color: #fff; } #menu a:hover, #menu .current_page_item a { background: url(images/img04_brite_spot.gif) no-repeat; color: #0066CC; } /* Languages links bar */ #LangBar { background-image:url(images/metal_bar2.jpg); padding-right: 21px; text-align: right; font-size: 0.8em; text-transform: uppercase; word-spacing: 0.6em; color: #444444; } #LangBar a { text-decoration: none; color: #003399; background-color: #CCCCCC; } #LangBar a:hover { color: red; text-decoration: none; } /* Page contents - container divs */ #page { width: 980px; margin: 0 auto; } #content { float: left; width: 530px; padding: 0 0 0 25px; } /* Rounded corner box styles */ .t {background: url(../css/images/border_dot.gif) 0 0 repeat-x} .b {background: url(../css/images/border_dot.gif) 0 100% repeat-x} .l {background: url(../css/images/border_dot.gif) 0 0 repeat-y} .r {background: url(../css/images/border_dot.gif) 100% 0 repeat-y} .bl {background: url(../css/images/bl.gif) 0 100% no-repeat} .br {background: url(../css/images/br.gif) 100% 100% no-repeat} .tl {background: url(../css/images/tl.gif) 0 0 no-repeat} .tr {background: url(../css/images/tr.gif) 100% 0 no-repeat; padding:10px} .blank {font-size: 1px; height: 1px} .updates { font-size: 1.2em; font-weight: bold; color: #666666; text-transform: uppercase; } /* Page contents - class styles */ .index { font-size: 0.7em; font-weight: bold; color: #666666; text-transform: uppercase; } .index_list { border-bottom: solid 1px #CCCCCC; padding-top: 2px; margin-bottom: 2px } .yellow_marker { background-color: yellow; padding: 0.5em 1em 0.5em 0.5em; border: solid 1px; border-color:#0066CC; } .caption { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #CC0033; line-height: 1.5em; } .info { text-align: right; } .post { margin-bottom: 1px; background: #fff url(images/img05.gif) no-repeat; color: #0A416B; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 0.8em; } .post p { margin-top: 0.8em; margin-bottom: 0.8em; } .post .hilite { color:#CC0033; } .post a { color: #A4E4F5; } .post a:hover { color: #FFFFFF; } .post .redlink { color: #CC0033 !important; background: none !important; padding: 0 0 2px 0 !important; letter-spacing: 0.07em !important; } .post .title { margin: 0; padding: 30px 30px 0 30px; } .post .title a { text-decoration: none; color: #0A416B; } .post .byline { margin: 0; padding: 0 30px; } .post .entry { padding: 20px 30px 10px 30px; } .post .entry li { font-weight:lighter; letter-spacing: normal; line-height: 150%; list-style: disc; } .post .entry a[href] { font-weight:lighter; letter-spacing: 1px; line-height: 175%; text-decoration:none; padding: 0px 0px 2px 10px; background: url(images/img09.gif) no-repeat 0px 6px; color: #000; text-transform: uppercase; } .post .entry a[href]:hover { color: #FF0000; text-decoration: none; } .post .entry a[img] { background-image: none; } /* These styles control the links bar at the foot of the page contents ... "about us" "contact", "privacy statement" "print this page" */ .post .links { margin: 0; text-align: center; padding: 10px 30px 35px 30px; background: url(images/img06_new.gif) repeat-x left bottom; border-top: 1px solid #2872A6; color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; } .post .links a { margin-left: auto; margin-right: auto; text-align: center; padding-left: 10px; font-size: 0.7em; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; color: #000; } .post .links a:hover { color: #66CCFF; } /* action request links */ #content .info_request { color: white !important; background-position: 2px 0px; background-image: none !important; font-weight:lighter; background-color: red; letter-spacing: 1px; line-height: 150%; text-decoration:none; padding: 2px 1px 2px 1px; color: #333333; border: 2px outset #CCC; } #content .info_request:hover { color: #000000 !important; text-decoration: none; background-color:#00FFFF; } #content .cd_link { font-weight:lighter; background-image: url(images/cd.png); background-position: 2px 0px; background-color: red; letter-spacing: 1px; line-height: 150%; text-decoration:none; padding: 2px 0px 2px 20px; color: white; border: 2px outset #CCC; } #content .cd_link:hover { color: #000000; text-decoration: none; background-color:#00FFFF; } #content .doc_link { border: solid 1px #FF9933; font-weight:lighter; font-size: 0.8em; background-image: none !important; letter-spacing: 1px; line-height: 150%; text-decoration:none; padding: 5px 2px 5px 2px; color: #333333; text-transform: capitalize !important; } #content .doc_link:hover { text-decoration: none; background-color: #FF9933; } #content a.vid_link { margin-left: 5px; padding: 15px 0 10px 35px; background-image: url(images/vidlink.gif); text-decoration:none; } #content a.vid_link:hover { text-decoration:none; color:red; } /* styling for tables and charts */ .techtable { border-collapse: collapse; border-spacing: 0; border: 1px solid; border-color: #0066CC; } .techtable td, th { background: white; border: inset 1pt; border-color: #0066CC; vertical-align: 50%; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; letter-spacing: 0.06em; line-height: 150%; } .techtable a[href] { text-transform: capitalize !important; background-image: none !important; padding: 0 0 0 0 !important; } /* W3C logos*/ #w3c a { background-image: none; padding-left: 0; } /* Navigation side panels */ #rightbar { padding: 0 0 0 25px; margin: 0; } .sidebar { float: left; width: 200px; } .sidebar ul { margin: 0; padding: 0; list-style: none; line-height: 135%; } .sidebar li { } .sidebar li ul { } .sidebar li li { padding: 6px 0 6px 10px; background: url(images/img08.gif) no-repeat 0 12px; border-bottom: 1px solid #2872A6; } .sidebar li li a { text-decoration: none; color: #C9ECF5; } .sidebar li li a:hover { color: #FFCC00; padding: 6px 0 6px 11px; } .sidebar li h2 { padding-top: 20px; color: #FFFFFF; } /* Search box visual styling - the actual search function is called in from a cgi php script*/ #searchform { padding-top: 20px; text-align: left; } #searchform br { display: none; } #searchform input { margin-bottom: 5px; } #searchform #s { width: 190px; } /* page footer */ #footer { clear: both; padding: 8px 0 1px 0; background: #083253; } #footer p { text-align: center; font-size: smaller; color: #0F5B96; } #footer a { color: #0F5B96; } #footer p#printFooter { display: none; } .pageIndex {position: relative !important; top: 1px !important; color: white !important; text-transform: uppercase!important; text-align: right !important; letter-spacing: 0.3em !important; }