/* Description: CSS for Craft Alliance Version: 1.0 Author: evul */ /* MARKUP ELEMENTS */ html { margin:0; padding:0; } body { margin: 0; padding: 0; background-color: #fff; font-family: Verdana, sans-serif; height:100%; font-size: 95%; line-height:1.125em; } form { margin: 0; padding: 0; } select { font-size: 10px; } a { text-decoration: underline; color: #568f9a; } a:hover { text-decoration: underline; color: #86b358; } a img { border: 0; } p { margin: 0 0 1.5em 0; line-height:1.9em; } li { line-height:1.9em; } h1, h2, h3, h4, h5, h6 { font-family: Verdana, Lucida Grande, Arial, Sans-Serif; color:#000; margin: 0 0 0.5em 0; font-weight:normal; } h1 { font-size: 1.85em; } h2 { font-size: 1.7em; line-height:1.4em; } h3 { font-size: 1.1em; color:#86b358; font-weight:bold; } h4 { font-size: 1.25em; } h5 { font-size: 0.85em; } h6 { font-size: 0.725em; } hr {color:#c2c2c2; size:1px; margin-bottom:10px;} /* STRUCTURAL ELEMENTS */ #con_wrapper { display: block; margin: 0 auto; padding: 0; width:801px; font-size: 0.725em; } #con_header { display:block; width:799px; height:140px; margin:0 auto; background: transparent url(images/header-tagline.gif) right 71px no-repeat; } .header_logo { display:inline; width:223px; height:140px; float:left; background: transparent url(images/header-logo.gif) no-repeat; } .header_logo h1 { display:block; width:100%; height:100%; } .header_logo h1 a { display:block; width:100%; height:100%; text-indent:-9999px; } .header_tasknav { padding:30px 0 0 0; text-align:right; } .header_tasknav ul { list-style-type:none; margin:0; padding:0; } .header_tasknav ul li { list-style-type:none; display:inline; margin:0 0 0 -4px; padding:0 8px; background: transparent url(images/nav-divider.gif) right 50% no-repeat; } .header_tasknav ul li.last { background-image:none; } #con_banner { display:block; width:799px; height:243px; } /* #con_banner { display:block; width:799px; height:243px; background: transparent url(images/slide-HomePage1.jpg) no-repeat; text-indent:-9999px; }*/ #con_section_banner { display:block; width:799px; height:104px; text-indent:-9999px; } #con_mainnav { display:block; width:799px; height:30px; margin-bottom:1px; background: transparent url(images/mainnav.gif) 0 -29px no-repeat; } #con_mainnav ul { list-style-type:none; margin:0; padding:0; } #con_mainnav ul li { display:block; float:left; height:30px; margin-left:1px; padding:0; } #con_mainnav ul li a { display:block; float:left; height:30px; margin:0; text-indent:-9999px; background: transparent url(images/mainnav.gif) no-repeat; overflow:hidden; } /*#con_mainnav ul li a:hover { background-image: none; }*/ li.mn_spacer { width:188px; margin:0; } #con_mainnav li#mn_About a { width:126px; background-position:-190px 0; } #con_mainnav li#mn_Partners a { width:66px; background-position:-317px 0; } #con_mainnav li#mn_Membership a { width:90px; background-position:-384px 0; } #con_mainnav li#mn_Programs a { width:73px; background-position:-475px 0; } #con_mainnav li#mn_ACTS a { width:170px; background-position:-549px 0; } #con_mainnav li#mn_Resources a { width:78px; background-position:-720px 0; } #con_body { display:block; width:760px; margin:0 auto; padding:30px 0; } .col_left { display:inline; width:195px; float:left; } .col_leftnav { display:inline; width:193px; float:left; padding-bottom:17px; border:1px solid #c2c2c2; } .col_leftnav ul { list-style-type:none; margin:0 13px 8px; padding:0; } .col_leftnav ul li { list-style-type:none; margin:0; padding:8px 0; border-bottom:1px solid #c2c2c2; } .col_leftnav ul li.last { border:0; } .col_leftnav ul li a { text-decoration:none; } .col_leftnav ul li a:hover { text-decoration:underline; } .col_main { display:inline; width:499px; float:left; } .col_middle { display:inline; width:354px; float:left; margin: 0 5px 0 20px; } .col_middle2 { display:inline; width:500px; float:left; margin: 0 5px 0 20px; } .col_right_sidebar { display:inline; width:245px; float:right; } .badge_newsletter, .badge_membership, .badge_acts, .badge_jobposting, .badge_techsurvey { display:block; margin-bottom:10px; width:245px; } .badge_newsletter a, .badge_membership a, .badge_techsurvey a, .badge_projects a, .badge_acts span {display:block; width:100%; height:100%; text-indent:-9999px; } .badge_newsletter { height:61px; background: transparent url(images/badge-newsletter.gif) no-repeat; } .badge_techsurvey { height:61px; background: transparent url(images/badge-techsurvey.gif) no-repeat; } .badge_blank { width:229px; height:91px; padding:6px 8px; background: transparent url(images/badge-blank.gif) no-repeat; color:#FFFFFF; } .badge_membership { height:61px; background: transparent url(images/badge-membership.gif) no-repeat; } .badge_projects { height:61px; background: transparent url(images/badge-projects.gif) no-repeat; margin-bottom:10px;} .badge_acts{ width:225px; height:95px; padding:0 10px; color:#fff; font-size:0.9em; line-height:normal; background: transparent url(images/badge-ACTS.gif) no-repeat; } .badge_acts span { height:46px; text-indent:-9999px;} .badge_jobposting{ width:233px; height:41px; padding:30px 0 0 12px; color:#fff; font-size:0.9em; line-height:normal; background: transparent url(images/Icon_JobPosting.gif) no-repeat; } .col_right { display:inline; width:185px; float:right; } #con_footer { display:block; margin:0; padding:21px 0; text-align:center; background: transparent url(images/bg-FooterRule.gif) no-repeat; } .footer_nav ul { list-style-type:none; margin:0; padding:0; } .footer_nav ul li { list-style-type:none; display:inline; margin:0 0 0 -4px; padding:0 4px; background: transparent url(images/nav-divider.gif) right 50% no-repeat; } .footer_nav ul li.last { background-image:none; } /* NAV HIGHLIGHTS */ body#Home #tn_Home a, body#Home #fn_Home a, body#About #fn_About a, body#Partners #fn_Partners a, body#Membership #fn_Membership a, body#Programs #fn_Programs a, body#ACTS #fn_ACTS a, body#Resources #fn_Resources a, body#WhatsHappening #fn_WhatsHappening a, body#WhatsHappening #tn_WhatsHappening a, body#ContactUs #fn_ContactUs a, body#ContactUs #tn_ContactUs a, body#Newsletter #fn_Newsletter a, body#Newsletter #tn_Newsletter a, body#PhotoCredits #fn_PhotoCredits a, body#PhotoCredits #tn_PhotoCredits a, .sn_current a { text-decoration:none !important; color:#000 !important; font-weight:bold !important; } /* rollover */ #con_mainnav #mn_About a:hover { background-position:-190px -58px; } #con_mainnav #mn_Partners a:hover { background-position:-317px -58px; } #con_mainnav #mn_Membership a:hover { background-position:-384px -58px; } #con_mainnav #mn_Programs a:hover { background-position:-475px -58px; } #con_mainnav #mn_ACTS a:hover { background-position:-549px -58px; } #con_mainnav #mn_Resources a:hover { background-position:-720px -58px; } /* on state */ body#About #con_mainnav #mn_About a, body#Partners #con_mainnav #mn_Partners a, body#Membership #con_mainnav #mn_Membership a, body#Programs #con_mainnav #mn_Programs a, body#ACTS #con_mainnav #mn_ACTS a, body#Resources #con_mainnav #mn_Resources a { background-image: none; } /* SECTION BANNERS */ body#About #con_section_banner { background: transparent url(images/header-AboutTheAlliance.jpg) no-repeat; } body#Partners #con_section_banner { background: transparent url(images/header-Partners.jpg) no-repeat; } body#Membership #con_section_banner { background: transparent url(images/header-Membership.jpg) no-repeat; } body#Programs #con_section_banner { background: transparent url(images/header-Programs.jpg) no-repeat; } body#ACTS #con_section_banner { background: transparent url(images/header-ACTS.jpg) no-repeat; } body#Resources #con_section_banner { background: transparent url(images/header-Resources.jpg) no-repeat; } body#PressRelease #con_section_banner { background: transparent url(images/header-PressRelease.jpg) no-repeat; } body#Newsletter #con_section_banner { background: transparent url(images/header-Newsletter.jpg) no-repeat; } body#ContactUs #con_section_banner { background: transparent url(images/header-ContactUs.jpg) no-repeat; } body#WhatsHappening #con_section_banner { background: transparent url(images/header-WhatsHappening.jpg) no-repeat; } body#PhotoCredits #con_section_banner { background: transparent url(images/header-PhotoCredits.jpg) no-repeat; } /* FORMATTING STYLES */ .clearboth { display: block; clear: both; } .clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;} .clearfix{display:inline-block;} * html .clearfix{height:1%}.clearfix{display:block;} h4.title_bullet_green { display:block; line-height:20px; font-size:14px; padding:0 0 0 36px; background: transparent url(images/bullet-GreenSquare2.gif) no-repeat; } .title_green { color:#86b358; margin-bottom:1em; } .articleColumn {clear:both; background-color:#dff5c8;} .articleColumn dt.date { width:126px; float:left; padding:2px 0 4px 4px; background-color:#dff5c8;} .articleColumn dt.title { width:219px; float:left; padding:2px 0 4px 9px; background-color:#dff5c8;} .articleColumn dt.location { width:133px; float:left; padding:2px 0 4px 9px; background-color:#dff5c8;} .article {clear:both;} .article dt.date { width:130px; float:left; margin:4px 0 6px 0;} .article dt.title { width:220px; float:left; margin:4px 0 6px 9px;} .article dt.location { width:130px; float:left; margin:4px 0 6px 9px;} .articleDivide {clear:both; border-bottom:1px solid #c2c2c2; height:4px;} #articleDetails .date {text-transform:uppercase; color:#da9e42;font-size: 10px; float:left;} #articleDetails .location {text-transform:uppercase; color:#da9e42;font-size: 10px; padding-left:19px; float:left; background-image:url(/images/bullet-ArticleLocation.gif); background-repeat:no-repeat;} #articleDetails .title {clear:both; font-size: 20px; color:#61697f; margin-bottom:14px; padding-top:6px; line-height:1.4em;} #articleDetails #relatedLinks {background-image:url(images/heading-RelatedLinks.gif); background-repeat:no-repeat; width:140px; float:right; padding:26px 6px 6px 6px; margin-left:10px; border:1px solid #c2c2c2;} .title_box { width:100%; height:18px; border: 1px solid #c2c2c2; text-indent: -9999px; } .whatshappening { background: transparent url(images/heading-WhatsHappening.gif) 4px 50% no-repeat; } .link_top a { display:block; width:39px; height:14px; margin-top:35px; background: transparent url(images/btn-top.gif) no-repeat; text-indent:-9999px; } .form_label {color:#61697f; font-weight:bold;} .successMessage {border:3px solid #babd40; background-color:#ebecd4; text-align:center; padding:10px;}