/* CSS generated by SiteManager at 12:44pm 13/04/2011 - do not edit this file directly */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for CVS - Main Stylesheet Author: Alison Springall (alisonspringall@silktide.com) / Silktide Studios Created: 30/04/2009 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack \*/ html, body { height: 100%; } /* end hack */ body { background-color: #eeeeee; font: 90% arial, verdana, helvetica, sans-serif; text-align: center; padding: 0; margin: 0; } h1 { font-weight: bold; font-size: 1.7em; color: #ec218d; padding-bottom: 10px; border-bottom: 1px solid #e1dfe0; margin: 0 0 15px; } h2 { font-weight: bold; font-size: 1.3em; color: #ec218d; margin: 10px 0; } h3 { font-weight: bold; font-size: 1.1em; color: #ec218d; margin: 10px 0; } h4 { font-weight: bold; font-size: 1.0em; color: #ec218d; margin: 0; } p, li { font-size: 1.0em; line-height: 1.3em; color: #018884; margin: 10px 0; } .largetext { font-size: 1.2em; } .smalltext { font-size: 0.85em; } a, a:visited { text-decoration: none; color: #ec218d; } a:hover, a:active { color: #000; } hr { height: 1px; background-color: #CCC; color: #ccc; padding: 0; margin: 10px 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; } .centerimg { text-align: center; } .centerimg img { display: block; margin: 0 auto; } .widthwrapper { width: 100%; } .padding { padding: 15px; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 100%; min-height: 100%; height: auto; margin: 0 auto -70px; } * html #container { height: 100%; } .fixedwrapper { width: 960px; position: relative; clear: both; text-align: left; margin: 0 auto; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header { width: 100%; height: 155px; background: transparent url(/templatefiles/header_bg.jpg) repeat-x 0 0; position:relative; } #header #sitelogo { padding: 30px 0 0 0; } #header .phonenumber { position:absolute; right:10px; bottom:20px; color:#555; font-size:2.5em; margin:0; } /* Search Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .search { vertical-align: middle; } .search label { font-weight: bold; font-size: 0.9em; vertical-align: middle; padding: 0; margin: 0; } .search input { vertical-align: middle; margin-left: 5px; } .search .button { width: 31px!important; height: 21px; background: #f84299 url(/templatefiles/button_bg_small.jpg) no-repeat 0 0; font-weight: bold; font-size: 0.9em; color: #fff; border: 0; } #header .search { position:absolute; right:10px; bottom:-20px; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .usefullinks { padding: 15px 0 0; margin: 0; } .usefullinks li { display: inline; list-style-type: none; font-weight: bold; font-size: 0.8em; margin: 0 10px; } .usefullinks li a, .usefullinks li a:visited { color: #000; } .usefullinks li a:hover, .usefullinks li a:active { text-decoration: none; color: #ed2190; } #header .usefullinks { float: right; } /* Level 1 */ #mainnav { background: transparent url(/templatefiles/side_note.jpg) no-repeat bottom right; padding: 0; padding-bottom: 300px; margin: 0; } #mainnav li { font-weight: bold; font-size: 1.25em; line-height: 1.0em; list-style-type: none; padding: 0; margin: 0 0 7px; } #mainnav li a, #mainnav li a:visited { color: #029990; padding: 0 0 0 8px; display:block; } #mainnav li a:hover, #mainnav li a:active, #mainnav li.selectedoption a, #mainnav li.selectedoption a:visited { color: #ec218d; padding: 0 0 0 4px; border-left: 4px solid #030303; } /* Level 2 */ #mainnav ul { padding: 5px 0 0 25px; margin: 0; } #mainnav ul li { font-size: 0.75em; line-height: 1.1em; } #mainnav ul li a, #mainnav ul li a:visited { color: #219B93; padding: 0; border: 0; } #mainnav ul li a:hover, #mainnav ul li a:active { color: #ec218d; padding: 0; border: 0; } #mainnav li.selectedoption ul li a, #mainnav li.selectedoption ul li a:visited { color: #219B93; padding: 0; border: 0; } #mainnav li.selectedoption ul li a:hover, #mainnav li.selectedoption ul li a:active { color: #ec218d; padding: 0; border: 0; } #mainnav li ul li.selectedoption a, #mainnav li ul li.selectedoption a:visited { color: #ec218d; padding: 0; border: 0; } #mainnav li ul li.selectedoption a:hover, #mainnav li ul li.selectedoption a:active { color: #219B93; padding: 0; border: 0; } /* Level 3 */ #mainnav ul ul { padding: 5px 0 0 20px; margin: 0; } #mainnav ul ul li { font-size: 0.85em; line-height: 1.2em; } #mainnav ul ul li a, #mainnav ul ul li a:visited { color: #219B93; padding: 0; border: 0; } #mainnav ul ul li a:hover, #mainnav ul ul li a:active { color: #ec218d; padding: 0; border: 0; } #mainnav li.selectedoption ul ul li a, #mainnav li.selectedoption ul ul li a:visited { color: #219B93; padding: 0; border: 0; } #mainnav li.selectedoption ul ul li a:hover, #mainnav li.selectedoption ul ul li a:active { color: #ec218d; padding: 0; border: 0; } #mainnav li ul ul li.selectedoption a, #mainnav li ul ul li.selectedoption a:visited { color: #ec218d; padding: 0; border: 0; } #mainnav li ul ul li.selectedoption a:hover, #mainnav li ul ul li.selectedoption a:active { color: #219B93; padding: 0; border: 0; } /* Level 3 */ #mainnav ul ul ul { padding: 5px 0 0 20px; margin: 0; } #mainnav ul ul ul li { font-size: 0.85em; line-height: 1.2em; } #mainnav ul ul ul li a, #mainnav ul ul ul li a:visited { color: #219B93; padding: 0; border: 0; } #mainnav ul ul ul li a:hover, #mainnav ul ul ul li a:active { color: #ec218d; padding: 0; border: 0; } #mainnav li.selectedoption ul ul ul li a, #mainnav li.selectedoption ul ul ul li a:visited { color: #219B93; padding: 0; border: 0; } #mainnav li.selectedoption ul ul ul li a:hover, #mainnav li.selectedoption ul ul ul li a:active { color: #ec218d; padding: 0; border: 0; } #mainnav li ul ul ul li.selectedoption a, #mainnav li ul ul ul li.selectedoption a:visited { color: #ec218d; padding: 0; border: 0; } #mainnav li ul ul ul li.selectedoption a:hover, #mainnav li ul ul ul li.selectedoption a:active { color: #219B93; padding: 0; border: 0; } /* Sidecol Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #sidecol { width: 240px; float: left; } #sidecol .roundimg { clear: left; margin: 0 0 30px; } #sidecol .roundimg.top { margin-top:-60px; } #sidecol .innerimg { background:#fff; font-size:1.5em; text-align:center; } #sidecol .innerimg p { margin:0; padding:10px 5px; } #sidecol .innerimg a, #sidecol .innerimg a:visited { color:#EC218D; } #sidecol .innerimg a:hover, #sidecol .innerimg a:active { color:#029990; } /* Round Image Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .roundimg { width: 217px; background-color: #bebebe; position: relative; padding: 4px; z-index: 2; } .innerimg { width: 217px; background: transparent; position: relative; padding: 0; z-index: 3; } .roundimg img { display: block; position: relative; z-index: 4; } #subcontent .roundimg { margin: 0 0 30px 0; } #content .roundimg, #content .innerimg { width: 458px; } /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content { width: 467px; float: left; margin-right: 20px; } #content .contentbox { position: relative; background: #B7CC25 url(/templatefiles/greenbox_bg.jpg) repeat 0 0; margin:0 0 30px; padding:5px 15px; border:2px solid #fff; } #content .contentbox h2 { background: transparent url(/templatefiles/greenbox_h2_bg.jpg) repeat-x left bottom; padding: 0 15px 40px; margin: 0 -15px -20px; } #content .contentbox p { color: #000; } #content .contentbox p a, #content .contentbox p a:visited { color: #000; } #content .contentbox p a:hover, #content .contentbox p a:active { color: #ec218d; } .calendarwrapper { width:490px; } .calendarwrapper #f2_searchText { width:180px !important; } /* Subcontent Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #subcontent { width: 226px; float: left; } #subcontent .subbox { padding: 10px 15px; border: 2px solid #fff; margin: 0 0 15px; } #subcontent .subbox h2 { color: #fff; margin: 0 0 10px; } #subcontent .subbox p { font-weight: bold; font-size: 0.8em; color: #fff; } #subcontent #blackbox { background: #5e5e5e url(/templatefiles/blackbox_bg.jpg) repeat 0 0; } #subcontent #blackbox h2 { color: #ec218d; } #subcontent #blackbox p .date { color: #0c9690; } #subcontent #blackbox p a, #subcontent #blackbox p a:visited { color: #fff; } #subcontent #blackbox p a:hover, #subcontent #blackbox p a:active { color: #ec218d; } #subcontent #blackbox2 { background: #5e5e5e url(/templatefiles/blackbox_bg.jpg) repeat 0 0; } #subcontent #blackbox2 h2 { color: #ec218d; } #subcontent #blackbox2 p .date { color: #0c9690; } #subcontent #blackbox2 p a, #subcontent #blackbox2 p a:visited { color: #fff; } #subcontent #blackbox2 p a:hover, #subcontent #blackbox2 p a:active { color: #ec218d; } #subcontent #bluebox { overflow: auto; background: #2783b4 url(/templatefiles/bluebox_bg.jpg) repeat 0 0; } #subcontent #bluebox h2 { background: transparent url(/templatefiles/bluebox_h2_bg.jpg) repeat-x left bottom; padding: 0 15px 40px; margin: 0 -15px -10px; border:0; } #subcontent #bluebox label { display: block; font-weight: bold; font-size: 0.8em; color: #000; } #subcontent #bluebox input { width: 95px; margin-bottom: 5px; } #subcontent #bluebox .button { width: 92px; height: 24px; float: right; background: transparent url(/templatefiles/bluebox_button_bg.jpg) no-repeat 0 0; border: 0; padding-right: 10px; margin: 5px 0 0; } #subcontent #bluebox a, #subcontent #bluebox a:visited { color: #FFF; border-bottom: 1px solid #ABE;} #subcontent #greenbox { position: relative; background: #B7CC25 url(/templatefiles/greenbox_bg.jpg) repeat 0 0; } #subcontent #greenbox h2 { background: transparent url(/templatefiles/greenbox_h2_bg.jpg) repeat-x left bottom; padding: 0 15px 40px; margin: 0 -15px -20px; } #subcontent #greenbox p { color: #ec218d; } #subcontent #greenbox p a, #subcontent #greenbox p a:visited { color: #000; } #subcontent #greenbox p a:hover, #subcontent #greenbox p a:active { color: #ec218d; } #subcontent #greenbox img#corner { position: absolute; right: 0; bottom: 0; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #clearfooter { clear: both; height: 70px; } #footer { width: 100%; height: 50px; background: #f2f2f2 url(/templatefiles/footer_bg.jpg) repeat-x 0 0; padding: 5px 0 0; margin: 20px auto 0; } #footer p { font-weight: bold; font-size: 0.9em; color: #000; padding: 15px 0 0; margin: 0; } #footer a, #footer a:visited { color: #000; } #footer a:hover, #footer a:active { text-decoration: none; color: #ed2190; } /* HomeStyles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #home h1 { border-bottom: medium none; margin-bottom: 0pt; } #home h2 { margin-top: 0px; color: #018884; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #CCC; } /* Members Area Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .datetext { color: #888; }