@charset "utf-8";dfsd
/* CSS Document */

/***********************************Main styles***********************************/
body,html{ background-color:#000000; font-family:Arial, Helvetica, sans-serif; color:#1f1f1f; font-size:12px;  height:100%;}
#container{ width:1014px; margin:0 auto;  height:100%;}
a{ text-decoration:none; outline:none;}
h1, h2, h3, h4, h5, h6, ul, p, form, input, a, img{ margin:0; padding:0;}
.clear{ clear:both;}
#main-content{ background-image:url(../_img/css/content-background.gif); background-repeat:repeat-y; margin-bottom:36px; height:100%; border:solid 1px #e4e4e4; border-width:0 1px 1px 1px; padding:0;}
img{ border:none;}

/***********************************Header***********************************/

#header{ background-image:url(../_img/css/compassLogo.gif); background-repeat:no-repeat; background-position:right top; height:209px; margin:0; padding:0;}
#header .logo a{ background-image:url(../_img/css/logo.gif); width:677px; height:79px; float:left; margin:65px 0 0 0;}
#header .logo h1, #header .logo a img{ display:none;}

/***********************************Navigation***********************************/

#navigation{ background-image:url(../_img/nav/nav-gradient.jpg); background-repeat:repeat-x; height:43px; width:1012px; border:solid 1px #525252; border-width:1px 1px 0 1px;}
#navigation .navigationBox{ border-bottom:1px solid #525252; margin:10px 12px 0 12px; width:976px; padding:0 0px 10px 12px; }
#navigation .navigationBox .nav-tabs{ float:left;}
#navigation .navigationBox .nav-tabs ul li{ margin-right:30px; float:left; list-style:none;}
#navigation .navigationBox .nav-tabs ul li.active a{ color:#da2b00; }
#navigation .navigationBox .nav-tabs ul li a{ color:#FFFFFF;}
#navigation .navigationBox .nav-tabs ul li a:hover{ color:#da2b00;}
#navigation .navigationBox .nav-tabs ul li a h2{ font-size:18px; font-weight:100;}
#navigation .navigationBox .nav-tabs ul li ul{ color:#6a6a6a; list-style:none;}
#navigation .navigationBox .nav-tabs ul li ul li {float:left; margin:0 5px; font-size:12px;}
#navigation .navigationBox .nav-tabs ul li ul li a { color:#999999;}
#navigation .navigationBox .nav-tabs ul li ul li a:hover{ color:#ffffff;}

/***********************************Sub navigation line***********************************/
#sub-navigation{ width:1012px; border:solid 1px #525252; border-width:0 1px 1px 1px; font-size:12px; padding-bottom:8px;}
#sub-navigation .sub-links{ float:left;}
#sub-navigation .sub-links ul { margin:7px 0 0 19px; color:#6a6a6a; list-style:none;}
#sub-navigation .sub-links ul li{ float:left; margin:0 5px;}
#sub-navigation .sub-links ul li a{ color:#888888;}
#sub-navigation .sub-links ul li.active a{ color:#ffffff;}
#sub-navigation .sub-links ul li a:hover{ color:#ffffff;}
#sub-navigation #printBtn { float:right; margin:7px 12px 7px 0; }
#sub-navigation #printBtn a{ background:url(../_img/buttons/printButton.gif) no-repeat right; padding-right:23px; color:#999999; font-size:11px; padding-top:3px; }

/***********************************Large map area***********************************/
#intro-feature{ width:1012px; height:420px; border:solid 1px #525252; margin-bottom:36px; border-width:0 1px 1px 1px; }
#intro-feature .map{ width:676px; float:left; }
#intro-feature .map img{ margin:26px 0 0 3px;}
#intro-feature .map p{ color:#888888; font-size:11px; margin:24px 0 0 8px;}
#intro-feature .map p a{ color:#888888;}
#intro-feature .feature-text-box{ float:left; background-color:#FFFFFF; width:339px; height:420px;}
#intro-feature .feature-text-box .text{ height:310px; overflow:hidden;}
#intro-feature .feature-text-box .text h4{ color:#000000; font-size:12px; font-weight:100; margin:15px 16px 0 16px;}
#intro-feature .feature-text-box .text p{ margin:18px 16px 0 16px; font-size:16px;}

#intro-feature .feature-text-box .download-sheet{ background-image:url(../_img/icons/pdfIcon.png); background-repeat:no-repeat; margin-left:16px;}
#intro-feature .feature-text-box .download-sheet p{ padding:7px 0px; margin-left:44px;}
#intro-feature .feature-text-box .download-sheet p a{ color:#e32b01; font-weight:bold;}
#intro-feature .feature-text-box .donate{ height:24px; margin:20px 22px;}
#intro-feature .feature-text-box .donate h5{ font-size:16px; float:left; margin-right:10px; font-weight:100;}
#intro-feature .feature-text-box .donate a{ background-image:url(../_img/buttons/donateButton.gif); float:left; width:108px; height:24px; }

#main-content img.gradient-map{ float:left;}

/***********************************Large map area in white***********************************/
#intro-feature .feature-text-box{ float:left; background-color:#000000; width:335px; height:420px; color:#f6f6f6; border-left:1px solid #525252;}
#intro-feature .feature-text-box .text h4{ color:#eeeeee; font-size:20px; font-weight:100; margin:15px 16px 0 16px;}

#intro-feature .feature-text-box .download-sheetBlack{ background-image:url(../_img/icons/pdfIconBlack.jpg); background-repeat:no-repeat; margin-left:16px; margin-top:10px;}
#intro-feature .feature-text-box .download-sheetBlack p{ padding:7px 0px; margin-left:44px;}
#intro-feature .feature-text-box .download-sheetBlack p a{ color:#e32b01; font-weight:bold;}

#intro-feature .feature-text-box .donateWhite{ height:24px; margin:20px 22px;}
#intro-feature .feature-text-box .donateWhite h5{ font-size:18px; float:left; margin-right:10px; font-weight:100;}
#intro-feature .feature-text-box .donateWhite a{ background-image:url(../_img/buttons/donateButtonWhite.gif); float:left; width:108px; height:24px; }

#main-content img.gradient-map{ float:left;}

/*********************************** Home content boxes***********************************/
#news-box, #about-box, #featured-box, #signUp-box{ float:left; width:241px; height:278px; background-color:#FFFFFF; margin-right:13px; border:solid 1px #272727; border-width:1px 1px 0px 1px; padding:0;  }
#signUp-box{ margin:0;}
.box-header{ background-image:url(../_img/css/box-grad.gif); margin:0; width:241px; height:49px; float:left; }
.box-header h3{ font-size:22px; font-weight:100; color:#FFFFFF; margin:15px; line-height:22px;}

#news-box p, #signUp-box p, #about-box p{ float:left; margin:12px 0px 0 14px; width:217px; }
#featured-box p{ margin:8px 0px 0 14px; width:217px; }
.news-bottom .bottom-link{ float:left; margin:15px 0 0 14px; }
.news-bottom .bottom-link p a{ background-image:url(../_img/icons/rss-icon.jpg); background-repeat:no-repeat; padding:5px 0 5px 35px; color:#d31908; font-weight:bold; margin:0; background-position:left;}
#news-box .news-feature{  margin-bottom:15px; }

span.newsTitle{ background-image:url(../_img/icons/arrow-icon.gif); background-repeat:no-repeat; background-position:0px 5px;   font-weight:bold; padding-left:10px; float:left; }
span.newsTitle a{ color:#1f1f1f;}
span.newsdate{ padding-left:10px; color:#666666; font-size:12px;}

.about-bottom .bottom-link{ float:left; margin:15px 0 0 14px;}
.about-bottom .bottom-link a, .featured-bottom .bottom-link a{ color:#d31908; font-weight:bold; margin:0; }
#about-box .video{ margin:12px 0 0px 11px; float:left;}
.featured-bottom .bottom-link{ float:left; margin:15px 0 0 14px;}
#featured-box h4{font-size:14px; font-weight:bold; margin:12px 0 0px 14px; }
#featured-box ul{ list-style:none;}
#featured-box ul li a{ background-image:url(../_img/icons/arrow-icon.gif); background-repeat:no-repeat; background-position:0px 5px;  padding-left:10px; float:left; color:#1f1f1f; margin-bottom:10px;}
#featured-box .summary a.morelink{ margin:0px 10px 0 14px; color:#d31908; font-weight:bold; float:left;}

#signUp-box form{ margin:12px 12px 5px 14px; }
#signUp-box form .input-box{ width:210px; margin-bottom:5px;}
#signUp-box form .sendButton{ float:left;}
#signUp-box form a{ float:right; color:#1f1f1f; text-decoration:underline; }
#signUp-box ul, #signUp-box span{ margin:0px 0 0px 14px; list-style:none; float:left; color:#666666; }
.signUp-bottom .bottom-link{ margin:15px 0 0 14px;}
.signUp-bottom .bottom-link a{ background-image:url(../_img/icons/facebook-icon.jpg); background-repeat:no-repeat; padding:5px 0 5px 35px; color:#d31908; font-weight:bold;}

.news-bottom, .about-bottom, .featured-bottom, .signUp-bottom{ float:left; width:241px; height:45px; background-color:#FFFFFF; margin-right:13px; border:solid 1px #272727; border-width:0px 1px 1px 1px; padding:0; margin-bottom:36px; }
.signUp-bottom{ margin:0;}

/***********************************Form styles***********************************/

.navigationBox .search{ float:right; }
.navigationBox .search form input.searchBox{ border:solid 1px #8b8b8b; float:left; width:160px; height:16px; padding:2px;}
.navigationBox .search form input.searchButton{ float:left;}

/*********************************** Our work ***********************************/
#work-feature{ width:1014px; height:478px; margin:0;}
.left-text-box{ width:619px; float:left; background-color:#ffffff; padding:20px 28px; font-size:14px; }
.right-text-box{ width:295px; float:left; background-color:#e4e4e4; padding:20px 21px; font-size:14px; }
.left-text-box a, .right-text-box a{ color:#d31908;}
.left-text-box h2, .right-text-box h2{ font-size:32px; color:#d31908; border-bottom:dotted 1px #a9a9a9; padding:0 0 12px 0; margin:0 0 20px 0;}
.left-text-box h4{  font-size:18px; font-weight:100; margin-bottom:15px; border-bottom:solid 1px #CCCCCC; padding-bottom:5px;}
.right-text-box h4{ font-size:18px; font-weight:100; margin-bottom:15px; border-bottom:solid 1px #999999; padding-bottom:5px; }
.left-text-box ul{ list-style:none; margin:15px 0; font-size:14px;}
.left-text-box ul li{ background-image:url(../_img/icons/arrow-icon.gif); background-repeat:no-repeat; background-position:0 5px; padding-left:14px; margin-bottom:5px;}
.right-text-box ul{ margin-top:20px; list-style:none;}
.right-text-box ul li{ background-image:url(../_img/icons/arrow-icon.gif); background-repeat:no-repeat; background-position:0 5px; padding-left:18px; margin-bottom:5px;}
.right-text-box ul li a{ color:#d31908;}
.right-text-box p{ font-size:14px; margin-top:10px;}
.left-text-box p{ margin:14px 0 0px 0;}
.left-text-box p a.pdf, .right-text-box p.pdf{ background:url(../_img/icons/pdfIcon.png) no-repeat; padding:14px 0 14px 42px; margin:5px 0 0 0; }
.left-text-box .contact-details p a.pdf{ float:left; }
.left-text-box h5{ font-weight:100;}





/*********************************** Clients ***********************************/
.client{ width:624px; margin-bottom:10px;  }
.client img{ float:left; padding:0 10px 10px 0; border:none;}
.client .client-summary{ float:left; width:480px;}
.client .client-summary h3{ color:#1f1f1f; font-size:18px; font-weight:100; }
.client .client-summary p{color:6a6c6d; font-size:14px; margin-top:7px;}
.client .client-summary p a{ color:#e32b01; font-weight:bold; }


/*********************************** Search-results ***********************************/
.left-text-box .pagination h4{ display:none;}
a{ color:#d31908;}
.left-text-box form input.searchBox{ border:solid 1px #8b8b8b; float:left; width:360px; height:16px; padding:2px;}
.no-results{ margin:10px 0 0 0px;}
.title{ margin:0px 0 0px 0; border-bottom:solid 1px #CCCCCC; padding-bottom:5px; font-weight:bold; font-size:1.25em; }
.result strong{ font-weight:100;}
.result{ margin:3em 0 3em 0; }
/*.result h2, .result h4, .result img, .result br{ display:none;}*/
.result .summary{ margin:6px 0 0px 0; font-weight:100; color:#666;}
.result .summary p{ margin:0px 0 0 0; padding:0;}
.result .summary { list-style:none;}
.result .summary li{ background-image:url(../_img/icons/arrow-icon.gif); background-repeat:no-repeat; background-position:0 5px; padding-left:14px; margin-bottom:5px;}


/*********************************** Contact ***********************************/
.contact-details .ruleadmin, .contact-details .containeradmin, .contact-details .fc-richtext, .contact-details.fc-richtext p{ width:280px;}

.contact-details{ float:left; margin:30px 20px 10px 0;}

.contact-details .fc-richtext h4{ background-color:#CCCCCC; width:270px; padding-left:10px; padding-top:5px;}

/*********************************** Donate content boxes***********************************/
#donate-online-box, #donate-stock-box, #donate-mail-box{ float:left; width:228px; height:315px; background-color:#FFFFFF; margin-right:13px; border:solid 1px #272727; padding:0; margin-bottom:36px;}
#charitable-status-box{ float:left; width:280px; height:315px; background-color:#FFFFFF; border:solid 1px #272727; padding:0; margin-bottom:36px;}
#charitable-status-box p{ font-size:10px;}
#donate-online-box p, #donate-stock-box p, #donate-mail-box p, #charitable-status-box p{ float:left; margin:12px 10px 0 14px;}
#donate-online-box p a{ background-image:url(../_img/icons/arrow-icon.gif); background-repeat:no-repeat; background-position:left; padding-left:10px; margin-bottom:15px; color:#1f1f1f; }
.small-box-header{ background-image:url(../_img/css/box-grad.gif); margin:0; width:228px; height:49px; float:left;}
.large-box-header{ background-image:url(../_img/css/box-grad.gif); margin:0; width:280px; height:49px; float:left;}
.small-box-header h3, .large-box-header h3{ font-size:22px; font-weight:100; color:#FFFFFF; margin:15px; line-height:22px;}

/*****************************Print Button*********************************************/
#printBtn{}

/***********************************Footer***********************************/
#footer{ width:1014px;}
#footer .footer-nav{ height:50px; background-color:#383838; }
#footer .footer-nav ul{ float:right; margin:0 12px 0 0; list-style:none;}
#footer .footer-nav ul li{ float:left; margin:10px 5px; color:#9e9e9e;}
#footer .footer-nav ul li a{ color:#9e9e9e;}
#footer .betenoir{ float:right;}
#footer .betenoir h5{ color:#575757; font-size:12px; font-weight:100; margin:8px 12px; }
#footer .betenoir h5 a{ color:#FFFFFF;}