/* 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 11. Document Sharing - document sharing layout and styling 12. Job Board - job board layout and styling 13. Tabs - jQuery tabs styling 14. Micrsites - microsite styling */ /* POSITIONING =========================================================================*/ body { margin:0px; padding:0px; background:#ffffff url(default/background_hatch.gif); } body.inside { margin:0px; padding:0px; background:#ffffff url(default/inside_body_bg.gif) repeat-x; } #container { margin:0px auto; padding:0px; width:990px; } #header { height:130px; background:url(default/header_bg.gif) repeat-x; } #banner { height:274px; } #banner.inside { height:191px; background:url(default/banner_inside.gif) no-repeat; } #slider-container { height:77px; background:url(default/slider_bg.gif) repeat-x; border-bottom:1px solid #dddde1; border-right:1px solid #dddde1; border-left:1px solid #dddde1; } #slider-container.inside { height: 40px; } #home-content { padding:10px 0px 0px 0px; } #inside-content { padding:10px 0px 0px 0px; background:url(default/woman2.png) left bottom no-repeat; } #footer { clear:both; padding:20px; text-align:center; color:#959393; line-height:16px; } #fat-footer { min-height:33px; background:#e8e7e7 url(default/overview_bg.gif) no-repeat; margin-top: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-logo { width:215px; height:130px; float:left; } #header-logo img { margin:13px 0px 0px 30px; } #header-quicklinks { float:left; height:70px; width:775px; } #header-mainnav { float:left; height:60px; width:775px; } #footer a { color:#959393; text-decoration:none; } #footer a:hover { color:#666666; } #footer img { margin-right:3px; } #home-content .panel { width:291px; background:#fdfbf8; border:1px solid #ede7e0; padding:15px; } #home-content-left { float:left; } #home-content-right { float:right; } #home-content-middle { float:left; margin-left:11px; } div.panel-title h2 { font:18px Verdana, Arial, Helvetica, sans-serif; color:#943108; border-bottom:1px dotted #ede7e0; padding-bottom:10px; text-align:center; margin:0px; } div.panel-picture { margin:7px 0px; } div.panel-content {} div.panel-content ul { margin:7px 0px; padding:0px 0px 0px 10px; list-style:none; } div.panel-content ul li { background:url(default/bullet.gif) 0px 3px no-repeat; padding-left:15px; } #banner-content { float:left; width:600px; height:151px; } #banner-title { float:left; width:600px; height:53px; } #banner-image { float:right; width:390px; height:204px; } #inside-leftcol { float:left; width:200px; background:#fdfbf8; border:1px solid #ede7e0; padding:15px; } #inside-content-container { float:right; width:710px; background:#fdfbf8; border:1px solid #ede7e0; padding:15px; min-height:500px; } #search-container { text-align:right; padding:20px 15px 0px 0px; float:right; width:250px; } #quicklinks { float:left; width:480px; text-align:right; padding:25px 0px 0px 0px; } #quicklinks ul { margin:0px; padding:0px; list-style:none; } #quicklinks ul li { display:inline; padding-left:15px; } #quicklinks img { margin-right:3px; } #quicklinks ul li a { color:#666666; } #quicklinks ul li a:hover { color:#943108; } #slider-container-left { float:left; width:329px; } #slider-container-right { float:right; width:329px; } #slider-container-middle { float:left; width:330px; } #slider-container div.slider { height:42px; padding:20px 0px 0px 0px; } #slider-container div.slider img { float:left; margin-right:8px; margin-left:15px; } #slider-container div.slider h1 { margin:0px; line-height:18px; display:block; clear:right; font-size:16px; font-weight:normal; } #slider-container div.slider h1 a, #slider-container div.slider a { color:#666666; } #slider-container div.slider h1 a:hover, #slider-container div.slider a:hover { color:#943108; } div.banner-title {float:left; width:450px; } div.banner-image { float:right; width:500px; text-align:right; height:191px; } #slider-left { float:left; width:580px; line-height:40px; padding-left:20px; } #slider-right { float:right; width:335px; text-align:right; padding:15px 20px 0px 0px; } #inside-content-left { float:left; width:685px; line-height:18px; padding:20px; min-height:581px; font-size:12px; } #inside-content-right { float:right; width:250px; line-height:18px; font-size:12px; } #inside-content .wide { float:none; width:948px; } #inside-content .inside-panel, #inside-content .wide, #inside-content div.callout { background:#fdfbf8; border:1px solid #ede7e0; } #inside-content div.callout { margin-top:15px; padding:10px; } #subnav-header { height:35px; background:url(default/subnav_header_bg.png) no-repeat; } table.data td { border:1px solid #ededee; border-collapse:collapse; } table.data tr.zebra { background:#f2f2f2; } table.data td.color { background:#447080; color:#ffffff; } table.data tr:hover { background:#edebeb; } /* TYPOGRAPHY ========================================================================= */ /* Default Font Settings ----------------------------------------------------- */ #container { font:11px Verdana, Arial, Helvetica, sans-serif; color:#505050; line-height:15px; } #inside-content-container { font:13px Arial, Helvetica, sans-serif; color:#808080; } /* 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; } #tabs.ui-tabs .ui-tabs-panel h1, #tabs.ui-tabs .ui-tabs-panel h6 { color:#99908c; margin:0px 0px 7px 0px; padding:0px; font:16px Arial, Helvetica, sans-serif; font-weight:normal; } #subnav-header h2 { margin:0px; padding:0px; color:#f2f2f2; font:14px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:35px; text-align:center; } #inside-content-left h1 { margin:0px 0px 10px 0px; padding-bottom:10px; color:#943108; font:18px Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #ede7e0; } #inside-content-left h2 { margin:0px 0px 0px 0px; color:#305a69; font:bold 12px Verdana, Arial, Helvetica, sans-serif; } div.banner-title { margin:0px; padding:75px 0px 0px 40px; color:#f2f2f2; font:24px Verdana, Arial, Helvetica, sans-serif;} /* Text Elements ------------------------------------------------------------ */ #home-content a, #inside-content a { color:#2a4f7b;} #home-content a:hover, #inside-content a:hover { color:#943108;} 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 { color:#943108; } 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 -------------------------------------------------------------------- */ #inside-content-left ul { margin:12px 0px 12px 0px; list-style:none; padding:0px; } #inside-content-left ul ul { margin:12px 0px 0px 0px; list-style:none; padding:0px; } #inside-content-left ul li { background:url(default/subnav_arrow_hover.gif) 10px 7px no-repeat; padding:0px 0px 10px 25px; line-height:18px; } #inside-content-left ul ul li { background:url(default/subnav_arrow_hover.gif) 10px 7px no-repeat; padding:0px 0px 6px 25px; line-height:18px; } /* Tables ------------------------------------------------------------------- */ /* 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:13px Verdana, Arial, Helvetica, sans-serif; width:100%; } .ddsmoothmenu ul { z-index:100; margin:0px; padding: 0; list-style-type: none; float:right; height:60px; background:url(default/mainnav_corner.gif) left bottom no-repeat; padding-left:4px; } .ddsmoothmenu ul li { position:relative; display:inline; float:left; text-transform:uppercase; } .ddsmoothmenu ul li a { display:block; padding:26px 12px 18px 13px; text-decoration:none; color:#666666; background:url(default/mainnav_bg.gif) repeat-x; } * 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, .ddsmoothmenu ul li a.active, .ddsmoothmenu ul li a:hover { background:url(default/mainnav_hover.gif) 5px repeat-x; color:#666666; } .ddsmoothmenu ul ul li a:hover, .ddsmoothmenu ul ul li a.selected, .ddsmoothmenu ul ul li:hover { background:none; color:#fcdacd !important; } .ddsmoothmenu ul ul { position:absolute; left:0; display:none; visibility: hidden; margin:0px; background:#943108; padding:0px 0px 2px 0px; height:auto; } .ddsmoothmenu ul ul ul { padding:0px 0px 2px 0px; } .ddsmoothmenu ul li ul li { display:list-item; float:none; padding:0px 7px 0px 7px; background:none; text-transform:none; } .ddsmoothmenu ul li ul li ul { top: 0; } .ddsmoothmenu ul li ul li a { color:#ffffff !important; font:13px Verdana, Arial, Helvetica, sans-serif; width:180px; padding:6px 3px 8px 3px; margin:0; background:none; text-decoration:none; border-bottom:1px dotted #c73d05; } .ddsmoothmenu ul li ul li a:hover { background:none; color:#fcdacd !important; } .ddsmoothmenu ul li ul li:hover { background:none; } .downarrowclass { 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; } /* SUB NAVIGATION ===========================================================================*/ /* Simple Verticle Sub Menu -- {TPL:NAVIGATION ['false','nested']} ----------- */ #subnav { background:#fdfbf8; border-left:1px solid #ede7e0; border-right:1px solid #ede7e0; border-bottom:4px solid #983811; } #subnav ul { margin:0px; padding:0px 0px 0px 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(default/subnav_hover_bg.gif) left no-repeat; } #subnav ul ul li { line-height:20px; } #subnav ul ul li a { padding-left:30px; background:url(default/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(default/subnav_arrow_hover.gif) 16px 9px no-repeat; } #tertiary-nav ul { margin:0px; padding:0px 0px 0px 0px; list-style:none; background:url(tertiary_nav_ul_bg.gif) repeat-y; } #tertiary-nav ul li { } #tertiary-nav ul li a { display:block; color:#7b7b7b; font:13px Arial, Helvetica, sans-serif; line-height:2px; padding:0px 0px 0px 16px; } #tertiary-nav ul li ul li a { display:block; color:#7b7b7b; font:13px Arial, Helvetica, sans-serif; line-height:22px; padding:0px 0px 0px 16px; } #tertiary-nav ul li a.first-active, #tertiary-nav ul li a.middle-active, #tertiary-nav ul li a.last-active, #tertiary-nav ul li a.only-active { } #tertiary-nav ul li.hidden { visibility: hidden; } #tertiary-nav ul li.show { visibility: visible; } #tertiary-nav ul ul li.show a.active { background:url(subnav_section_title.gif) no-repeat; line-height:33px; color:#77960f; } #tertiary-nav ul ul li.show a:hover { color:#77960f; } #tertiary-nav ul ul li.show ul li a { background:none; font:11px Arial, Helvetica, sans-serif; font-weight:normal; padding:0px 0px 0px 32px; line-height:22px; color:#7b7b7b; } #tertiary-nav ul ul ul li.show a.active, #tertiary-nav ul ul ul li.show a.active:hover { color:#77960f; background:url(tertiary_nav_active_arrow.png) 18px center no-repeat; line-height:22px; } #tertiary-nav ul ul ul li.show a:hover { color:#7b7b7b; background:url(tertiary_nav_hover_arrow.png) 18px center no-repeat; line-height:22px; } /* FORMS ====================================================================================*/ /* Form Fields --------------------------------------------------------------- */ #inside-content-left label { width: 80px; float: left; text-align: left; margin-right: 10px; margin-bottom: 5px; display: block; } #inside-content-left input { margin-left: 20px; margin-bottom: 5px; color:#666666; font:11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #e1dfdf; padding:4px 6px 5px 6px; background:#ffffff url(default/background_hatch.gif); width:200px; } #inside-content-left input:focus, #inside-content-left textarea:focus { border:1px solid #4a7484;} #inside-content-left input.submit { color:#ffffff; font-weight:bold; background:#943108; width:100px; margin-left:110px; } #inside-content-left input.submit:hover { background:#4e7b8a; } #inside-content-left textarea { margin-left: 20px; margin-bottom: 15px; color:#666666; font:11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #e1dfdf; padding:4px 6px 5px 6px; background:#ffffff url(default/background_hatch.gif); } /* Form Messages ------------------------------------------------------------- */ div.success { color:#333333; padding:10px; } div.error { color:#cc0000; padding:10px; } /* NEWS =====================================================================================*/ td.headline { font-size:12px; color:#006699; padding-bottom:7px; } 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 { font-size:11px; font-style:italic; } div.itemheadline { margin:0px 0px 0px 0px; color:#943108; font:18px Verdana, Arial, Helvetica, sans-serif; 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:11px Verdana, Arial, Helvetica, sans-serif; width:170px; border:1px solid #e1dfdf; padding:4px 6px 5px 6px; color:#666666; background:#ffffff url(default/background_hatch.gif); } .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; } /* DOCUMENT SHARING ========================================================================*/ #folder-tree-data { width:510px; float:left; display:block; min-height:200px; padding:5px; } #folder-commands-div { background:#e9e9e8; color:#666666; } #folder-commands-div ul { margin:0px; padding:0px; list-style:none; text-align:right; line-height:20px; } #folder-commands-div ul li { display:inline; } #folder-commands-div ul li a { text-decoration:none; color:#666666; padding:3px 10px 2px 20px; } #folder-commands-div ul li a:hover { text-decoration:underline; } #folder-properties { width:280px; float:right; display:block; min-height:200px; padding-top:5px; } #folder-properties table { border-collapse:collapse; border:1px dashed #cccccc; float:right; } #folder-properties th { text-align:left; background:#0099CC; color:#ffffff; height:20px; padding:0px 3px 0px 3px; } td.folder-properties-leftcol { width:90px; font-weight:bold; } td.folder-properties-rightcol { width:210px; } #folder-properties td { padding:4px 15px 3px 4px; } #folder-contents-container { background:#333333; clear:both; } #folder-path { color:#666666; line-height:20px; background:#ffffff; padding-left:5px; } #folder-path span#dirpath-title-span { font-weight:bold; } #files-title { width:495px; float:left; display:block; line-height:20px; background:#0099CC; color:#ffffff; padding-left:5px; } #file-commands-div { width:300px; float:right; display:block; line-height:20px; background:#0099CC; color:#ffffff; } #file-commands-div ul { margin:0px; padding:0px; list-style:none; text-align:right; } #file-commands-div ul li { display:inline; } #file-commands-div ul li a { text-decoration:none; color:#ffffff; padding:3px 10px 2px 20px; } #file-commands-div ul li a:hover { text-decoration:underline; } #files-table { width:800px; display:block; min-height:200px; float:left; } #files-table table { width:800px; border-collapse:collapse; } #files-table table th { text-align:left; background:#e9e9e8; color:#666666; height:20px; } #files-table table td { text-align:left; padding:4px 7px 4px 4px; } /* JOB BOARD ================================================================================*/ th.locationtitle, th.titletitle, th.categorytitle, th.closingtitle, th.referencetitle { text-align:left; padding:0px; } th.descriptiontitle { color:#3278b8; font-weight:bold; margin:0px ; text-transform:uppercase; text-align:left; padding:10px 0px 0px 0px; } th.locationtitle { width:200px; } th.titletitle { width:150px; } th.categorytitle { width:125px; } th.detailstitle { color:#8c9719; font-size:14px; margin:0px 0px 7px 0px; text-align:left; padding:0px; } td.description { padding:0px; } th.requirementstitle, th.notestitle { display:none; } td.category, td.location { padding:0px; } /* TABS =====================================================================================*/ #tabs.ui-tabs { padding:5px 0px 0px 0px; margin:0px; } #tabs.ui-tabs .ui-tabs-nav { list-style:none; position:relative; padding:0px 0px 0px 50px; margin:0px 0px 0px 0px; } #tabs.ui-tabs .ui-tabs-nav li { position:relative; float:left; border-bottom-width:0!important; margin:0 .5em -1px 0; padding:0px 0px 0px 0px; } #tabs.ui-tabs .ui-tabs-nav li a { float:left; text-decoration: none; padding:5px 10px 12px 10px; color:#959393; } #home-resources-body #tabs.ui-tabs .ui-tabs-nav li a { float:left; text-decoration: none; padding:5px 10px 5px 10px; } #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom:0px; border-bottom-width:0; } #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled a, #tabs.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor:text; background:url(default/tabs_hover_bg.gif) bottom center no-repeat; color:#666666; } #tabs.ui-tabs .ui-tabs-nav li a, #tabs.ui-tabs.ui-tabs-collapsible #tabs.ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } #tabs.ui-tabs .ui-tabs-panel { padding:42px 25px 15px 25px; display: block; border-width:0; background:none; font:11px Arial, Helvetica, sans-serif; color:#99908c; line-height:15px; } #tabs.ui-tabs .ui-tabs-hide { display: none !important; } #tabs-2 ul, #tabs-3 ul { margin:0px; padding:0px; list-style:none; } #tabs-2 ul li { padding:0px 25px 15px 0px; } #tabs-2 td.last ul li { padding:0px 0px 15px 0px; } #tabs-3 ul li { border-bottom:1px solid #f1f1f1; padding:3px 10px 3px 0px; } #tabs-3 td.last { padding-right:0px; } #tabs-3 td { padding-right:25px; } /* SLIDER =====================================================================================*/ #slider ul, #slider li { margin:0px; padding:0px; list-style:none; color:#ffffff; } #slider, #slider li { width:940px; height:89px; overflow:hidden; } #slider-container span { display:block; width:12px; height:45px; position:absolute; left:-23px; top:20px; } #slider-container span#nextBtn { left:950px; } span#prevBtn { } #slider-container span a { display:block; width:12px; height:45px; background:url(default/back_btn.png) no-repeat; } #slider-container span#nextBtn a { background:url(default/fwd_btn.png) 0px 0px no-repeat; } div.slider-object { float:left; width:232px; background:url(default/slider_object_bg.png) no-repeat; margin-right:3px; height:89px; } div.slider-object-content { padding:15px; } /* MICROSITES ==================================================================================*/ body.microsite { margin:0px; padding:0px; background:#f1f1f1 url(microsite_body_bg.gif) repeat-x;} #microsite-container { width:760px; margin:0px auto; font:12px Arial, Helvetica, sans-serif; color:#666666; line-height:15px; } #microsite-header { height:75px; } #microsite-header-logo { float:left; width: 170px; height:75px; } #microsite-header-nav { float:left; width:589px; height:38px; margin-top:37px; background:url(subnav_bg.gif) repeat-x; border-right:1px solid #ebe9e9; } #microsite-header-nav ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 45px; list-style:none; background:url(micronav_slope.gif) left no-repeat; line-height:38px; } #microsite-header-nav ul li { display:inline; font:bold 13px Arial, Helvetica, sans-serif; padding:10px 30px 10px 0px; color:#666666; } #microsite-header-nav ul li a { text-decoration:none; color:#666666; padding:10px 0px 11px 0px; } #microsite-header-nav ul li a.signup { color:#ff5e00; font-size:14px; } #microsite-header-nav ul li a.first-active, #microsite-header-nav ul li a.middle-active, #microsite-header-nav ul li a.last-active, #microsite-header-nav ul li a.only-active { color:#70880b; background:url(subnav_hover_arrow_grn.gif) center bottom no-repeat; } #microsite-header-nav ul ul { display:none; } #microsite-header-nav ul li a:hover { color:#70880b; background:url(subnav_hover_arrow_grn.gif) center bottom no-repeat; } #microsite-banner { height:185px; } #microsite-content.inside { padding:20px 15px 15px 20px; } #microsite-content-body { background:url(microsite_content_bg.gif) repeat-y; } #microsite-content-body-left { float:left; width:430px; padding:20px 0px 15px 20px; } #microsite-content-body-right { float:right; width:285px; padding:20px 0px 15px 0px; } #microsite-content-footer { background:url(microsite_content_footer.gif) top no-repeat} #microsite-footer { text-align:center; font:11px Arial, Helvetica, sans-serif; } #microsite-footer a { text-decoration:none; color:#666666; } #microsite-footer a:hover { color:#70880b; text-decoration:underline; } #microsite-footer img { margin-right:3px; } #affiliate-signup-banner { background:url(affiliate_signup_banner_bg.gif) no-repeat; height:400px; padding:0px 24px 0px 0px; } #affiliate-signup-banner-content { padding:150px 22px 0px 22px; height:180px; } #affiliate-signup-banner-content ol { margin:0px; padding:0px 0px 0px 20px; } #affiliate-signup-banner-content ol li { padding-bottom:7px; } #affiliate-signup-banner-content a { text-decoration:none; font-size:13px; font-weight:bold; } #affiliate-signup-banner-btn { text-align:center; margin-top:15px; } #affiliate-signup-banner-content strong { color:#006699; font-size:13px; } #affiliate-home-header { margin:0px 0px 7px 0px; font:18px Arial, Helvetica, sans-serif; color:#006699; } #microsite-content-body h1 { margin:0px 0px 7px 0px; font:18px Arial, Helvetica, sans-serif; color:#006699; } #microsite-content-body h2 { margin:0px 0px 5px 0px; padding:0px; font:bold 13px Arial, Helvetica, sans-serif; color:#6a8009; } #microsite-content-body h3 { margin:0px 0px 20px 0px; font-size:14px; font-weight:bold; line-height:18px; } #microsite-content-body h3 a { text-decoration:none; color:#666666; } #microsite-content-body ul { margin:15px 0px 0px 0px; padding:0px 0px 0px 20px; } #microsite-content-body ul li { padding-bottom:7px; } #microsite-content-body.wide { padding:15px 15px 7px 15px; } /* TWITTER FEEDS ==================================================================================*/ .query { color: #666666; } .query .tweet_list { -webkit-border-radius:.5em; list-style:none; margin:0; padding:0; font-size:10px; } .query .tweet_list li { overflow:auto; padding:.5em; } .query .tweet_list li a { color: #0C717A; } .query .tweet_list .tweet_even { background-color: #F2F2F2; } .query .tweet_list .tweet_avatar { padding-right:.5em; float:left; } .query .tweet_list .tweet_avatar img { vertical-align: middle; } div.tweet ul { margin:0px; padding:0px; list-style:none; } div.tweet ul li { font:11px Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 7px 0px; } div.tweet { background:#fdfbf8; border:1px solid #ede7e0; margin-top:0px; padding:0px 10px 10px 10px; } div.tweet .tweet_avatar img { float:left; margin:0px 7px 20px 0px; } div.tweet-header { margin-top:15px; }