/* 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 */ /* POSITIONING =========================================================================*/ body { margin:0px; padding:0px; background:url(default/body_bg.gif); } #header-container { height:78px; background:url(default/header_bg.gif) repeat-x; } #footer-container { background:#494949; } #container, #header, #footer { margin:0px auto; width:940px; font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; } #footer { line-height:70px; background:#292827; color:#838383; text-align:center; } #header { height:78px; } #logo { z-index:999; position:absolute; left:50%; top:5px; width:215px; height:178px; margin-left:-440px; } /* LAYOUT STYLES -- details of the site design -----------------------------------------*/ a { -moz-outline-style: none; } a img { border:none; } div.clear, br.clear { clear:both; } #quicklinks { height:32px; } #mainnav { height:46px; } #content-container { background:url(default/container_bg.jpg) repeat-y; } #content-container-inner { background:url(default/right_col_bg.jpg) right bottom no-repeat; min-height:300px; width:939px; } #content-container-left { float:left; width:580px; padding:35px 30px 0px 30px; color:#696969; line-height:20px; } #content-container-right { float:left; width:249px; padding:22px 25px 30px 25px; } #subnav { height:24px; background:url(default/subnav_bg.png) no-repeat; } #footer img { margin-right:3px; vertical-align:text-bottom; } div.callout { width:218px; height:60px; padding:10px; color:#bdc097; font-size:11px; margin-bottom:7px; } div.callout a { color:#ffffff; font-size:10px; font-weight:normal; } div.callout a:hover { color:#a8753c; } div.sale { background:url(default/services_dark_blue.png) no-repeat; } div.ma { background:url(default/services_green.png) no-repeat; } div.growth { background:url(default/services_orange.png) no-repeat; } div.shareholder { background:url(default/services_light_blue.png) no-repeat; color:#f2f2f2; } div.realestate { background:url(default/services_red.png) no-repeat; } /* TYPOGRAPHY ========================================================================= */ /* Default Font Settings ----------------------------------------------------- */ #container { font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#333333; line-height:16px; } /* 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; } #content-container-left h1 { font:22px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin:0px 0px 15px 0px; color:#5e5046; text-transform:uppercase; } #content-container-left h2, #content-container-right h2 { font:18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin:15px 0px 10px 0px; color:#a8753c; } #content-container-left h3 { font:16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin:15px 0px 10px 0px; color:#526676; } #content-container-right h3 { font:18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin:15px 0px 10px 0px; color:#5e5046; text-transform:uppercase; border-bottom:1px solid #d9c3ab; padding-bottom:10px; } #content-container-right h3 span { color:#838383; } #content-container-right div.callout h2 { color:#ffffff; font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin:0px 0px 5px 0px; text-transform:uppercase; } #content-container-right div.callout h2 a { color:#ffffff; text-decoration:none; font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; } /* 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 { color:#943108; } a { color:#a8753c; text-decoration:underline; font-weight:bold; } #footer a { font-weight:normal; text-decoration:none; color:#838383; } #footer a:hover { text-decoration:underline; } #footer span a { color:#a8753c; text-decoration:none; } #footer span a:hover { 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 -------------------------------------------------------------------- */ #content-container-left ul { list-style:none; padding:0px 0px 0px 20px } #content-container-left ul li { background:url(default/bullet.gif)0px 7px no-repeat; padding:0px 0px 10px 15px; } /* Tables ------------------------------------------------------------------- */ /* Font Resizing ------------------------------------------------------------ */ #header-quicklinks ul li a.active { text-decoration:none; color:#13293f; } #header-quicklinks ul li.smallfont a { font-size:11px; } #header-quicklinks ul li.defaultfont a { font-size:12px; } #header-quicklinks ul li.largefont a { font-size:13px; } #maincontent.smallcontentfont { font-size:12px; line-height:17px; } #maincontent.defaultcontentfont { font-size:13px; line-height:20px; } #maincontent.largecontentfont { font-size:14px; line-height:22px; } /* MAIN NAVIGATION =====================================================================*/ #mainnav ul { padding:0px 20px 0px 0px; margin:0px 0px 0px 0px; list-style:none; text-align:right; } #mainnav ul li { display:inline; font:14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight:bold; background:url(default/nav_sep.gif) right no-repeat; line-height:42px;} #mainnav ul li:last-child { background:none; } #mainnav ul li a { color:#a8a8a8; padding:13px 20px 16px 20px; margin-right:1px; text-decoration:none; } #mainnav ul li a.active, #mainnav ul li a.first-active, #mainnav ul li a.middle-active, #mainnav ul li a.last-active { color:#a8753c; background:url(default/nav_active_bg.gif) center no-repeat; } #mainnav ul li a:hover { color:#a8753c; } /* SUB NAVIGATION ===========================================================================*/ #subnav ul { margin:0px; padding:0px 40px 0px 0px; list-style:none; text-align:right; } #subnav ul li { display:inline; padding:0px 17px 0px 15px; font:11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; line-height:22px; background:url(default/subnav_sep.gif) right no-repeat; } #subnav ul li:last-child { padding:0px 0px 0px 15px; background:none;} #subnav ul li a { text-decoration:none; color:#eaded0; padding:4px 0px 5px 0px; } #subnav ul li a:hover, #subnav ul li a.active, #subnav ul li a.first-active, #subnav ul li a.middle-active, #subnav ul li a.last-active, #subnav ul li a.only-active { color:#ffffff; } /* Simple Horizontal Sub Menu -- {TPL:NAVIGATION ['false','nested']} ----------- */ /* FORMS ====================================================================================*/ /* Form Fields --------------------------------------------------------------- */ #content-container label { font-weight:bold; display:block; float:left; width:120px; padding-top:2px; } #content-container input { width:180px; } #content-container input, #content-container textarea, #content-container select { padding:4px; margin:2px 0px 10px 0px; border:1px solid #d9ddc3; font:11px verdana, Arial, Helvetica, sans-serif; color:#505050; } #content-container input:focus, #content-container textarea:focus, #content-container select:focus { border:1px solid #a8753c; } #content-container input.checkbox { padding:0px 10px 20px 0px; margin:10px 0px 0px 0px; width:30px; text-align-left; } #content-container input.submit { padding:5px 0px 4px 0px; background:#a8753c; color:#ffffff; font-weight:bold; text-transform:uppercase; border:none; font-size:13px; width:150px; margin-top:10px; margin-left:120px; } #content-container input.submit:hover { background:#4a4947; } span.requiredasterix { color:#a8753c; } /* Form Messages ------------------------------------------------------------- */ div.success { color:#333333; padding:10px; } div.error { color:#cc0000; padding:10px; } /* NEWS =====================================================================================*/ #news-header { background:url(default/news_header_bg.html) no-repeat; color:#ffffff; padding:14px 15px 13px 13px; font:bold 12px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; margin-bottom:5px;} 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 { color:#339900; } 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; } #home-news-container { padding-left:30px; margin-top:15px; } #home-news-header { background:url(default/home_news_header.html) no-repeat; color:#ffffff; padding:16px 15px 13px 13px; font:bold 12px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; margin-bottom:5px; } /* EVENTS ===================================================================================*/ table#home-events td { padding:0px 14px; font:12px Arial, Helvetica, sans-serif; color:#55463c; } table#home-events td.title { font:bold 15px Georgia, "Times New Roman", Times, serif; color:#cf8715; padding:0px 0px 10px 13px; } table#home-events td.event-desc img { margin-left:5px; } #home-events-container { padding-left:30px; } #events-header { background:url(default/events_home_header_bg.html) no-repeat; color:#ffffff; padding:15px 15px 13px 13px; font:bold 12px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; margin-bottom:5px; } #events-header img { margin:0px 0px 0px 6px; } /* 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; } /* 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; }