/* CSS generated by SiteManager at 02:05pm 10/05/2010 - do not edit this file directly */ /*----------------------------------------------------------------------------------------------------------------------------- CSS for Corby Active - Main Stylesheet Author: Alison Springall (alisonspringall@silktide.com) / Silktide Ltd Created: 11/12/2008 ----------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles ----------------------------------------------------------------------------------------------------------------------------- */ .corby { display: block; } .snap { display: none; } .sportunlimited { display:none; } /* commented backslash hack */ html, body { height: 100%; } /* end hack */ body { background: #85a9d6 url(/templatefiles/ca_body_bg.jpg) repeat-x top left; font: 80% trebuchet ms, verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;} h1 { background: #0a59b2 url(/templatefiles/ca_h1_bg.jpg) repeat-x top left; font: normal 1.1em verdana, arial, helvetica, sans-serif; text-transform: uppercase; color: #fff; padding: 7px 10px 8px; margin: 0; } h2 { font: bold 1.2em trebuchet ms, verdana, arial, helvetica, sans-serif; color: #1145A8; margin: 20px 0 10px ; } h3 { font: bold 1.1em trebuchet ms, verdana, arial, helvetica, sans-serif; color: #1145A8; margin: 10px 0; } h1 + h2 { margin-top: 10px; } p { font-size: 1.0em; line-height: 1.5em; color: #202831; margin: 5px 0 10px; } li { font-size: 1.0em; line-height: 1.5em; color: #202831; } a, a:visited { text-decoration: none; color: #15579b; } a:hover, a:active { color: #666; } hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; 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; } .widthwrapper { width: 100%; } .padding { padding: 20px; } #accessibility { display: none; } /* Layout Styles ----------------------------------------------------------------------------------------------------------------------------- */ #container { width: 965px; min-height: 100%; height: auto; background: #fff url(/templatefiles/ca_container_bg.jpg) repeat-y top center; text-align: left; margin: 0 auto -60px; } /* margin-bottom to match #clearfooter */ * html #container { height: 100%; } #header { width: 965px; height: 109px; background: #fff url(/templatefiles/ca_header_bg.jpg) repeat-y top center; padding: 0; margin: 0; } #header img { padding: 20px 0 0 20px; } #topnav { width: 965px; height: 30px; background: #000 url(/templatefiles/ca_nav_bg.jpg) repeat-y top center; padding: 0; margin: 0; } #contentwrapper { width: 965px; min-height: 390px; background: transparent url(/templatefiles/ca_contentwrapper_bg.jpg) no-repeat top center; padding: 15px 0 0; margin: 0; } #banner { width: 925px; background: #000 url(/templatefiles/ca_bannerimg_home.jpg) no-repeat top left; margin: 0 auto 15px; } #sidecol { width: 140px; float: left; display: inline; background-color: #dae9ef; margin: 0 15px 0 20px; } #home #sidecol { /* width: 220px; */ background-color: #fff; } #content { margin: 15px 20px 0 175px; } /* #home #content { margin: 15px 20px 0 260px; } */ #clearfooter { clear: both; height: 60px;} /* height to match height + padding + margin etc in #footer */ #footer { width: 965px; height: 50px; background: transparent url(/templatefiles/ca_footer_bg.jpg) no-repeat bottom center; clear: both; padding: 0; margin: 10px auto 0; } /* Navigation Styles ----------------------------------------------------------------------------------------------------------------------------- */ #topnav ul { padding: 0; margin: 0 20px; } #topnav ul li { float: left; display: inline; font-family: verdana, arial, helvetica, sans-serif; list-style-type: none; margin: 2px 1px 0; } #topnav ul li a, #topnav ul li a:visited { float: left; display: inline; color: #fff; padding: 3px 8px 7px; } #topnav ul li a:hover, #topnav ul li a:active, #topnav ul li.selected a{ background-color: #fff; color: #000; } ul#sidenav { padding: 0; margin: 0; } ul#sidenav li { font: 0.85em verdana, arial, helvetica, sans-serif; list-style-type: none; padding: 7px 5px; margin: 0; } ul#sidenav li.selected { background-color: #c5d7e0; } ul#sidenav li a, ul#sidenav li a:visited { color: #1c4356; } ul#sidenav li a:hover, ul#sidenav li a:active { color: #666; } /* Sidecol Styles ----------------------------------------------------------------------------------------------------------------------------- */ .sidecolimg { width: 140px; display: block; border: 1px solid #ebeaed; margin-bottom: 10px; } .sidecolimg img { display: block; padding: 5px; } #sidecol-logo { display:none; } /* Banner Styles ----------------------------------------------------------------------------------------------------------------------------- */ #banner p { font: 3.0em verdana, arial, helvetica, sans-serif;line-height: 2.0em; text-align: right; color: #fff; padding: 0 10px; margin: 0; } /* Content Styles ----------------------------------------------------------------------------------------------------------------------------- */ .contentbox_wrapper { float: left; margin: 15px 20px 15px 0; } .contentbox { width: 210px; min-height: 220px; border: 1px solid #ebeaed; padding: 5px; border-width: 0 1px; } .contentbox_top { width: 222px; height: 2px; background: #fff url(/templatefiles/ca_contentbox_top.jpg) no-repeat bottom center; } .contentbox_bot { width: 222px; height: 2px; background: #fff url(/templatefiles/ca_contentbox_bot.jpg) no-repeat top center; } .contentbox p { color: #15579b; margin: 0 0 10px; } .contentbox a, .contentbox a:visited { text-decoration: none; color: #202831; border-bottom: 1px dotted #e8e8e8; } .contentbox a:hover, .contentbox a:active { color: #666; } .contentimg-right { width: auto; max-width: 200px; float: right; padding: 2px; border: 1px solid #c5d7e0; margin: 10px 0 15px 15px; } .contentimg-left { width: auto; max-width: 200px; float: left; padding: 2px; border: 1px solid #c5d7e0; margin: 10px 15px 15px 0; } .contentimg-news img { float: right; padding: 2px; border: 1px solid #c5d7e0; margin: -15px 0 5px 15px; } .contentimg-right img, .contentimg-left img { display: block; } .contentimg-right p.caption, .contentimg-left p.caption { font-size: 0.85em; color: #666; margin: 0 5px; } /* Footer Styles ----------------------------------------------------------------------------------------------------------------------------- */ #footer img { float: left; padding: 3px 0 0 8px; } #footer p { font-size: 0.9em; text-align: right; color: #fff; padding: 10px 15px 0 0; margin: 0; } #footer a, #footer a:visited { color: #fff; } #footer a:hover, #footer a:active { color: #fff; text-decoration: underline; }