/*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Sportworks - Main Stylesheet Author: Alison Springall (alisonspringall@silktide.com) / Silktide Ltd - All Rights Reserved Created: 19/09/2008 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body { background: #f6f6f6 url("templatefiles/body_bg.jpg") repeat-x 0 0; font: 72% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;} h1 { font: bold 1.4em verdana, arial, helvetica, sans-serif; color: #023165; margin: 15px 0; } h2 { font: bold 1.2em verdana, arial, helvetica, sans-serif; color: #d30c29; text-transform: lowercase; margin: 10px 0; } h3 { font: bold 1.1em arial, verdana, helvetica, sans-serif; color: #d30c29; text-transform: lowercase; margin: 10px 0; } .altcolor { color: #023165; } p, li { font-size: 1.0em; line-height: 1.7em; } em { width: 99%; display: block-inline; } a { color: #013066; text-decoration: none; } a:visited { } a:hover, a:active { color: #d30c29; } 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; } .widthwrapper { width: 100%; } .padding { padding: 20px; } .right { float: right; } .left { float: left; } .imgright { float: right; padding: 3px; border: 1px solid #e8e8e8; margin: 5px 0 15px 20px; } .imgleft { float: left; padding: 3px; border: 1px solid #e8e8e8; margin: 5px 20px 15px 0; } .centerimg { text-align: center; } .centerimg img { margin: 0 auto; } .clear { clear: both; } #accessibility { display: none; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 971px; background: #fff url("templatefiles/container-bg.jpg") repeat-y top center; text-align: left; margin: 0 auto; } #header { height: 145px; background: #fff url("templatefiles/header-bg.jpg") no-repeat top center; text-align: right; padding-right: 4px; } #navbar { height: 40px; clear: both; background: #a9002b url("templatefiles/navbar-bg.jpg") repeat-x 0 0; margin: 0 4px; } #contentwrapper { width: 970px; min-height: 300px; padding: 10px 0 20px; } #sidecol { width: 245px; float: right; padding-bottom: 20px; margin: 0 0 0 25px; } #content { /*width: 665px; float: left;*/ padding: 0 0 10px; margin: 0 20px 0 20px; } #footer { height: 44px; clear: both; background: #3a3a3a url("templatefiles/footer-bg.jpg") repeat-x bottom left; font-size: 0.85em; margin: 0 4px -3px; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header #logo { float: left; padding: 5px 0 0 15px; } #header img { float: right; display: block; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #navbar p { float: right; line-height: 1.5em; color: #fff; padding: 10px 0 0 0; margin: 0 20px 0 0; } /* SEE CSSDROPDOWN.CSS */ /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footerleft { float: left; background: #38424e none; line-height: 1.5em; color: #9d9d9d; padding: 12px 30px 12px 15px; margin: 0; } #footer ul { padding: 0; margin: 0; } #footer li { float: left; list-style-type: none; line-height: 1.5em; text-transform: lowercase; color: #e79fae; } #footer li a, #footer li a:visited { float: left; background: transparent url("templatefiles/nav-divider.jpg") no-repeat left center; color: #e79fae; padding: 11px; } #footer li a:hover, #footer li a:active { color: #fff; } #footer p.right { line-height: 40px; color: #fff; margin: 0 20px 0 0; } #footer p.right a { color: #fff; } /* Sidecol Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #sidecol h2 { font-size: 1.4em; } /* .sidebox { width: 245px; height: 100px; background: #fff url("templatefiles/sidebox-bg.jpg") no-repeat top left; padding: 0; margin: 0; } .sidebox .padding { padding: 10px 20px 10px 10px; } .sidebox img { float: left; margin-right: 10px; } .sidebox h3 { margin-top: 0; } .sidebox ul { padding: 0; margin: 0; } .sidebox ul li { font-size: 0.85em; list-style-type: none; color: #013066; } */ .sidebox { width: 245px; padding:0; margin: 0 0 20px; } .sidebox .top { background: url("templatefiles/sidebox-top.jpg") no-repeat; height:6px; padding:0; margin: 0; overflow:hidden; } .sidebox .middle { background: url("templatefiles/sidebox-middle.jpg") repeat-y; min-height:81px; padding:0; margin: 0; } .sidebox .bottom { background: url("templatefiles/sidebox-bottom.jpg") no-repeat; height:7px; padding:0; margin: 0; } .sidebox .padding { padding: 2px 20px 10px 10px; } .sidebox img { float: left; margin-right: 10px; } .sidebox h3 { margin-top: 0; } .sidebox ul { padding: 0; margin: 0; } .sidebox ul li { font-size: 0.85em; list-style-type: none; color: #013066; } /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #bannerimg { width: 660px; height: 225px; overflow: hidden; position: relative; margin:0; padding:0 0 10px; } .layerimg { position: absolute; top: 0; left: 0; } #bannertext { width: 270px; position: absolute; top: 20px; left: 30px; font: normal 1.8em arial, verdana, helvetica, sans-serif; color: #fff; } #bannertext p { line-height: 1.3em; color: #fff; } .threecol { width: 220px; height: 280px; float: left; background: #fff url("templatefiles/threecol-bg.jpg") no-repeat top center; } .threecol .padding { padding: 15px; } .threecol ul { padding: 0; margin: 0; } .threecol ul li { font-size: 0.85em; list-style-type: none; color: #013066; } #subpagemenu { border-collapse: collapse; } #subpagemenu td { vertical-align: middle; padding: 5px 20px 5px 0; margin:0; } #subpagemenu td img { padding: 3px; margin:0; border: 1px solid #e8e8e8; } /* Home Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .widebox { width:660px; padding:10px 0 0; margin:0; } .widebox .top { background: url("templatefiles/widebox-top.jpg") no-repeat; height:8px; padding:0; margin: 0; overflow:hidden; } .widebox .middle { background: url("templatefiles/widebox-middle.jpg") repeat-y; min-height:81px; padding:0; margin: 0; } .widebox .bottom { background: url("templatefiles/widebox-bottom.jpg") no-repeat; height:8px; padding:0; margin: 0; } .widebox .padding { padding: 2px 20px 10px 20px; } .news .padding { padding: 2px 20px 10px 10px; } .news p { font-size: 0.85em; } .news h2 { padding:0 10px 10px; } /* #home .sidebox .middle { min-height:108px; } */