body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background: url(../images/bg_body.jpg) repeat-x #757779; font-family:Verdana, Arial, Helvetica, sans-serif; color:#282526; font-size:12px; margin:0; padding:0; height:100%;}
* {margin: 0 auto; padding: 0;}
a img {border: none;}
a:active{outline:none !important;}
ul, ol {padding:0; margin:0;}
td, th, tr {font-size:12px;}

.right{float:right; clear:both;}
.left{float:left; clear:both;}
.clickable{cursor:pointer;}

#BodyWrapper{position:relative; width:800px; margin:20px auto 0 auto;}
#TopWrapper{position:relative; display:block; }
#LogoCFoB{background:url(../images/CFGBlogo.gif) no-repeat; height:90px; width:200px; float:left;}
#LogoCFoB a{position:relative; display:block; height:100%; text-indent:-9999px;}
#LanguagePref{color:#fff; position:absolute; bottom:0; right:25px; background:url(../images/bg_Espanol.gif) no-repeat; height:30px; width:103px;}
#LanguagePref a{position:relative; height:30px; width:103px; display:block; text-indent:-9999px;}
#PageWrapper{ width:780px; padding:10px; background:#fff;}

#Header{position:relative; background:#fff; height:137px; display:block; margin-bottom:10px;}
#Banner{position:relative; background:url(../images/bg_banner-nav.jpg) no-repeat; float:left; width:592px; height:137px;}
#Banner h1{position:relative; height:100%; width:100%;}
#Banner h1 a{display:block; height:100%; text-indent:-9999px;}

#Nav{position:absolute; bottom:0; right:0; color:#fff; width:592px; height:27px; margin:0; padding:0;}
#Nav #bluePNG{display:none; background: url(../images/nav_blue.png) repeat; width:117px; float:right; height:27px; display:block; position:relative;}
#Nav ul{position:relative; list-style:none; margin:0; padding:0; float:right; display:block; top:-1px;}		
#Nav li{position:relative; display:inline; float:left; margin:0; padding:0; width:93px; border-left:2px solid #fff;}
#Nav li a{position:relative; color:#fff; font-size:13px; display:block; text-decoration:none; padding:6px 0; height:16px; background:#636c72; font-family:Arial, Helvetica, sans-serif; text-align:center;}
#Nav li a:hover, #Nav li a.current{color:#fff; background:#4A7F9D; }
#Nav ul li ul {position: absolute; top:28px; left:-2px; display:none; font-size: 10px; background:#dedede; border-top:2px solid #fff; padding:0 2px 0 0;}
#Nav ul li ul li{display:block; width:150px;}
#Nav ul li:hover ul {display: block;}
#Nav ul li ul li a{font-size:11px; border-bottom:2px solid #fff; display:block; background:#636c72; height:auto; text-align:left; padding:6px;}
#Nav ul li ul li a:hover, #Nav ul li ul li a.current{background:#3c779a;}

#Logo{background:url(../images/bg_logo800.jpg) no-repeat; float:right; width:178px; height:137px;}
#Logo h2{position:relative; height:100%; width:100%;}
#Logo h2 a{display:block; height:100%; text-indent:-9999px;}

#ContentWrapper{background:url(../images/bg_content800.jpg) repeat-y; }
#MainContent{float:left; width:570px; padding:10px;}
#MainContent img{float:left; border:2px solid #B41F25;}
#MainContent .PicPad{padding:0 10px 10px 0; float:left; display:block;}
#MainContent ul{padding:0 0 0 30px; margin:10px 0;}
#MainContent ul li{padding:5px;}
#MainContent h1{color:#3c779a; font-size:20px; margin:0 0 5px 0;}
#MainContent h2{color:#3c779a; font-size:20px; margin:0 0 5px 0;}
#MainContent h3{color:#3c779a; font-size:14px; margin:10px 0 5px 0;}
#MainContent h4{color:#3c779a; font-size:14px; margin:0 0 5px 0;}
#MainContent h5{ color:#3c779a; font-size:14px; margin:0 0 5px 0;}
#MainContent a{ color:#B41F25; text-decoration:none;}
#MainContent a:hover{ color:#B41F25; text-decoration:underline;}
#MainContent p{margin:0 0 10px 0;}
#MainContent .Thumbnail{padding:0 10px 10px 0; float:left; display:block;}
#MainContent .icon{border:0px; padding:0 10px;}
#MainContent .ImageWrap{padding:0 0 0 10px; display:block;}

#Icons{Display:block; width:400px; padding:10px 0 0 0; margin:0; position:relative;}
#Icons #Print{position:relative; height:54px; width:64px; float:left; background:url(../images/icon-print.gif) no-repeat; margin:0 0 0 15px;}
#Icons #CSV{position:relative; height:54px; width:64px; float:left; background:url(../images/icon-excel.gif) no-repeat; margin:0 0 0 15px;}
#Icons a{display:block; height:100%; color:#3c779a;}
#Icons a:hover{text-decoration:none;}
#Icons a span{position:absolute; bottom:0;}

#MainContent2{float:left; width:570px; padding:10px;}
#MainContent2 img{float:right; border:2px solid #B41F25;}
#MainContent2 .PicPad{padding:0 0px 10px 10px; float:right; width:300px;}
#MainContent2 ul{padding:0 0 0 30px; margin:10px 0;}
#MainContent2 ul li{padding:5px;}
#MainContent2 h1{color:#3c779a; font-size:20px; margin:0 0 5px 0;}
#MainContent2 h2{color:#3c779a; font-size:20px; margin:0 0 5px 0;}
#MainContent2 h3{color:#3c779a; font-size:14px; margin:10px 0 5px 0;}
#MainContent2 h4{color:#3c779a; font-size:14px; margin:0 0 5px 0;}
#MainContent2 h5{ color:#3c779a; font-size:14px; margin:0 0 5px 0;}
#MainContent a{ color:#B41F25; text-decoration:none;}
#MainContent a:hover{ color:#B41F25; text-decoration:underline;}
#MainContent2 p{margin:0 0 10px 0;}
#MainContent2 .Thumbnail{padding:0 10px 10px 0; float:left; display:block;}
#MainContent2 .icon{border:0px; padding:0 10px;}
#MainContent2 .ImageWrap{padding:0 0 0 10px; display:block;}

#ReportWrapper{}
#ReportWrapper table{margin:10px auto; position:relative; border:0; color:#333;}
#ReportWrapper table tr.alt{background:#f7f7f7;}
#ReportWrapper table tr.Totals{background:#9FA0A4; color:#fff;}
#ReportWrapper table tr.clickable:hover{background:#b1ce86;}
#ReportWrapper table th{text-align:left; background:#72963e; color:#fff; font-size:14px; padding:5px; border:0;}
#ReportWrapper table th a{color:#fff;}
#ReportWrapper table td{text-align:left; font-size:12px; padding:5px; border:0;}

#FormConfirmation{border:1px dashed #DB7728; padding:10px; margin:10px 0;}
#FormConfirmation h3{color:#DB7728;}
#FormConfirmation a{text-decoration:none;}
.Errors{color:#f00;}
.Errors ol{padding:0 0 0 35px; margin:10px 0; list-style:none;}
.Errors ol li{padding:3px;}

ul.form{list-style:none; padding:10px;}
ul.form li{padding:5px;}
ul.form li.alt{background:#FFC18F;}
ul.form label{width:100px; display:block; float:left;}
ul.form label.long{width:150px;}
ul.form input[type="text"], ul.form input[type="password"]{width:250px;}
ul.form input.long{width:350px;}
ul.form textarea{width:315px; margin:0 0 0 35px;}
ul.form ul{list-style:none; padding:10px 10px 10px 55px;}
ul.form ul li{padding:5px;}
ul.form ul li label{width:220px; padding:0 0 0 5px;}
ul.form ul li input[type="text"]{width:80px;}
ul.form ul li input[type="radio"]{float:left;}
ul.form ul li input[type="checkbox"]{float:left;}

ul.Downloads{padding:10px 0 10px 25px; list-style:none;}
ul.Downloads li {padding:10px 0; clear:both;}
ul.Downloads img {margin:4px 0 0 0;}
ul.Downloads a{color:#B51E23;}
ul.Downloads li h4{color:#3C779A !important;}

.VolunteerBtns{display:block; clear:both; padding:15px 0;}
.PageList{display:block; clear:both; margin:10px 0;}
.PageList img{float:left;}
.PageList .PicPad{float:left; padding:0 15px 10px 0;}
.WrapImage{float:left; width:431px;}
.Testimonial, .Status, .NewsWrap{float:left;}
.Status div{margin:3px 0;}
.Testimonial div{margin:3px 0;}
.NewsHeadline{display:block; margin:0 0 10px 0;}
.NewsDek{display:block; clear:both;}
.TestimonialAuthor{display:block; text-align:right; font-weight:bold; border-bottom:1px dotted #AFB0B2; padding:0 0 5px 0;}
.ReadMore{display:block; text-align:right; font-weight:bold; padding:0 0 5px 0;}
.StatusBottom{display:block; clear:both; text-align:right; border-bottom:1px dotted #AFB0B2; padding:0; font-size:1px; }

ul.Partners{display:block; }
ul.Partners li{ width:270px; list-style:none; float:left; margin:10px 0;}
ul.Partners li img{border:2px solid #757779 !important;}

#PartnerLogos table.Partners{clear:both;}
#PartnerLogos table.Partners tr{}
#PartnerLogos table.Partners td{background:url(../images/bg_partners.gif) no-repeat; width:270px; text-align:center; }
#PartnerLogos table.Partners img{border:0; float:none;}

#Sidebox {width:178px; float:right;}
.Sidebox{margin-bottom:10px;}
#Sidebox .SideboxError{padding:5px; margin:10px 5px 5px 5px; background:#fff; color:#f00; border:1px solid #f00; text-align:center;}
#Sidebox .blue{float:right; width:178px; background:#3c779a; color:#fff;}
#Sidebox .blue h3{font-size:15px; margin:0 0 5px 0; background:#778EAB; padding:4px 0px; text-align:center;}
#Sidebox .green{float:right; width:178px; background:#72963e; color:#fff;}
#Sidebox .green h3{font-size:15px; margin:0 0 5px 0; background:#94af6c; padding:4px 0px; text-align:center;}
#Sidebox .orange{float:right; width:178px; background:#db7728; color:#fff;}
#Sidebox .orange h3{font-size:15px; margin:0 0 5px 0; background:#e4985b; padding:4px 0px; text-align:center;}
#Sidebox .orange h5{font-size:13px; margin:0 0 5px 0; padding: 0 5px;}
#Sidebox .orange span{padding:0 5px;}
#PartnerNav{text-align:center; padding:5px; margin:45px 0;}
#PartnerNav a{padding:5px 0; display:block;}
#Sidebox p{margin:0; padding:10px;}
#Sidebox a{color:#fff; text-decoration:none;}
#Sidebox a:hover{text-decoration:underline;}
#Sidebox form ul{margin-top:10px; list-style:none}
#Sidebox form label{font-weight:bold;}
#Sidebox form ul li{padding:5px;}

.NewsSide{padding:5px; margin-bottom:5px;}
.NewsSide .top{clear:both; display:block;}
.NewsSide img{float:left; padding:0 0 0 5px}
.NewsSide .SideImage{width:90px; float:left;}
.NewsSide h4{float:left; display:block; font-size:14px; padding:0 0 0 5px;}
#Sidebox .NewsSide h4 a{color:#ccc; font-size:13px;}
.NewsSide h5{float:left; display:block; font-size:12px; padding:0 0 0 5px;}
.NewsSide span{float:left; display:block; clear:both; font-size:11px; padding:0 0 0 5px;}
.NewsSide p{padding:0px;}
.NewsSide .ReadMore{float:right;}

.VolunteerSide .top{clear:both; display:block;}
.VolunteerSide img{float:left; padding:0 0 0 5px}
.VolunteerSide .SideImage{width:90px; float:left;}
.VolunteerSide h4{float:left; display:block; font-size:12px; padding:0 0 0 5px;}
.VolunteerSide span{float:left; display:block; clear:both; font-size:11px; padding:0 0 0 5px;}
.VolunteerSide p{padding:0px 10px;}

.CampaignSide{padding:5px;}
.CampaignSide span.Dek{padding:5px;}
.CampaignSide ul{list-style:none;}
.CampaignSide ul li{padding:5px 0;}

#FeatureBoxes{margin:10px 0 0 0; padding:0; overflow:hidden; background:url(../images/bg_featureBoxes.jpg) repeat-y;}
#FeatureBoxes .BoxWrap{float:left; padding:0 10px 0 0; width:253px;}
#FeatureBoxes .noWrap{padding:0; margin:0;}
#FeatureBoxes .FeatureBox{width:253px; float:left;}
.FeatureBox h3{display:block; position:relative; text-align:center; color:#fff; background:#999; text-transform:uppercase; font-size:14px;}
.FeatureBox h3 span{color:#fff; position:relative; display:block; height:100%; padding:15px 0;}
.FeatureBox h3 a{color:#fff; position:relative; display:block; height:100%; padding:15px 0;}
.FeatureBox h3 a:hover{text-decoration:none;}

.FeatureBox h3.orange{background:url(../images/bg_featureOrange.jpg) repeat-x #d97627;}
.FeatureBox h3.green{background:url(../images/bg_featureGreen.jpg) repeat-x #71953d;}
.FeatureBox h3.red{background:url(../images/bg_featureRed.jpg) repeat-x #b31f24;}
.FeatureBox img{float:left; padding:10px;}
.FeatureBox span{padding:5px 10px; display:block;}
.FeatureBox a{color:#282526; text-decoration:none;}
.FeatureBox a:hover{text-decoration:underline;}

#Footer{color:#fff; text-align:center;}
#Footer p{margin:0; padding:0;}

/***********Min-Height Hack**************/
.prop{float:left;width:1px;}
.min{height:300px;}
.clear{display:block; clear:both;}

/***********IMPORTS**************/

/***********Alsett Clearing Method*******/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}