/* Designed for use with Canterris Marketing Suite - www.canterris.com. This style sheet is divided into the following sections: 1. Positioning - layout structure and positioning of the basic elements 2. Layout Styles - details of the site design 3. Typography - font definitions for global and general elements 4. Main Navigation - main navigation styling 5. Sub Navigation - secondary navigation styling 6. Forms - forms layout and styling 7. News - news layout and styling 8. Events - event content layout and styling 9. Site Map - site map layout and styling 10. Search - search layout and styling */ /* POSITIONING =========================================================================*/ body { padding:0px; margin:0px; background:#0e456e url(default/body_bg.jpg) top center no-repeat; } #container { width:990px; margin:0px auto; padding:0px; position:relative; } #header { height:130px; } #content.home { background:#ededed url(default/home_banner_bg2.jpg) top no-repeat; min-height:300px; } #content.inside { background:#ededed; } #logo { position:absolute; top:10px; } #footer-container { height:63px; background:url(default/footer_bg.gif) center no-repeat; } #footer-content { width:960px; margin:0px auto; padding:15px 0px 0px 0px; } /* LAYOUT STYLES -- details of the site design -----------------------------------------*/ a { -moz-outline-style: none; } a img { border:none; } div.clear { clear:both; height:10px; font-size:8px; } #header-quicklinks { float:right; width:615px; color:#ffffff; text-align:right; height:70px; } #mainnav { float:right; width:615px; padding:23px 0px 0px 0px; } #content-left { float:left; width:625px; } #content-right { float:left; width:325px; margin-top:310px; padding:0px 20px; } #banner-container { height:245px; } #banner-content { color:#ffffff; padding:70px 30px 0px 70px; font-size:15px; line-height:22px; } #body-content { padding-bottom:32px; background:url(default/body_content_footer.gif) bottom no-repeat; margin-bottom:20px; } #inside-banner { height:160px; background:url(default/inside_banner_bg.gif) no-repeat;} #inside-content { background:url(default/inside_body_bg.gif) repeat-y; padding:0px 45px 20px 45px; min-height:350px; } #inside-banner-sectiontitle { color:#ffffff; text-align:right; } #inside-content-left { float:left; width:600px; } #inside-content-right { float:right; width:250px; } #content-block { margin-bottom:20px; } #content-block.center { text-align:center; } /* TYPOGRAPHY ========================================================================= */ /* Default Font Settings ----------------------------------------------------- */ #container, #footer-content { font:11px Verdana, Arial, Helvetica, sans-serif; color:#505050; line-height:15px; } /* Headings ------------------------------------------------------------------ */ h1,h2,h3,h4,h5,h6 { font: Arial, Helvetica, sans-serif; } h1 { font-size: 18px; margin-bottom: 10px; } h2 { font-size: 16px; margin-bottom: 5px; } h3 { font-size: 13px; margin-bottom: 3px; } h4 { font-size: 12px; margin-bottom: 3px; } h5 { font-size: 12px; font-weight: bold; margin-bottom: 0px; } h6 { font-size: 12px; font-weight: bold; margin-bottom: 0px; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0px; padding:0px; } #banner-content h2 { font:28px Arial, Helvetica, sans-serif; color:#ffffff; margin:0px 0px 7px 0px; padding:0px; } #inside-banner-sectiontitle h2 { font:24px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:60px 110px 0px 0px; margin:0px; } #inside-banner-pagetitle h1 { margin:0px; padding:36px 0px 0px 45px; font:bold 17px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#166293; } #inside-content h2 { margin:0px 0px 5px 0px; padding:0px; font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; } /* Text Elements ------------------------------------------------------------ */ p { margin:0 0 15px 0; } p img.left { float:left; margin:15px 15px 15px 0px; padding:0; } p img.right { float:right; margin:15px 0px 15px 15px; } a:focus, a:hover { text-decoration:underline; } a { color:#006699; text-decoration:none; } blockquote { margin:15px; color:#666; font-style:italic; } strong { font-weight:bold; } em,dfn { font-style:italic; } dfn { font-weight:bold; } sup, sub { line-height:0; } abbr, acronym { border-bottom:1px dotted #666; } address { margin:0 0 15px; font-style:italic; } del { color:#666; } pre { margin:15px 0; white-space:pre; } pre,code,tt { font:10px 'andale mono', 'lucida console', monospace;line-height: 1.5; } /* Lists -------------------------------------------------------------------- */ #header-quicklinks ul { padding:0px; margin:25px 10px 0px 0px; list-style:none; } #header-quicklinks ul li { display:inline; padding-left:20px; } #header-quicklinks ul li a { color:#fff; text-decoration:none; } #header-quicklinks ul li a:hover { text-decoration:underline; } #footer-content ul { padding:0px; margin:0px; list-style:none; } #footer-content ul li { display:inline; padding-left:20px; } #footer-content ul li a { color:#505050; text-decoration:none; } #footer-content ul li a:hover { text-decoration:underline; } /* Tables ------------------------------------------------------------------- */ table#home-feature tr.header { background:url(default/home_callout_bg.png) 1px 0px no-repeat; } table#home-feature tr.body { background:url(default/body_content_bg.gif) repeat-y; } table#home-feature tr.header td { padding:23px 15px 10px 10px; text-transform:uppercase; font-weight:bold; } table#home-feature tr.body td { padding:4px 10px; } table#sponsors td { padding-bottom:5px;} /* Font Resizing ------------------------------------------------------------ */ #fontsize a { text-decoration:none; color:#666666; padding:0px 2px 0px 2px; } #fontsize a.active { text-decoration:none; color:#881314; } #fontsize .smallfont a { font-size:10px; } #fontsize .defaultfont a { font-size:11px; } #fontsize .largefont a { font-size:12px; } #editablecontent.smallcontentfont { font-size:10px; } #editablecontent.defaultcontentfont { font-size:11px; } #editablecontent.largecontentfont { font-size:12px; line-height:17px; } /* MAIN NAVIGATION =====================================================================*/ /* jQuery Drop Down Menu --{TPL:NAVIGATION}-- Requires jqueryslidemenu.js and jquery.min.js ----- */ .ddsmoothmenu { font:bold 12px verdana, Arial, Helvetica, sans-serif; width:100%; } .ddsmoothmenu ul { z-index:100; margin:0px; list-style-type: none; padding:0px 0px 0px 13px; } .ddsmoothmenu ul li { position:relative; display:inline; float:left; } .ddsmoothmenu ul li a { display:block; text-decoration:none; color:#666666; background:url(images/mainnav_sep.gif) left no-repeat; padding:10px 6px 16px 10px; text-transform:uppercase; } * html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display:inline-block; } .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited { color:#666666; } .ddsmoothmenu ul li a.selected { color:#c02c26 !important; } .ddsmoothmenu ul li a.active { color:#c02c26 !important; } .ddsmoothmenu ul li a:hover { color:#c02c26 !important; } .ddsmoothmenu ul li ul { position:absolute; left:0; display:none; visibility: hidden; margin:0px; padding:0px 0px 10px 0px; background:url(default/dropdown_bg.gif) bottom no-repeat; } .ddsmoothmenu ul li ul li { display:list-item; float:none; padding:0px 0px 0px 0px; background-image:none; } .ddsmoothmenu ul ul ul li { display:list-item; float:none; padding:0px 0px 0px 0px; } .ddsmoothmenu ul li ul li ul { top: 0; } .ddsmoothmenu ul li ul li a { color:#505050 !important; font:12px Verdana, Arial, Helvetica, sans-serif; width:160px; margin:0; background:none; text-decoration:none; padding:7px 18px 7px 17px; text-transform:none; border-bottom:1px dashed #e0dfdb; } .downarrowclass {display:none; position: absolute; top: 12px; right: 7px; } .rightarrowclass { position: absolute; top: 10px; right: 5px; } .ddshadow { position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; } .toplevelshadow { opacity: 0.8; } #home ul, #login ul { margin:0px; padding:0px; list-style:none; } #home ul li, #login ul li { display:inline; float:left; } #home ul li a, #login ul li a { display:block; font:16px Arial, Helvetica, sans-serif; color:#ffffff; padding:10px 18px 13px 17px; } #home ul li a:hover, #home ul li a.active, #login ul li a.active { color:#97bd14; } #home ul li a img { margin-right:6px; } /* SUB NAVIGATION ===========================================================================*/ /* Simple Verticle Sub Menu -- {TPL:NAVIGATION ['false','nested']} ----------- */ #subnav { background:#ffffff; border:1px solid #ede7e0; border-bottom:4px solid#95bb13; } #subnav ul { margin:0px; padding:0px; list-style:none; } #subnav ul li { line-height:29px; } #subnav ul li a { display:block; padding:0px 10px 0px 15px; border-bottom:1px solid #ebebe9; background:#f9f9f7;} #subnav ul li a.first-active, #subnav ul li a.middle-active, #subnav ul li a.last-active, #subnav ul li a.only-active, #subnav ul li a:hover { background:#ededeb url(images/subnav_hover_bg.gif) left no-repeat; } #subnav ul ul li { line-height:20px; } #subnav ul ul li a { padding-left:30px; background:url(images/subnav_arrow.gif) 16px 9px no-repeat; } #subnav ul ul li a.first-active, #subnav ul ul li a.middle-active, #subnav ul ul li a.last-active, #subnav ul ul li a.only-active, #subnav ul ul li a:hover { background:#ededeb url(images/subnav_arrow_hover.gif) 16px 9px no-repeat; } /* FORMS ====================================================================================*/ /* Form Fields --------------------------------------------------------------- */ label { font-weight:bold; width:100px; float:left; display:block; margin-right:10px; color:#666666; font:11px Arial,Helvetica,sans-serif } input, textarea, select { margin:0px 5px 8px 20px; border:1px solid #DEDEDE; font:Arial, Helvetica, sans-serif; font-size:11px; } input.submit { padding:3px 5px; background:#ff9000; color:#ffffff; width:80px; margin-left:130px; } input:focus, textarea:focus, select:focus { border:1px solid #DEDEDE; } input { width:204px; padding:3px; color:#666666; } textarea { width:200px; height:100px; padding:5px; font:11px Arial, Helvetica, sans-serif; color: #666666;} /* Form Messages ------------------------------------------------------------- */ div.success { color:#333333; padding:10px; } div.error { color:#cc0000; padding:10px; } /* NEWS =====================================================================================*/ #body-content td.headline { font-size:11px; color:#006699; padding:0px 0px 8px 0px; } td.headline a { color:#006699; text-decoration:none; } td.headline a:hover { color:#b64a15; text-decoration:none; } div.newstitle { font-weight:bold; } div.newsdescpreview { margin-bottom:15px; } div.newsdescpreview a { text-transform:underline, color:#006699; } div.newsdate { color:#666666; font-size:10px; } div.itemheadline { font-size:16px; color:#006699; padding-bottom:15px; } div.slug { font-size:12px; border-bottom:1px solid #ebebe9; margin:0px 0px 10px 0px; padding:0px 0px 8px 0px; } div.newsbody { min-height:200px; } /* EVENTS ===================================================================================*/ /* SITE MAP =================================================================================*/ #sitemap { overflow:hidden; } #sitemap a { color:#505050; text-decoration:none; } #sitemap a:hover { text-decoration:underline; } #sitemap ul { list-style:none; margin:0; padding:0; } #sitemap li { background-color:#f9f9f7; margin:0 0 -0.1em; min-height:1em; padding:.2em .4em; position:relative; width:15em; border-left:1px solid #ebebe9; } #sitemap ul ul { font-size:95%; margin-top:-1.4em; } #sitemap ul ul li { background:#efefed; border-top:0.5em solid #fff !important; border-left:0.5em solid #b94b16; left:16em; } #sitemap ul ul ul li { background:#e7e7e5; border-color:#464d4c; } #sitemap ul ul ul ul li { background:#e7e7e5; border-color:#c93; } #sitemap ul ul ul ul ul li { background:#e7e7e5; border-color:#c33; } /* SEARCH ==================================================================================*/ .thesearch { font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:170px; border:1px solid #f0f0f0; padding:2px; } .dosearch { vertical-align:bottom; } .searchresult { margin:4px 0px 5px 0px; border-bottom:1px dashed #f3f3f3; } .searchresult h2 { font-size:12px; font-weight:bold; margin-bottom:3px; color:#006699; } div.search-result-type { font-style:italic; padding-bottom:3px; } div.search-result-type span { margin-right:5px; color:#333333; }