/* CSS generated by SiteManager at 10:43am 29/10/2009 - do not edit this file directly */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Lorien - Main Stylesheet Author: David Ball (davidball@silktide.com) / Silktide Ltd Created: 06/03/2009 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack */ html, body { height: 100%; } /* end hack */ body { background: #fff; font: 95% 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0 ; } h1 { font: normal 1.5em 'trebuchet ms', verdana, arial, helvetica, sans-serif; color: #B30020; padding: 0 0 5px; border-bottom: 1px solid #e8ebec; margin: 0 0 10px; } h2 { font: normal 1.5em 'trebuchet ms', verdana, arial, helvetica, sans-serif; color: #28a9e0; border-bottom: 1px solid #e8ebec; margin: 10px 0; } h3 { font: bold 1.0em 'trebuchet ms', verdana, arial, helvetica, sans-serif; color: #000; margin: 10px 0; } p, li { font-size: 0.9em; line-height: 1.3em; } a, a:visited { color: #B30020; text-decoration: none; } a:hover, a:active { color: #990033; text-decoration: underline; } hr { height: 1px; background-color: #D8D8D8; color: #D8D8D8; border: 0; margin: 15px 0; } img { border: 0; } form, table { background: transparent; font-size: 1.0em; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .clear { height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; } .right { float: right; } .left { float: left; } .alignright { text-align:right; } .imgright { float: right; margin: 0 0 10px 20px; } .imgleft { float: left; margin: 0 20px 10px 0; } .centerimg { display: block; text-align: center; } .centerimg img { margin: 0 auto; } .widthwrapper { width: 100%; } .formwrapper { width: auto; margin-right: 220px; } .autowidthtable table { width: auto; } .padding { padding: 20px; } #accessibility { display: none; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { min-height: 100%; height:auto; background:#fff url(/templatefiles/bk_shadow.gif) repeat-x bottom; text-align:center; margin:0 auto -40px; } /* margin-bottom to match #clearfooter */ * html #container { height: 100%; } #header { width: 950px; padding: 15px 0 10px; margin: 0 auto; text-align:left; } #mainnavwrapper { background:url(/templatefiles/nav.gif) repeat-x; } #mainnav { width: 963px; height:36px; clear: both; margin: 0 auto; } #test { width: 963px; height:36px; clear: both; margin: 0 auto; } #banner { width: 724px; min-height: 212px; background: transparent url(/templatefiles/bannerbox_content.jpg) no-repeat; margin: 0 0 15px 215px; } #contentwrapper { width: 950px; text-align: center; padding:0; margin: 7px auto 0; } #content { width: 706px; margin: 0 0 0 220px; padding:0; text-align: left; background: url(/templatefiles/contentbox_bk.gif) repeat-y; } #sidecol { width: 210px; float: left; text-align: left; font-size: 0.9em; } #clearfooter { clear: both; height: 40px;} /* height to match height + padding + margin etc in #footer */ #footer { height: 20px; clear: both; background: #fff url(/templatefiles/footer.gif) repeat-x top; text-align: left; padding: 10px 10px 10px; margin: 0 auto 0; } #boxes { clear:right; } #bottomboxes { margin: 0 0 20px 220px; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header img { display: block; } #header #searchbox { float:right; margin-top:30px; } #header #searchbox .button { background:url(/templatefiles/search_btn.gif); width:31px; height:23px; border:0; margin:0; padding:0; } #header #searchbox input { font-size:0.7em; padding:3px 10px; } #header p { font-size: 1.4em; text-align: right; color: #777; padding-top: 15px; margin: 0 15px 0 0; } #header p a:link, #header p a:visited { font-size: 0.85em; color: #777; } #header p a:hover, #header p a:active { color: #28a9e0; text-decoration: none; } /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content .top { background: url(/templatefiles/contentbox_top.jpg) no-repeat; height:10px; } #content .middle { padding:0 15px; min-height:200px; } #content .bottom { background: url(/templatefiles/contentbox_bottom.jpg) no-repeat; height:32px; } #content p, #content li { color:#184294; } .box { width:180px; float:left; margin-right:12px; text-align:left; } .box .top { background: url(/templatefiles/tinybox_top.jpg) no-repeat; height:10px; } .box .middle { background: url(/templatefiles/tinybox_bk.gif) repeat-y; padding:0 10px; overflow:hidden; min-height:170px; text-align:center; } .box .bottom { background: url(/templatefiles/tinybox_bottom.jpg) no-repeat; height:32px; } .last { margin-right: 0; } #breadcrumb { background: url(/templatefiles/breadcrumb_middle.gif) repeat-x; height:33px; margin:0 0 15px 225px; padding:0; width:706px; font-size:0.8em; text-align:left; } #breadcrumb .right { background: url(/templatefiles/breadcrumb_right.gif); width:6px; height:33px; } #breadcrumb p { } #breadcrumb a, #breadcrumb a:visited { float:left; padding:10px; color:#454545; } #breadcrumb a:hover, #breadcrumb a:active { color:#2385DC; } #breadcrumb img { float:left; } #breadcrumb .left { } #breadcrumb .left a { padding:0; margin:0; } #bottomboxes img { } #bottomboxes .centerimg img { } #bottomboxes #credentiallogos { border-collapse: collapse; } #bottomboxes #credentiallogos td { text-align: center; vertical-align: middle; } #bottomboxes #credentiallogos td img { margin: 0 auto 10px; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #mainnav ul { padding: 0; margin: 0; } #mainnav li { float: left; display: inline; list-style-type: none; font-weight: bold; font-size:0.9em; color: #fff; text-align:center; line-height:1.2em; } #mainnav ul li a, #mainnav ul li a:visited { float: left; display: inline; color: #fff; text-decoration: none; padding: 10px 5px; width:105px; } #mainnav ul li a:hover, #mainnav ul li a:active, #mainnav ul li.selected a, #mainnav ul li.selected a:link, #mainnav ul li.selected a:visited { background: #E5E5E5 url(/templatefiles/nav_btn.gif) repeat-x 0 0; color: #000; min-height:16px; } #mainnav li a.enclose, #mainnav li a.enclose:visited { border-width: 0; } #mainnav ul li.selected ul li a, #mainnav ul li.selected ul li a:link, #mainnav ul li.selected ul li a:visited { background:none; } #mainnav li ul li { float: none; display: block; font-weight: normal; text-align: left; border: 0; font-size:1em; background:none; } #mainnav li ul li a, #mainnav li ul li a:visited { padding:8px 15px; float: none; display: block; color: #113782; border: 0; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; width:auto; /*height:16px;*/ } #mainnav li ul li a:hover, #mainnav li ul li a:active { background: #103681 url(templatefiles/dropdown_bk_over.gif) repeat-x top!important; color: #fff!important; height:auto; } #mainnav li:hover { position: relative; background: #E5E5E5 url(/templatefiles/nav_btn.gif) repeat-x 0 0; } #mainnav li:hover a, #mainnav li:hover a:visited { color:#113782; } #mainnav li:hover li:hover { background:none; } #mainnav li ul { width: 190px; display: none; background-color: #E7E7E7; border:1px solid #ADADAD; } #mainnav li:hover > ul { display: block; position: absolute; top: 36px; left: 5px; padding: 0; } #mainnav li:hover ul li:hover ul { position: absolute; top: 0; left: 180px; } #mainnav > li:hover > ul { top: 36px; left: 5px; } #mainnav table { position: absolute; top: 36px; left: 5px; border-collapse: collapse; z-index: 100; } * html #mainnav li a:hover { position: relative; } #mainnav li a:active, .menu li a:focus { color: #666; } * html #mainnav li ul { visibility: hidden; display: block; position: absolute; top: 36px; left: 5px; padding: 0; } #mainnav li a:hover ul ul { visibility: hidden; } #mainnav li a:hover ul a:hover ul ul { visibility: hidden; } #mainnav li a:hover ul a:hover ul a:hover ul ul { visibility: hidden; } #mainnav li a:hover ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; } #mainnav li a:hover ul { visibility: visible; left: -10px; top: 36px; lef\t:-0; to\p:0; } #mainnav li a:hover ul a:hover ul { visibility: visible; top: -36px; left: 190px; border-top: 1px solid black; border-left: 1px solid black; } #mainnav li a:hover ul a:hover ul a:hover ul { visibility: visible; } #mainnav li a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; } #mainnav li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; } #languagemenu { } #languagemenu a, #languagemenu a:visited { float:right; padding: 10px 5px 10px 30px; height:16px; color:#fff; font-size:0.8em; } #languagemenu a:hover, #languagemenu a:active { color:#B30020;} #languagemenu .polish a { background:url(/templatefiles/flag_polish.png) no-repeat 5px 8px; } #languagemenu .english a { background:url(/templatefiles/flag_british.png) no-repeat 5px 8px; } /* Sidecol Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #sidecol .subbox { margin-bottom:20px; background:#fafafa url(/templatefiles/sidecol_box_bk.gif) repeat-x; border:1px solid #ADADAD; padding:10px 10px; } #sidecol .subimage { margin-bottom:20px; } ul#subnav { padding: 0; margin: 0 0 20px; } ul#subnav li { display: block; list-style-type: none; font-weight: bold; font-size: 1.0em; color: #000; border-bottom:1px solid white; } ul#subnav li a:link, ul#subnav li a:visited { color:#113782; display: block; text-decoration: none; padding: 4px 12px; background:#DBDEDF url(/templatefiles/menu_bar.gif) repeat-x; } ul#subnav li a:hover, ul#subnav li a:active, ul#subnav li.selected a:link, ul#subnav li.selected a:visited { color: #fff; background:#103681 url(/templatefiles/menu_bar_selected.gif) repeat-x; } ul#subnav li ul { padding: 0; margin: 0; border-top:1px solid #fff; } ul#subnav li ul li { color: #000; } ul#subnav li ul li a:link, ul#subnav li ul li a:visited { padding-left:30px!important; background:#EEF1F3 url(/templatefiles/submenu_bar.gif) repeat-x; } ul#subnav li ul li a:hover, ul#subnav li ul li a:active, ul#subnav li ul li.selected a:visited { color: #fff; background: #294F9A url(/templatefiles/submenu_bar_selected.gif) repeat-x; } #sidecol h3 { margin-top: 0; } #sidecol p, #sidecol a { font-size:0.9em; } .subimage { border:1px solid #ADADAD; text-align:center; } .subimage .padding { padding:0 10px; } .subimage img { padding:10px; } /* Banner Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #banner img { padding: 3px 12px; display:block; } /* Banner Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #subcontent { width:180px; float:right; margin:10px 0 10px 10px; } #subcontent img { margin-bottom:10px; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #clearfooter { clear: both; height 45px; } #footer p { font-size: 0.80em; line-height: 1.3em; color: #000; padding: 5px 5px 0; margin: 0; } #footer a { color:#184294; } #footer ul { padding: 0; margin: 0; } #footer ul li { font-size: 0.80em; line-height: 1.6em; color: #000; list-style-type: none; display:inline; padding:0 10px; } #footer ul li a, #footer ul li a:visited { color: #000; text-decoration: none; } #footer ul li a:hover, #footer ul li a:active { color: #184294; text-decoration: underline; } /* Column Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .col { width: 220px; float: left; min-height: 200px; margin: 10px 20px 0 0; padding-right:10px; border-right:1px solid #D8D8D8; text-align:left; } .col hr { margin: 0 0 5px; } .col h3 { font-size: 1.1em; margin: 0 0 15px; padding:5px 0; } .col p, .col li /* , .col a */ { font-size: 0.8em; margin: 5px 0; } .col .icon { margin:0 15px; float:left; } .last.col { border:none; padding-right:0; margin-right:0; } .middle.col a img { border:1px solid #eee; } .middle.col a:hover img { border:1px solid #5471B1; } .col .images { margin:auto; text-align:center; display:block; } .col .link { color:#2385DC; text-align:right; } .col .link a, .col .link a:visited { color:#2380D2; background:url(/templatefiles/aro.jpg) no-repeat 4px 3px; padding-left:20px; } /* Home Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #home #banner { background:url(/templatefiles/bannerbox_home.jpg) no-repeat; width:963px; height:214px; margin:15px auto 15px; } #home #banner #flashbanner { padding: 4px 12px; margin:0; display:block; } #home #contentwrapper { text-align: left; } #home #sidecol { margin:0 0 10px; float:right; width:372px; } #home #sidecol .top { background:transparent url(/templatefiles/smallbox_top.jpg) no-repeat; height:10px; } #home #sidecol .middle { background:transparent url(/templatefiles/smallbox_bk.gif) repeat-y; padding:0 15px; overflow:hidden; min-height:250px; } #home #sidecol .bottom { background:transparent url(/templatefiles/smallbox_bottom.jpg) no-repeat; height:32px; } #home #content { width: 560px; margin: 0 0 10px 0; padding: 0; } #home #content .top { background:transparent url(/templatefiles/contentbox_home_top.jpg) no-repeat; height:10px; } #home #content .middle { background:transparent url(/templatefiles/contentbox_home_bk.gif) repeat-y; overflow:hidden; min-height:250px; } #home #content .bottom { background:transparent url(/templatefiles/contentbox_home_bottom.jpg) no-repeat; height:32px; } #home h2 { color:#184294; font-weight:bold; font-size:1em; margin:0; padding:0; border:none; } #home #sidecol p { margin:0; font-size:0.9em; } #home #sidecol h2 { font-size:1.5em; padding:0 0 5px; color:#184294; border-bottom: 1px solid #e8ebec; } #home #sidecol h3 { font-size:1.2em; margin:0; padding:5px 0 0; } #home #sidecol h3 a, #home #sidecol h3 a:visited { color:#2385DC; } #home #sidecol h3 a:hover, #home #sidecol h3 a:active { text-decoration:underline; } #home #bottomboxes { margin: 0 0 20px; overflow:auto; } #home .col p { padding-left:30px; } #home .col { width: 280px; }