/* CSS generated by SiteManager at 02:06pm 10/05/2010 - do not edit this file directly */ /*----------------------------------------------------------------------------------------------------------------------------- CSS for SNAP - Main Stylesheet Author: Alison Springall (alisonspringall@silktide.com) / Silktide Ltd Created: 11/12/2008 ----------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles ----------------------------------------------------------------------------------------------------------------------------- */ .corby { display: none; } .snap { display: block; } .sportunlimited { display:none; } body { background: #496a9d url(/templatefiles/snap_body_bg.jpg) repeat-x top left; } h1 { background: #0a59b2 url(/templatefiles/ca_h1_bg.jpg) repeat-x top left; font: bold 1.1em verdana, arial, helvetica, sans-serif; text-transform: uppercase; color: #fff; padding: 7px 10px 8px; margin: 0 0 10px; } 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 { line-height: 1.7em; } li { line-height: 1.7em; } a, a:visited { text-decoration: none; color: #15579b; } a:hover, a:active { color: #666; } /* Layout Styles ----------------------------------------------------------------------------------------------------------------------------- */ #container { background: #fff url(templatefiles/snap_container_bg.jpg) repeat-y top center; } /* margin-bottom to match #clearfooter */ #header { background: #fff url(/templatefiles/snap_header_bg.jpg) repeat-y top center; } #header img { padding: 0 0 0 20px; } #header #nsportlogo { float: right; padding: 15px 20px 0 0; } #topnav { background: #e4ac0f url(/templatefiles/snap_nav_bg.jpg) repeat-y top center; } #contentwrapper { background: transparent url(/templatefiles/snap_contentwrapper_bg.jpg) no-repeat top center; } #banner { background: #09266A url(/templatefiles/ca_bannerimg_home.jpg) no-repeat top left; } #sidecol { background-color: #dae9ef; } #home #sidecol { background-color: #fff; } #footer { width: 956px; background: #0176b9 url(templatefiles/snap_footer_bg.jpg) repeat-x top center; } /* Navigation Styles ----------------------------------------------------------------------------------------------------------------------------- */ #topnav ul { padding: 0; margin: 0 20px; } #topnav ul li { float: left; display: inline; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; list-style-type: none; padding-top: 1px; border-left: 1px solid #c48900; border-right: 1px solid #fdcc3f; margin: 0; } #topnav ul li a, #topnav ul li a:visited { float: left; display: inline; color: #0059A2; padding: 3px 9px 3px; } #topnav ul li a:hover, #topnav ul li a:active, #topnav ul li.selected a{ background: transparent; color: #fff; } ul#sidenav { background-color: #016cb2; padding: 0; margin: 0; } ul#sidenav li { font: 0.95em verdana, arial, helvetica, sans-serif; list-style-type: none; padding: 7px 5px; border-bottom: 1px solid #0395ce; margin: 0; } ul#sidenav li a, ul#sidenav li a:visited { color: #fff; } ul#sidenav li a:hover, ul#sidenav li a:active { color: #e4ae10; } ul#sidenav li.selected { background-color: #e4ae10; } ul#sidenav li.selected a, ul#sidenav li.selected a:visited{ color: #00569f; } ul#sidenav li.selected a:hover, ul#sidenav li.selected a:active { color: #fff; } ul#sidenav ul { padding: 0; margin: 0; } ul#sidenav ul li { font-size: 0.85em; padding: 2px 5px 2px 20px; border: 0; } /* Sidecol Styles ----------------------------------------------------------------------------------------------------------------------------- */ .sidecolimg { width: 140px; display: block; border: 1px solid #ebeaed; margin-bottom: 10px; } .sidecolimg img { display: block; padding: 5px; } #latestnews { width: 320px; float: right; border: 1px solid #e8e8e8; padding: 10px; margin: 5px 0 20px 20px; } #latestnews h2 { color: #333; margin: 0 0 10px; } #latestnews p { font-size: 0.9em; margin-bottom: 15px; } #latestnews .date { color: #2275b6; } #latestnews .name, #latestnews .name:visited { color: #000; text-decoration: underline; } #latestnews .name:hover, #latestnews .name:active { color: #2275b6; text-decoration: none; } #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 { display: none; }