/* Copyright (c) 2008, Element Fusion, LLC. All rights reserved. ------------------------------------------------------------- LICENSED FOR USE UNDER A CREATIVE LICENSE AGREEMENT ------------------------------------------------------------- This document, and all creative material associated herein, is protected under copyright law to be used exclusively with the Content Management Systems of Element Fusion, LLC. ------------------------------------------------------------- You can read the full creative license agreement at: http://www.elementfusion.com/license ------------------------------------------------------------- Version 1.0 - June 23, 2008 Version 1.1 - Modified, October 1, 2008 ///////////////////////////////////////////////////////////// STYLE-TEMPLATE.CSS ORDER BREAKDOWN 1. Body / Column Count 2. Skip To 3. Page Container 4. Header 5. Navigation (Top, Side) 6. Sub Navigation 7. Content Container (content types, breadcrumb) 8 Footer/Copyright > For more informaion on CSS, http://accountsupport.elementfusion.com/css-help */ body { font-family: arial, helvetica, sans-serif; color: #333; background-color: #999589; font-size: 75%; margin-top:0px; } #stdPage { background-image:url(img/bkgd-1.gif); background-position: top center; background-repeat:no-repeat; border-top: 1px #999589 solid; } #tour { background-image:url(img/bkgd-2.gif); background-position: top center; background-repeat:no-repeat; border-top: 1px #999589 solid; } #home { background-image:url(img/bkgd-3.jpg); background-position: top center; background-repeat:no-repeat; border-top: 1px #999589 solid; } /* put .xxxColumn in the to specify which layout you want */ /* column layouts with top navigation */ /* two column layout */ .navigationTopStatic .twoColumn #mainColumn { float: left; width: 485px; margin-left: 125px; margin-bottom:30px; padding: 0 80px 0 0; } .navigationTopStatic .twoColumn #mainColumn.hm { float: left; width: 525px; margin-left: 125px; margin-bottom: 20px; padding: 0 40px 0 0; } .navigationTopStatic .twoColumn #mainColumn.one { float: left; width: 655px; margin-left: 125px; margin-bottom:10px; padding: 0 40px 0 0; } .navigationTopStatic .twoColumn #contentContainer #subColumn { float: left; width: 230px; } .navigationTopStatic .twoColumn #contentContainer #subColumn.hm { float: left; width: 210px; } /* one column layout */ .navigationTopStatic .oneColumn #mainColumn { width: 90%; } /* skip to content hidden button, for minor accessibility reasons */ #skipTo { display: none; } /* putting everything in a container to keep html code down */ #pageContainer { width: 920px; margin: 0 auto; min-height: 320px; height: auto !important; height: 320px; } /* HEADER */ #header { height: 70px; margin-top: 20px; } /* supplementary navigation in the header */ #header .headerNav { float: right; margin-top: 30px; margin-right: -12px; } #header .headerNav li { display: inline; letter-spacing: 3px; font-size:9px; padding: 10px; } #header .headerNav li a { color: #EEE; text-decoration: none; } #header .headerNav li a:hover, #header .headerNav li a.active { color: #333; text-decoration: none; } /* site logo */ #header h1#logo { font-size: 1em; font-weight: normal; letter-spacing: -1px; } #header h1#logo a { color: #000; text-decoration: none; } /* NAVIGATION SCHEMES */ /* TOP NAVIGATION SCHEMES */ /* main navigation, top no flyout */ .navigationTopStatic #navigation { padding: 5px 10px 5px 0; height: 70px; } .navigationTopStatic .mainNav { clear: both; padding: 5px 0; } .navigationTopStatic .mainNav li { float: left; padding: 0 15px; } .navigationTopStatic .mainNav li a { color: #333; display: block; } .navigationTopStatic .mainNav li a:hover, .navigationTopStatic .mainNav li a:focus { color: #555; } /* hiding subnavs */ .navigationTopStatic .mainNav li ul.level2, .navigationTopStatic .mainNav li ul.level3, .navigationTopStatic .mainNav li ul.level4 { display: none; } /* PAGE CONTENT AREA */ #contentContainer { min-height: 320px; height: auto !important; height: 320px; margin-top: 60px; } #contentContainer.home { margin-top: 210px; } #contentContainer a { color:#EEE; text-decoration:none; } #contentContainer a:hover { color:#333; text-decoration:none; } #tourContainer { min-height: 555px; height: auto !important; height: 555px; margin: 11px 0 15px 0; background-color:#333; } /* bread crumb trail */ #breadCrumb { font-size: .9em; color: #888; padding: 4px 15px; } /* featured item */ #featuredItem { padding: 5px 0; } .featuredFull { width: 100%; text-align: center; } .featuredHalf { width: 50%; } /* home-page font styles */ #mainColumn.hm { font-family:"Times New Roman", Times, serif; } #mainColumn.hm h1{ font-family:Arial, Helvetica, sans-serif; font-size:9px; letter-spacing: 3px; color:#CCC; margin-bottom: 16px; font-weight: normal; } #mainColumn.hm p{ font-size:16px; line-height:18px; margin-bottom:6px; color:#bcb9b0; } #mainColumn.hm p.intro{ font-size:20px; color:#EEE; } #subColumn.hm h1{ font-size:9px; letter-spacing: 3px; color:#CCC; margin-bottom: 16px; font-weight: normal; } #subColumn.hm h2{ font-family:"Times New Roman", Times, serif; font-size: 18px; line-height: 20px; font-weight: normal; color:#EEE; margin: 0 0 8px 0; } #subColumn.hm p{ font-size: 12px; line-height: 16px; margin: 0 0 8px 0; color:#bcb9b0; } /* sub-page font styles */ #mainColumn.sub { font-family:"Times New Roman", Times, serif; } #mainColumn.sub h1{ font-size:30px; line-height:30px; font-weight:normal; margin: 0 0 15px 0; } #mainColumn.sub p{ font-size:14px; line-height:16px; margin-bottom:8px; } #mainColumn.sub p.intro{ font-size:16px; color:#EEE; } #subColumn.sub h1{ font-size:9px; letter-spacing: 3px; color:#333; margin-bottom: 16px; font-weight: normal; } #subColumn.sub h2{ font-family:"Times New Roman", Times, serif; font-size: 18px; line-height: 20px; font-weight: normal; color:#EEE; margin: 0 0 8px 0; } #subColumn.sub p{ font-size: 12px; line-height: 16px; margin: 0 0 8px 0; } /* PHOTO BOXES */ #photoRule { clear: both; width: 620px; height: 10px; margin: 20px 0; border-bottom:#333 1px dashed; } #photo { clear: both; width: 600px; margin-top: 20px; padding: 10px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:13px; color:#ccc; background-color:#555; min-height:100px; } #photo img { border:#333 3px solid; } #photo a:hover img { border:#CCC 3px solid; } #photo .caption { float: right; width:430px; padding:0 15px 0 0; margin:0 10px 0 0; } #photo a{ color:#eee; } #photo a:hover{ color:#eee; } /* SITE FOOTER/NAVIGATION */ #footer { clear: both; padding: 25px 0 8px 0; font-size: 11px; color:#555; } #footer.home { background-color:#999589; height: 150px; } #footer .footerNav { float: right; margin-top: 20px; width:665px; padding:0; } #footer a{ color:#555; } #footer a:hover{ color:#eee; } /* copyright info */ #copyright { text-align: center; font-size: .8em; padding: 5px 0 25px 0; }