/* CSS generated by SiteManager at 01:11pm 02/02/2011 - do not edit this file directly */ /* CSS FOR Northamptonshire Sport - Screen Stylesheet AUTHOR: David Ball (davidball@silktide.com) / Silktide Studios - All Rights Reserved CREATED: 01/04/2010 */ /* GLOBAL STYLES ----------------------------------------------------------------------------------------------------------------------------- */ body { background-color: #E1D9CE; font: 75% arial, helvetica, verdana, sans-serif; text-align: center; color: #424242; padding: 0; margin: 0;} hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; } form, table { background: transparent; font-size: 1.0em; color: #424242; border-collapse: collapse; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; text-align:left; } .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; } .center { text-align:center; } .clear { width: 0; height: 0; overflow: hidden; visibility: hidden; display: block; float: none; clear: both; background: none; font-size: 0; list-style: none; padding: 0; border: 0; margin:0; } .imgright { float:right; margin-left:10px; margin-bottom:10px; } .hidden { display:none; } legend { color:#E7282D; } #accessibility { display: none; } .highlight { background:#454543; padding:15px 25px; color:#fff; border:none; } .notifySuccess { color:#000; } /* HEADINGS ----------------------------------------------------------------------------------------------------------------------------- */ h1 { font: bold 1.6em 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-align: left; margin: 0 0 15px; color:#E7282D; } h2 { font: normal 1.3em 'trebuchet ms', verdana, arial, helvetica, sans-serif, sans-serif; text-align: left; margin: 10px 0; color:#E7282D; } h3 { font: bold 1.1em 'trebuchet ms', verdana, arial, helvetica, sans-serif, sans-serif; text-align: left; margin: 10px 0; color:#000; } /* TEXT ----------------------------------------------------------------------------------------------------------------------------- */ p { font-size: 1.0em; line-height: 1.5em; text-align:left; margin: 1em 0; } .alignleft p { text-align: left; } li { font-size: 1.0em; line-height: 1.5em; margin: 1.2em 0; } ul { margin:0; padding:0 0 0 15px; } .smalltext { font-size: 0.85em; } .largetext { font-size: 1.3em; } /* LINKS ----------------------------------------------------------------------------------------------------------------------------- */ a:link, a:visited { text-decoration: none; color: #E7282D; } a:hover, a:active { color: #E7282D; text-decoration:underline; } h2 a:link, h2 a:visited { text-decoration: none; color: #fff; } h2 a:hover, h2 a:active { color: #E7282D; } h3 a:link, h3 a:visited { text-decoration: none; color: #E7282D; } h3 a:hover, h3 a:active { color: #D40069; text-decoration:underline; } /* IMAGES ----------------------------------------------------------------------------------------------------------------------------- */ img { border: 0; } /* LAYOUT ----------------------------------------------------------------------------------------------------------------------------- */ #container { width: 960px; text-align: left; padding: 0; margin: 0 auto; background:#fff; } .contentwrapper { margin: 0 auto; padding:20px 30px; overflow:auto; } /* HEADER ----------------------------------------------------------------------------------------------------------------------------- */ #header { width:960px; height: 180px; position: relative; background: #767676 url(/templatefiles/header-bg.jpg) no-repeat center top; margin-bottom: 0; color:#fff; } #header .right { position: absolute; top: 65px; right: 30px; width:255px; padding: 0; margin: 0; } #header .right p { text-align:right; font-size:1.2em; margin:0; line-height:1.3em; } #header .right a { color: #fff; margin-left: 2px; } #header .right a:visited { color: #fff; } #header .right a:hover, #header .right a:active { color: #D40069; } #header .right .tel { margin-right:10px; vertical-align:middle; } #header #logo { position: absolute; left: 17px; top: 40px; } #header #search { text-align:right; margin-bottom:5px } #header #search #f1_searchText { width:166px!important; height:26px; line-height:26px; background:#fff url(/templatefiles/magnifying.gif) no-repeat 3px 4px; padding:0 0 0 26px; font-size:1em; vertical-align:top; border-top:1px solid black; border-left:1px solid black; border-bottom:1px solid black; border-right:0; } #header #search .button { width:70px; margin:0 0 0 -3px; padding:6px 3px 5px; background:#E7282D; height:28px; color:#fff; vertical-align:top; border-top:1px solid black; border-right:1px solid black; border-bottom:1px solid black; border-left:0; } #searchresults { } #searchresults .taosSearchMatch { background-color:#99C901; } /* NAVIGATION ----------------------------------------------------------------------------------------------------------------------------- */ ul#mainnav { width:960px; padding: 0; margin: 0; float:left; background:#D4D4D4 url(/templatefiles/mainmenu-bg.gif); } ul#mainnav li { float: left; list-style-type: none; padding: 0; margin: 0; border-right:1px solid #fff; } ul#mainnav li a, ul#mainnav li a:visited { float: left; color: #000; text-decoration: none; padding: 9px 10px; } ul#mainnav li a:hover, ul#mainnav li a:active { background:#D4D4D4 url(/templatefiles/mainmenu-selected-bg.gif) repeat-x; color: #fff; text-decoration: none; } ul#mainnav li.selectedoption { color: #E4474B; } ul#mainnav li.selectedoption a:link, ul#mainnav li.selectedoption a:visited { color: #000; } ul#mainnav li.selectedoption a:hover, ul#mainnav li.selectedoption a:active { color: #fff; } /* CONTENT ----------------------------------------------------------------------------------------------------------------------------- */ .content { padding: 0 20px; margin: 0 210px 20px 207px; } .fullwidth { margin-left: 0; } .noleftcol .content { margin-left:0; } .norightcol .content { margin-right:0; } .fullwidth-image { width:100%; text-align:center; } .fullwidth-image img { margin:0 auto; } .last { margin-right: 0; } #newsmenu { } #newsmenu .newsitem { margin:0 0 10px; padding:10px; background:#E9E9E9; position:relative; overflow:auto; } #newsmenu .newsimage { float:left; margin-bottom:20px; } #newsmenu .newsimage img { margin-right:10px; border:1px solid #DEDEDE; } #newsmenu .newsarticle { margin-left:10px; color:#424242; } #newsmenu h3 { margin:0; padding:0; font-size:1.4em; color:#1A3359; } #newsmenu p { margin:0; padding:0; } #newsmenu a, #newsmenu a:visited { font-weight:bold; color:#1A3359; } #newsmenu a:hover, #newsmenu a:active { color:#E7282D; } #newsmenu h3 a, #newsmenu h3 a:visited { text-decoration:none!important; } #newsmenu h3 a:hover , #newsmenu h3 a:active { color:#E7282D; } /* SIDECOL ----------------------------------------------------------------------------------------------------------------------------- */ #sidecol { width: 202px; min-height: 40px; float: left; padding: 0; margin:0; } /* Level 1 */ ul.subnav { padding: 0; margin: 0 0 40px; } ul.subnav li { list-style-type: none; padding: 0; margin: 0; background:#D4D4D4; border-bottom:1px solid #fff; } ul.subnav li a, ul.subnav li a:visited { display: block; color: #000; padding: 8px 10px; margin:0; border-bottom:#fff; } ul.subnav li a:hover, ul.subnav li a:active { background:#E7282D url(/templatefiles/mainmenu-selected-bg.gif) repeat-x; color: #fff; text-decoration:none; } ul.subnav li.selectedoption a, ul.subnav li.selectedoption a:visited { background:#E7282D url(/templatefiles/mainmenu-selected-bg.gif) repeat-x; color: #fff; } ul.subnav li.selectedoption a:hover, ul.subnav li.selectedoption a:active { background-color: #D4D4D4; color: #fff; } /* Level 2 */ ul.subnav ul { padding: 0; margin: 0; border-top:1px solid #fff; } ul.subnav ul li { list-style-type: none; padding: 0; margin: 0; border-bottom:1px solid #fff; font-size:0.95em; } ul.subnav ul li a, ul.subnav ul li a:visited, ul.subnav li.selectedoption ul li a, ul.subnav li.selectedoption ul li a:visited { background: #BDBDBD; padding: 5px 16px; color:#000; } ul.subnav ul li a:hover, ul.subnav ul li a:active, ul.subnav li.selectedoption ul li a:hover, ul.subnav li.selectedoption ul li a:active { background:#E7282D url(/templatefiles/mainmenu-selected-bg.gif) repeat-x; color: #fff; } ul.subnav ul li.selectedoption a, ul.subnav ul li.selectedoption a:visited { background:#E7282D url(/templatefiles/mainmenu-selected-bg.gif) repeat-x!important; color: #fff; } ul.subnav ul li.selectedoption a:hover, ul.subnav ul li.selectedoption a:active { color: #fff; } /* Level 3 */ ul.subnav ul ul { padding: 0; margin: 0; } ul.subnav ul ul li { font-weight: normal; list-style-type: none; margin: 0;} ul.subnav ul ul li a, ul.subnav ul ul li a:visited, ul.subnav ul li.selectedoption ul li a, ul.subnav ul li.selectedoption ul li a:visited { background:#828282!important; color: #fff; padding: 5px 10px 5px 20px; } ul.subnav ul ul li a:hover, ul.subnav ul ul li a:active, ul.subnav ul li.selectedoption ul li a, ul.subnav ul li.selectedoption ul li a:visited { background:yellow; } ul.subnav ul li.selectedoption ul li a:hover, ul.subnav ul li.selectedoption ul li a:active { background:#E7282D url(/templatefiles/mainmenu-selected-bg.gif) repeat-x!important; color: #fff; } ul.subnav ul ul li.selectedoption a, ul.subnav ul ul li.selectedoption a:visited { background:#E7282D url(/templatefiles/mainmenu-selected-bg.gif) repeat-x; color: #000; padding: 2px 6px 2px 27px; } ul.subnav ul ul li.selectedoption a:hover, ul.subnav ul ul li.selectedoption a:active { color: #fff; } /* SUBCONTENT ----------------------------------------------------------------------------------------------------------------------------- */ #subcontent { float:right; margin:0 0 10px 15px; width:206px; } #subcontent .button { display:block; margin:0 0 10px 0; } #subcontent .box { color:#fff; margin-bottom:10px; position:relative; overflow:auto; } #subcontent .box .box-top { } #subcontent .box .box-top { background:url(/templatefiles/sidecol-box-top.png) no-repeat; height:9px; margin:0; } #subcontent .box .box-middle { background:url(/templatefiles/sidecol-box-middle.png) repeat-y; padding:0 14px; margin:0; overflow:hidden; } #subcontent .box .box-bottom { background:url(/templatefiles/sidecol-box-bottom.png) no-repeat; height:9px; margin:0; } #subcontent .box h3 { font-size:2.1em; color:#fff; line-height:1em; } #subcontent .box.grey { background-color:#828282; } #subcontent .box.grey select { width:175px; margin-bottom:8px; } #subcontent .box.grey .button { background: url(/templatefiles/search.gif) no-repeat; border:0; width:52px; height:22px; color:#fff; font-size:1em; padding:0 4px 4px; float:right; } #subcontent .box.grey.search-widget .button { background: none #e7282d; border:0; width:52px; height:22px; color:#fff; font-size:1em; padding:0 4px 4px; float:right; } .search-widget p label { color:#fff; font-weight:bold;} #subcontent .box.image { min-height:100px; overflow:hidden; } #subcontent .box.image h3 { padding:10px; position:absolute; top:0; left:0; } #subcontent .box.image h3 a { text-decoration:none; } /* #subcontent .box.image .box-top { } #subcontent .box.image .box-middle { padding:0 2px; margin:0; } #subcontent .box.image .box-bottom { } */ #subcontent .box.recruitment { overflow:hidden; } #subcontent .box.recruitment h3 { font-size:1.8em; color:#fff; padding:0 15px; margin-top:2px; } #subcontent .box.recruitment ul { padding:0; margin:0; background-color:#BDBDBD; } #subcontent .box.recruitment ul li { margin:0; padding:5px 15px; font-weight:bold; color:#000; } #subcontent .box.recruitment ul li.odd { background-color:#D4D4D4; } #subcontent .box.recruitment ul li a, #subcontent .box.recruitment ul li a:visited { color:#D40069; } #subcontent .box.recruitment ul li a:hover, #subcontent .box.recruitment ul li a:active { color:#fff; text-decoration:underline; } #subcontent .box.recruitment .box-top { background:url(/templatefiles/sidecol-blackbox-top.gif) no-repeat; height:11px; margin:0; } #subcontent .box.recruitment .box-middle { background:url(/templatefiles/sidecol-blackbox-middle.gif) repeat-y; padding:0 2px; margin:0; overflow:hidden; } #subcontent .box.recruitment .box-bottom { background:url(/templatefiles/sidecol-lightgreybox-bottom.gif) no-repeat; height:11px; margin:0; } #subcontent .box.purple { background:#4F418B url(/templatefiles/purple-grad.jpg) repeat-x bottom; overflow:hidden; } #subcontent .box.purple h3 a { text-decoration:none; } #subcontent .subcontentimage { margin-bottom:10px; } #login .button { } #login input { width:120px; } #subcontent .box h3 a:link, #subcontent .box h3 a:visited { text-decoration: none; color: #fff; } #subcontent .box h3 a:hover, #subcontent .box h3 a:active { color: #E7282D; text-decoration:none; } /* FOOTER ----------------------------------------------------------------------------------------------------------------------------- */ #logos { width: 913px; vertical-align: bottom; padding: 5px 0; margin: 20px 0; } #logos img { vertical-align: bottom; margin: 11px 20px; } #footer { text-align: left; margin: 0 auto; background-color:#4f4f4f; width:960px; color:#fff; overflow:auto; position:relative; } #footer p { text-align: left; margin: 10px 0; } #footer a:link, #footer a:visited { color: #fff; } #footer a:hover, #footer a:active { color: #E7282D; } #footer #footer-info { width:201px; float:left; background-color:#424242; padding:20px 10px 20px 20px; } #footer #quote { position:relative; padding:26px 150px 20px 35px; margin-left:231px; font-size:1.5em; color:#C8C8C8; } #footer #quote p { line-height:1.2em; position:relative; } #footer #quote-start { position:absolute; top:15px; left:20px; width:52px; height:41px; background:url(/templatefiles/quote-start.jpg); } #footer #quote-end { position:absolute; top:85px; right:280px; width:52px; height:41px; background:url(/templatefiles/quote-end.jpg); } /* HOME ----------------------------------------------------------------------------------------------------------------------------- */ #home h1 { font-size:4.4em; color:#1A3359; line-height:1em; margin:0 0 30px; } #home h2 { font-size:1.5em; color:#1A3359; } #home h2 a, #home h2 a:link { color:#fff; } #home h2 a:active, #home h2 a:hover { color:#99C901 } #home h3 a, #home h3 a:visited { font-size:0.85em; } #home .subtitle { font-size:2.5em; color:#1A3359; margin:0; line-height:1em; } #home .sportsawards { margin:20px 0; } /* existing styles */ table.opportunitySearchResults { border-collapse:collapse; } table.opportunitySearchResults td { padding:5px; } table.opportunitySearchResults td.alternate {background-color:#e9e9e9; } table.opportunitySearchResults td.title { font-weight:bold; font-size:1.15em; } table.opportunitySearchResults td.club { font-style:oblique; } .content .yui3-tab .yui3-tab-label { font-weight: bold!important; b} .content .yui3-tab-selected .yui3-tab-label, .content .yui3-tab-selected .yui3-tab-label:focus, .content .yui3-tab-label:hover { background-image: url(/templatefiles/mainmenu-selected-bg.gif)!important; background-position:0px 0px!important; border-color: #fff!important; } .content .yui3-tabview-list { border-bottom-color: #E7282D!important; } .content .yui3-tabview-panel { border: none!important; background-color: #e8e8e8!important; } .content .yui3-tabview-panel fieldset { border-color: #fff; } .content .yui3-tabview-panel legend { color: #000; font-weight: bold; } .content table.calendar { width: 210px; float: right; margin-right: 10px; font-size: 1.25em; } .content table.calendar .calendarTopHeader td{ font-weight: bold; text-align: center; } .content table.calendar .calendarHeader { font-weight: bold; font-size: 0.8em; } .content table.calendar .calendarHeader td { width: 14%; text-align: right; } .content table.calendar a { font-weight: bold; } .content .event-result { margin-bottom: 10px; margin-right: 230px; } .content .event-result h3 { padding: 0.5em 15px; margin-bottom: 0px; background: transparent url(/templatefiles/mainmenu-selected-bg.gif) 0px 0px repeat-x; } .content .event-result h4 { padding: 0.5em 15px; margin: 0px; background-color: #d4d4d4; } .content .event-result .event-detail { padding: 15px; background-color: #f1f1f1; } .club-result .header { padding: 8px; background: url(/templatefiles/mainmenu-bg.gif) repeat #d4d4d4 ; margin-bottom: 10px; clear: right; } .club-result h3 { margin:0; } .club-result .distance { float:right; } .club-result address, .club-result p { margin-left: 8px; } .club-result .logos { float:right; margin-right:8px; } .club-result .logos img { border: 2px solid #d4d4d4; } .club-result .logos div { margin-left: 10px; } .volunteerSearchResults taosSearchResultsTable table { border-collapse:collapse; } .volunteerSearchResults .taosSearchResultsTable tr { border-bottom:10px solid #fff; background:#e9e9e9; } .volunteerSearchResults .taosSearchResultsTable td { padding:5px; } contentimg-news img { float: right; padding: 2px; border: 1px solid #c5d7e0; margin: -15px 0 5px 15px; }