/*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Cheshire & Warrington Sports Partnership - Main Stylesheet Author: Alison Lee / Silktide Ltd Created: 17/05/2006 Updated: History: 17/05/2006 Stylesheet created -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Style Guide -------------------------------------------------------------------------------------------------------------------------------------------------------------- Body font size = 80% PRIMARY COLOURS Purple: #42103F Green: #B2C733 Light Purple: #7577B2 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .cwonly { } .gaonly { display: none; } .cw2012only { display: none; } html, body { padding: 0; margin: 0; } body { background-color: #42103F; font: 80% verdana, arial, helvetica, sans-serif; } h1 { font: bold 1.5em arial, verdana, helvetica, sans-serif; color: #42103F; padding: 0; margin-top: 3px; } h2 { font: bold 1.3em arial, verdana, helvetica, sans-serif; color: #42103F; padding: 0; margin-top: 30px; } h3 { font: bold 1.1em arial, verdana, helvetica, sans-serif; color: #42103F; padding: 0; margin: 0; } p { font-size: 1.0em; line-height: 1.5em; } a { font-weight: bold; text-decoration: none; color: #42103F; } a:hover { color: #B2C733; } img { border: 0; } form, table { background: transparent; font-size: 1.0em; } hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 5px 0 20px; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .padding { padding: 20px; } .widthwrapper { width: 100%; } .right { float: right; } .left { float: left; } .clear { height: 25px; clear: both; padding: 0; margin: 0; } #skipnav { display: none; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { margin-left: 20px; } #header { background-color: #B2C733; } #contentwrapper { background: #fff url("templatefiles/content-bg-bottom.jpg") no-repeat right bottom; margin-right: 20px; margin-bottom: 0; } #subwrapper { background: transparent url("templatefiles/clear-bg.jpg") repeat-y 0 0; } #leftcol { width: 180px; float: left; background: #B2C733 url("templatefiles/leftcol-bg-stripe.jpg") no-repeat 0 174px; margin: 0; /* z-index: 2; */} #topimg { margin-left: 180px; } #content { min-height: 300px; background-color: #fff; margin-left: 180px; } #rightcol { width: 230px; float: right; } #footer { clear: both; color: #fff; padding: .5em; margin: 0; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header img { margin: 10px; } #headertext1 { position: absolute; top: 70px; left: 200px; font: bold 1.8em arial, verdana, helvetica, sans-serif; color: #42103F; padding: 0; margin: 0; } #headertext2 { position: absolute; top: 95px; left: 200px; font: normal 2.4em verdana, arial, helvetica, sans-serif; color: #42103F; padding: 0; margin: 0; } /* Search Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #search { float: right; margin: 100px 10px 0 0; } #search label { font-weight: bold; color: #42103F; } #search input { width: 120px; vertical-align: middle; margin-left: 5px; } #search .button { width: 26px; height: 26px; background: url("templatefiles/go.jpg") no-repeat 0 0; font-weight: bold; font-size: 0.9em; color: #fff; padding: 0; border: 0; } #content #search { float: none; margin: 0; } #content #search .button { background: #42103F none; } /* Left Col Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #leftcol #nav { padding: 0; margin: 20px 0 0 0; } #leftcol #nav li { list-style-type: none; margin: 0 0 2px 0; } #leftcol #nav li a { display: block; background: #42103F url("templatefiles/bullet-off.jpg") no-repeat 6px 6px; color: #fff; padding: 3px 5px 3px 25px; margin: 0 10px; } #leftcol #nav li a:hover { background: #fff url("templatefiles/bullet-on.jpg") no-repeat 6px 6px; color: #B2C733; } #leftcol #nav li ul { width: 160px; font-size: 0.8em; color: #B2C733; padding: 0; margin: 0 0 0 10px; } #leftcol #nav li ul li { font-weight: normal; line-height: 1.5em; padding: 0; border-top: 2px solid #B2C733; margin: 0; } #leftcol #nav li ul li a { background: #fff url("templatefiles/bullet-on.jpg") no-repeat 12px 6px; font-weight: normal; color: #92A42A; padding-left: 28px; margin: 0; } #leftcol #nav li ul li a:hover { background: #42103F url("templatefiles/bullet-off.jpg") no-repeat 12px 6px; color: #fff; } /* Login Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #login { background-color: #725EB3; color: #fff; padding: 10px; margin-top: 20px; } #login h2 { color: #fff; padding: 0; } #login p { margin: 0 0 10px; } #login label { font: bold 0.8em arial, verdana, helvetica, sans-serif; color: #fff; } #login .button { height: 21px; background: transparent url("templatefiles/login.jpg") no-repeat 50% 0; font-weight: bold; color: #fff; border: 0; margin-top: 5px; } /* Right Col Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #rightcol .padding { padding: 0 0 20px 20px; } .cornerwrapper { width: 200px; height: 100%; position: relative; padding: 0; margin-left: 10px; margin-bottom: 20px; } .cornerwrapper img { display: block; } .topleft { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent url('templatefiles/whitecorner-tl.gif') no-repeat top left; } .topright { width: 100%; height: 100%; background: transparent url('templatefiles/whitecorner-tr.gif') no-repeat top right; } .bottomright { width: 100%; height: 100%; background: transparent url('templatefiles/whitecorner-br.gif') no-repeat bottom right; } .bottomleft { width: 100%; height: 100%; background: transparent url('templatefiles/whitecorner-bl.gif') no-repeat bottom left; } #rightcol .text { min-height: 200px; background-color: #7577B2; } #rightcol .text .padding { padding: 10px; } #rightcol .text h2 { color: #fff; } /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content #breadcrumb a { font-weight: normal; border-bottom: 0; } #content #subnav { padding: 0; margin: 0; } #content #subnav li { list-style-type: none; padding: 0; margin: 0; } #content #subnav li a { background: #fff url("templatefiles/bullet-on.jpg") no-repeat 0 4px; font-weight: normal; padding-left: 20px; border-bottom: 0; } #content .bold #subnav li a { font-weight: bold; } #content .bold #subnav li li a { font-weight: normal; } #content p a { border-bottom: 1px solid #D7D8E9; } #content table form { } #content table form span { /*z-index: 0;*/ } #content ul { margin: 15px 15px 15px 30px; } #content li { line-height: 1.5em; } #content .multiimages img { display: inline; margin: 15px; } #profiles td { border-width: 1px 0; } #newstable td { border-width: 1px 0;} #newstable img { margin:10px 0 20px 0;} .purpletext { color:#4B166E; } /* Partner Diagram Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #partners td { width: 100px; height: 100px; background-color: #ECEFBB; font-size: 0.85em; text-align: center; } #partners #logotd { width: 200px; height: 200px; background: transparent; } #partners #logotd img { margin: 2px 0 0 2px; } #partners td a { color: #000; border: 0; } #partners td a:hover { color: #B2C733; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer p { line-height: 1.1em; padding: 0; margin: 0; } #footer a { font-weight: normal; color: #fff; } #footer a:hover { color: #B2C733; } #footer .small { font-size:0.75em; font-weight: normal; margin-top:8px; } #footer .small p { line-height: 1.2em; color:#725EB3; } /* Home Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #home #topimg { height: 199px; background: #42103F url("templatefiles/home-img.jpg") no-repeat top right; } #home #content { background: #fff url("templatefiles/content-bg-top.jpg") no-repeat right top; margin-left: 180px; } #home #rightcol { width: 295px; border-left: 1px solid #42103F; } #home #rightcol img { padding:0 10px 10px 0px; }