@charset "UTF-8";
/* Versaic */
/* Copyright (c) 2009 Versaic */
/* Stylesheet by Kevin at Brough Communications */
/* For Screen */

/************** Root Element **************/
html { height:100%; margin:0; padding:0; background:#75818A; }
body { margin:0; padding:0 0 40px 0; color:#6D6F71; background:#fff url(../img/decor/page_bg.png) 0 100% repeat-x; 
    font:small/1.3 Trebuchet,"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif; }

/************** Headings **************/
h1 { margin:0; padding:0; font-size:250%; }
h2 { margin:0; padding:0; font-size:220%; }
h3, legend { margin:0 0 10px 0; padding:0; font-size:150%; }
h4 { margin:15px 0 5px 0; padding:0; font-size:125%; }
h4 strong { color:#6FBE53; }
h5 { font-size:120%; }
h6 { font-size:110%; }

/************** Links **************/
a:link { color:#005DA6; }
a:visited { color:#003C6B; }
a:hover, a:focus { color:#005DA6; text-decoration:underline; }
a:active { color:#fff; background:#005DA6; }
a img { border:0 none; }

/************** Standard Elements **************/
blockquote { margin:0; padding:0; font-size:90%; }
p { margin:0 0 10px; padding:0; }
table { table-layout:fixed; border-collapse:collapse; empty-cells:show; width:100%; }
code { font-size:110%; }
small { font-size:90%; }
abbr[title='and'] { font-family:Baskerville,Palatino,"Book Antiqua",serif; font-style:italic; }
hr { margin:10px 0; padding:0; border:0; color:#999; background-color:#999; height:1px; }
hr.clear { clear:both; visibility:hidden; }

/************** Page Layout **************/
#container { width:900px; margin:0 auto; border-top:10px solid #80AFD1; }

#header { margin:5px 0; text-align:center; background:url(../img/decor/header_bg.png) 50% 50% no-repeat; }
#masthead { background:#fff; overflow:hidden; }
#masthead h2 { float:left; width:290px; padding:15px 0; font-size:145%; text-align:right; }
#masthead object { float:right; }
#masthead p { color:#6FBE53; font-size:200%; text-transform:uppercase; }
#nav { margin:0; padding:2px; text-transform:uppercase; color:#fff; background:#000; 
    background:rgba(109,111,113,.7); }
#nav ul { position:relative; list-style:none; margin:0; padding:0; 
    background:#201F1E url(../img/decor/nav_bg.png) 0 0 repeat-x; }
#nav li { display:inline; }
#nav a { display:inline-block; padding:2px 6px; border-right:1px solid #fff; color:#fff; 
    text-decoration:none; }
#login a { position:absolute; top:0; right:0; border-left:1px solid #fff; border-right:0 none; 
    background:#0F190E url(../img/decor/nav_alt_bg.png) 0 0 repeat-x; }
#nav a:hover, #nav a:focus { color:#fff; background:#092610; }
#nav a:active { color:#092610; background:#fff; }

/************** HomeContentHeader **************/
#home-content-header { margin:5px 0; padding:3px 8px; border:solid 4px #CDE7C2; background:#ACD89B; }
.hchFirstCol {font-size:17pt; color:#324d33}

.hchOtherCol {font-size:12pt; font-weight:bold; color:#50946f}
.hchOtherCol a:hover { color:#50946f; text-decoration:none; }
.hchOtherCol a:focus { color:#50946f; text-decoration:none; }
.hchOtherCol a:visited { color:#50946f; text-decoration:none; }
.hchOtherCol a:link { color:#50946f; text-decoration:none; }
.hchOtherCol a:active { color:#50946f; text-decoration:none; }

.hchAndMorerCol {font-size:90%; }
.hchAndMorerCol a:hover { color:#707172; text-decoration:none; }
.hchAndMorerCol a:focus { color:#707172; text-decoration:none; }
.hchAndMorerCol a:visited { color:#707172; text-decoration:none; }
.hchAndMorerCol a:link { color:#707172; text-decoration:none; }
.hchAndMorerCol a:active { color:#707172; text-decoration:none; }

#home-content-outer { padding:14px 13px; background:url(../img/decor/home_content_bg.png) 0 0 no-repeat; }
#home-content-inner { padding:15px; background:#fff; }
#slider { position:relative; width:845px; margin:0 auto; 
    background:url(../img/decor/grad_v_white.png) 0 100% repeat-x; }
.scroll { position:relative; height:270px; clear:left; overflow:auto; }
.scrollContainer div.panel { width:805px; height:250px; padding:20px; }
#slider .panel { font-size:110%; }
#tabs { list-style:none; clear:both; margin:0 0 30px 0; padding:0; text-transform:uppercase; }
#tabs li { display:inline; }
#tabs a { width:145px; display:inline-block; border:1px solid #fff; border-bottom:0 none; 
    margin-right:3px; padding:15px 10px; color:#fff; 
    background:#ccc url(../img/decor/grad_v_silver.png) 0 0 repeat-x; font-weight:bold;
    text-align:center; text-decoration:none; text-shadow:1px 1px 1px rgba(0,0,0,.5); vertical-align:top; }
#tabs li:first-child a { border-left:0 none; }
#tabs li:last-child a { width:144px; margin-right:0; border-right:0 none; }
#tabs a.selected { background:#7B7B7C url(../img/decor/grad_v_dksilver.png) 0 0 repeat-x; }
#clients, #testimonials { float:left; width:412px; padding:0 5px; }
#testimonials { width:382px; margin-left:30px; }
#clients .more-link { margin-top:20px; }

#content-container { padding:15px; background:#fff; background:rgba(255,255,255,.6); overflow:hidden; }
#primary-content { float:right; width:690px; padding:4px; background:url(../img/decor/content_bg.png) 0 0 repeat-x; }
#content { min-height:420px; padding:20px; background:#fff; }
#primary-content h2 { text-shadow:1px 1px 1px rgba(0,0,0,.35); text-transform:uppercase; position:relative; z-index:10; }
#primary-content h3, legend { color:#6FBE53; font-weight:normal; }
#primary-content a.whyanchor{
text-decoration: none !important;
}
#secondary-content { float:left; width:167px; list-style:none; margin:25px -4px 0 0; 
    padding:0 0 0 5px; border:4px solid #80AFD1; border-right:0 none; background:#E5EFF6; 
    border-top-left-radius:8px; -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; 
    border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; }
#secondary-content a, span.left-nolink { display:block; margin:5px 0; padding:5px 10px; color:#005DA6; 
    background:#fff url(../img/decor/sidebar_nav_bg.png) 0 0 repeat-y; text-transform:uppercase; 
    text-decoration:none; }
#secondary-content li.active a, li.active span.left-nolink { background:#fff; }
#secondary-content ul { list-style:none; margin:0; padding:0 0 0 15px; font-size:85%; }
#secondary-content ul a, span.left-nolink { margin:0; padding:5px; color:#808080; }
#secondary-content ul a, #secondary-content li.active ul a, li.active ul span.left-nolink { background:transparent; }
#secondary-content a:hover, #secondary-content a:focus { background-position:-20px 0; }
#secondary-content ul a:hover, #secondary-content ul a:focus,
#secondary-content li.active ul a:hover, #secondary-content li.active ul a:focus, 
#secondary-content ul li.active a, li.active ul li.active span.left-nolink { background:#fff; }
#secondary-content li.active a:active, #secondary-content a:active, #secondary-content ul a:active, 
#secondary-content li.active ul a:active, li.active ul li.active span.left-nolink:active { color:#fff; background:#005DA6; }

#supplemental { float:left; width:170px; margin:20px 0; padding:0; text-align:center; }
#supplemental p a { display:block; width:150px; }

#footer { list-style:none; clear:both; margin:0; padding:10px 0 0; font-size:90%; text-align:center; 
    text-transform:uppercase; }
#content #footer { padding-top:80px; background:url(../img/decor/footer_logo.gif) 50% 30px no-repeat; }
#footer li { display:inline; padding:0 10px; border-right:1px solid #A7A9AC; }
#footer li:last-child { border-right:0 none; }
#footer a { color:#A7A9AC; }

/************** Classes **************/
.figure { float:left; text-align:center; }
#slider .figure { width:440px; }
#content .figure { width:auto; padding-right:10px; }
#content .figure.wide { padding-top:15px; }
.figure-space { margin-left:120px; }
.figure-space.wide { margin-left:290px; }
.illustration { margin-top:10px; }
.overlap { margin-top:-38px; text-align:right; }

.figure-fright { float:right; text-align:center; }
#content .figure.wide-fright { padding-top:0px; }
.figure-space-fright { margin-left:0; }
.figure-space.wide-fright { margin-right:290px; }

p.action { margin-top:30px; font-size:110%; }
#content p.action { text-align:center; }
#content p.action.important { text-align:left; }
p.action a { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #939598; 
    padding:5px; color:#fff !important; background:#6FBE53 url(../img/decor/button_bg.png) 0 0 repeat-x; 
    text-decoration:none; }
p.action a:hover { color:#fff !important; background:#6FBE53 url(../img/decor/button_h_bg.png) 0 0 repeat-x; }
p.action a.alt { background:#005DA6 url(../img/decor/button_d_bg.png) 0 0 repeat-x; }
p.action a.alt:hover { background:#005DA6 url(../img/decor/button_dh_bg.png) 0 0 repeat-x; }

ul.action { list-style:none; margin:30px 0 0 0; padding:0; font-size:110%; }
ul.action li { width:215px; float:left; margin:0; padding:0; text-align:center; }
ul.action a { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #939598; 
    padding:5px; color:#fff !important; background:#6FBE53 url(../img/decor/button_bg.png) 0 0 repeat-x; 
    text-decoration:none; }
ul.action a:hover { color:#fff !important; background:#6FBE53 url(../img/decor/button_h_bg.png) 0 0 repeat-x; }
ul.action a.alt { background:#005DA6 url(../img/decor/button_d_bg.png) 0 0 repeat-x; }
ul.action a.alt:hover { background:#005DA6 url(../img/decor/button_dh_bg.png) 0 0 repeat-x; }
ul.action ul { display:inline; margin:0; padding:0; }
ul.action ul li { float:none; display:inline; margin:0; padding:0; }
ul.action ul li a { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; border:0 none; 
    display:inline; padding:5px; background:transparent; }
ul.action ul li a:hover { background:transparent; }
.baseline-shift { position:relative; top:-8px; }

.more-link { margin-top:15px; }
.more-link a { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #939598; 
    padding:2px 8px; color:#fff !important; background:#CBCCCD url(../img/decor/grad_v_silver.png) 0 50% repeat-x; 
    font-size:90%; text-decoration:none; }
.more-link a:hover { color:#fff !important; background:#7B7B7C url(../img/decor/grad_v_silver.png) 0 0 repeat-x; }

.quote-source { float:left; width:120px; padding:0 20px 0 0; font-size:90%; text-align:right; }
.quote-source cite { font-size:90%; }
.quote-space { margin-left:140px; }
.h-list { list-style:none; margin:0 -6px 0 -10px; padding:0; }
.h-list li { display:inline-block; margin:0 14px; padding:0; vertical-align:middle; }

.account-type { float:right; list-style:none; margin:-39px 0 0 0; padding:0; }
.account-type li { display:inline; margin:0; padding:0; }
.account-type a { padding:0 2px; }

.separator { margin:25px -10px 10px; padding:5px 10px; border-top:1px solid #ccc; 
    background:url(../img/decor/grad_v_gray.png) 0 0 repeat-x; }
.separator.first { margin-top:50px; }

.two-col .item { float:left; width:305px; margin-right:20px; }
.two-col blockquote { font-size:95%; }

/************** Product Headers **************/
#complaints { min-height:80px; background:url(../img/decor/products/complaints.jpg) 100% 0 no-repeat; }
#volunteerism { min-height:80px; background:url(../img/decor/products/volunteerism.jpg) 100% 0 no-repeat; }
#customer_service { min-height:80px; background:url(../img/decor/products/customer_service.jpg) 100% 0 no-repeat; }
#matching_gifts { min-height:80px; background:url(../img/decor/products/matching_gifts.jpg) 100% 0 no-repeat; }
#donations { min-height:80px; background:url(../img/decor/products/donations.jpg) 100% 0 no-repeat; }
#grants { min-height:80px; background:url(../img/decor/products/grants.jpg) 100% 0 no-repeat; }
#resumes { min-height:80px; background:url(../img/decor/products/resumes.jpg) 100% 0 no-repeat; }
#sponsorships { min-height:80px; background:url(../img/decor/products/sponsorships.jpg) 100% 0 no-repeat; }
#suggestions { min-height:80px; background:url(../img/decor/products/suggestions.jpg) 100% 0 no-repeat; }
#vendor_management { min-height:80px; background:url(../img/decor/products/vendor_management.jpg) 100% 0 no-repeat; }
#supplier_qualification { min-height:80px; background:url(../img/decor/products/supplier_qualification.jpg) 100% 0 no-repeat; }
/************** Forms **************/
fieldset { margin:0; padding:0; border:0 none; }
fieldset p.action { margin-top:5px; text-align:left !important; }
form h4 { font-size:105%; margin-bottom:15px; }
form table { width:auto; }
form table th { padding:2px; vertical-align:top; text-align:right; font-weight:normal; }
form table td { padding:2px; vertical-align:top; text-align:left; }
.form-text, textarea { width:330px; padding:1px 2px; border:1px solid #A7A9AC; 
    font:small Trebuchet,"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;}
textarea { height:5.5em; }
.form-button { font-size:medium; font-weight:bold; }
a.form-secondary { float:right; font-size:90%; color:#A7A9AC; }

/************** Table Styles **************/
.feature-table { position:relative; margin-top:10px; }
.feature-table thead tr { border-bottom:2px solid #ccc; }
.feature-table thead th { padding:2px 5px; font-weight:normal; text-align:left; }
.feature-table thead th img { padding-top:5px; }
.feature-table th.left-header, .feature-table th.cntr-header, .feature-table th.rght-header { 
    background:#eee; text-align:center; }
.feature-table th.left-header { -moz-border-radius-topleft:12px; -webkit-border-top-left-radius:12px; 
    border-top-left-radius:12px; border-right:2px solid #fff; }
.feature-table th.rght-header { -moz-border-radius-topright:12px; -webkit-border-top-right-radius:12px; 
    border-top-right-radius:12px; border-left:2px solid #fff; }
.feature-table tbody th, .feature-table tbody td { padding:5px 0; border-bottom:1px solid #eee; 
    vertical-align:middle; }
.feature-table tbody th { padding-left:2px; font-weight:normal; text-align:left; }
.feature-table tbody td { border-right:2px solid #fff; text-align:center; }
.feature-table tbody tr { border-bottom:1px solid #eee; }
.feature-table tbody tr:hover, .feature-table tbody tr:hover td { background:#C4E3B9; }