<style type="text/css">
/*dynamic color = #*/
*{ -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box}


body{ margin:0 auto; font-family: 'Source Sans Pro', sans-serif; color:#7f8c8d;   } /* background: url(../images/dkbg.png) repeat;*//*enable image bg*/

.block{display:block; max-width:960px;margin:0 auto;}
.textright{text-align:right}
.givingtools{background:#fff;padding:1px 20px 20px 20px; margin-bottom:20px;}
.none{display:none;}
h1, h2, h3, h4, h5{font-family:'Source Sans Pro', sans-serif;}
hr{display: block; height: 1px;
    border: 0; border-top: 1px solid #cecfd0;
    margin: 1em 0; padding: 0; }
.cap{text-transform:uppercase;}
.caps{text-transform:uppercase;}
.caps span{display:inline-block; width:15px; height:15px; background:#; margin-right:10px;}
.goal{display:inline-block; margin: 0 10px;}
.goal span{background:#; padding:0px 4px;}

.pic{
	width: 100px;	height: 100px;	margin: 0 10px !important;	display: inline-block;	cursor: pointer;	-webkit-touch-callout: none;	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	float:left;}
.pic img {	display: block;	width: 100%;}

.pure-menu{text-transform:capitalize; background:#ecf0f1;color:#34495e;}
.pure-menu ul{list-style:none;margin-left:0;margin-top:28px; padding-left:0}
.pure-menu li{display:inline-block;}

.admin-nav-menu{text-transform:capitalize; background:#ecf0f1;color:#34495e;}
.admin-nav-menu ul{list-style:none;margin-left:0;margin-top:33px; padding-left:0}
.admin-nav-menu li{display:inline-block;}

#menu-icon{background:# url(../images/menu-icon.png) center;}

a.giving-tools-logo{display:block; width:330px; margin:51px auto 0 auto; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
 filter:alpha(opacity=100);  
 -moz-opacity:1;  
 -khtml-opacity:1;  
 opacity:1; }
a.giving-tools-logo img{margin-top:20px;}
a{color:#; text-decoration:underline;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
 filter:alpha(opacity=50);  
 -moz-opacity:0.5;  
 -khtml-opacity:0.5;  
 opacity:0.5; 
}
a:hover{text-decoration:none;}
a.logo{margin-top:24px;}
a.logo, .pure-menu a, .pure-menu a:visited{text-transform:uppercase; display:block;color:#;padding:0px 8px 0px 20px;text-decoration:none;white-space:nowrap}
a.logo:hover, a.logo:focus, .pure-menu a:hover, .pure-menu a:focus, .pure-menu a.nav{background:none;  border:none;  color:#;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
filter:alpha(opacity=100);  
-moz-opacity:1;  
-khtml-opacity:1;  
opacity:1; 

}
.fixed {position:fixed; width:100%;top:0;text-align:center;padding:20px;}
.center{position:relative;left:40%;}


.icon-menu{text-transform:capitalize; background:#ecf0f1;color:#;}
.icon-menu ul{list-style:none;}
.icon-menu li{display:inline-block;}
.icon-menu a, .icon a:visited{background:#; text-transform:uppercase; display:block;color:#fff;width:40px;height:40px; text-align:center;line-height:130%;text-decoration:none;white-space:nowrap; font-size:150%; cursor:pointer}
.icon-menu a:hover, .icon-menu a:focus{background:#;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
filter:alpha(opacity=100);  
-moz-opacity:1;  
-khtml-opacity:1;  
opacity:1;   
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-ms-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;  border:none;  color:#fff}

.alignleft{float:left; padding: 10px 20px 20px 0}
.entry-content p{ padding-top:0; }
.float-left{float:left}
.float-right{float:right}
.text-left{text-align:left}
.text-right:{text-align:right;}
.text-centered{text-align:center;}
.clear{clear:both}
.clr{clear:both; height:0px; width:100%;}
.pr{padding-right:20px;}
	p{word-wrap: break-word;}
.active{display:block;}
.minimize{display:none;}

.primary-button{ background:#;  color:#fff;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
filter:alpha(opacity=100);  
-moz-opacity:1;  
-khtml-opacity:1;  
opacity:1; 
}
.primary-button:hover{  
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
filter:alpha(opacity=80);  
-moz-opacity:.8;  
-khtml-opacity:.8;  
opacity:.8; 
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-ms-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}

a.sal{background:# url(../images/sal.png) top left no-repeat;
height:27px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
a.sar{background:# url(../images/sar.png) top right no-repeat;
height:27px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}

#splash-head{ color:#fff;  margin:0em 0;  line-height:1.2em; font-weight:700}
#splash-head h3{line-height:1.25em;}
.splash .splash-subhead{ color:#999;  font-weight:300;  line-height:1.4em}
.splash .primary-button{ font-size:150%}

.slider{}
.slider p{padding:0 20px; margin:0;}

.slider .slider-button, .slider .slider-button:hover{ position:relative;top:-300px;z-index:2; background:#;  color:#fff; padding:20px; text-decoration:none; font-size:150%; font-weight:700}

.content .content-subhead{text-transform:uppercase;  margin:0px 0 0 -20px;display:inline-block;background:#; color:white; padding:10px 20px;}
.content .content-subhead a{color:white; text-decoration:underline}

.content .content-ribbon{margin-top:20px; padding:0 20px 20px 20px; background:#f9fafb}
.content .content-banner{padding:0px 20px; background:#ecf0f1}
.content .content-banner-2{padding:0px 20px; background:#f9fafb}

#calculator{padding-bottom:20px; background:#ecf0f1; } /*background: url(../images/dkbg.png) repeat;*/
#calculator .content-subhead{margin:0;}

.calculator{text-transform:capitalize; background:#;color:#34495e;}
.calculator ul{list-style:none;margin-left:0; padding-left:0}
.calculator li{display:inline-block;}

.sub{margin-top:-11px;}
.mt, .margin-top{margin-top:20px;}
.mb, .margin-bottom{margin-bottom:20px;}
.mr, .margin-right{margin-right:20px}
.ml, .margin-left{margin-left:20px}

.small{font-size:.75em; line-height:1.25em;}
.sm{font-size:.75em; display:block; line-height:1em !important; padding:0; margin:0}
.small-button{font-size:.75em !important; line-height:1.25em; padding:5px 10px;}

.ribbon{ background:#eee;  text-align:center;  padding:1.5em;  color:#999}
.ribbon h2{ display:inline;  font-weight:normal}

.pure-control-group p, .pure-control-group label, .pure-control-group input, .pure-control-group select, .pure-control-group textarea, .pure-control-group span.default-thumb, .pure-control-group span.current-thumb, .pure-control-group a, input.add{margin-left: 25px;}
.pure-control-group .primary-button{margin-left:0;}
.pure-control-group.drag{background: url(../images/drag.png) top right no-repeat; background-position: 100% 50%;border-bottom:2px dotted #bdbebf; cursor:move}
.pure-control-group.drag h4{padding:0;margin:0}
.meter { 
	height: 3px;  /* Can be anything */
	position: relative;
	background: #ecf0f1;
	margin:40px 0 0px 0;
}
.meter > div {
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-color: #;
}
.meter > div:nth-child(2) {
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-color: #fff;

	color:#;
	text-align:right;
}

.white{background:white}

.news img{width:95%;}
.news h4, .news p{width:95%;}

.footer{ background:#; padding:20px; color:#fff; font-size:80%; }
.footer a{color:#fff; }
.footer p{  margin-top: .5em;
margin-right: 0px;
margin-bottom: .5em;
margin-left: 0px;
}
.login{font-family:'Source Sans Pro', sans-serif; font-weight:bold;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
filter:alpha(opacity=50);  
-moz-opacity:.5;  
-khtml-opacity:.5;  
opacity:.5; text-decoration:none; font-weight:normal; height:26px; display:inline-block; }
.login a, .login a:hover{text-decoration:none;}
.login span{vertical-align:middle;}
.login img{vertical-align:middle;}

.pure-form ul{list-style:none; padding:0; margin:0;}
.pure-form li{margin:0; padding:0 0 5px 0}
.pure-form .pure-button{color:fff}
button,input,select,textarea{font-family: 'Source Sans Pro', sans-serif;}


.admin-menu img{display:block; width:auto; margin:0 auto 20px auto}
.admin-menu a{display:inline-block; padding-top:45px;width:24.5%; min-width:110px; height:65px; color:#8d8e8d; font-size:80%; text-decoration:none; font-weight:bold; line-height:1.25em; text-align:center; margin:0 0 10px 0; text-transform:uppercase;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
filter:alpha(opacity=100);  
-moz-opacity:1;  
-khtml-opacity:1;  
opacity:1; 
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}
.admin-menu a:hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
filter:alpha(opacity=80);  
-moz-opacity:.8;  
-khtml-opacity:.8;  
opacity:.8; 
color:#;
}
.admin-menu span{clear:both; }
.admin-menu a.new{background:# url(../images/new.png) top right no-repeat;}
.admin-menu a.inc{background:# url(../images/inc.png) top right no-repeat;}
.admin-menu a.com{background:# url(../images/com.png) top right no-repeat;}

.admin-menu a.gray{background:#c7c7c7 url(../images/lar.png) top right no-repeat;}
.admin-menu a.gray span{margin-left:-12px;}

.admin-nav-menu ul{margin:0px; padding:21px 0 20px 0}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*------------------------------------------------------------------------

        Name: Full Width Slider 2.0
        Design and Develpment: eightyclouds
        Author URI: http://www.eightyclouds.com
        Version: 1.0

--------------------------------------------------------------------------*/

#fwslider{    position:relative;     background:#fff;     width:100%; max-height:611px; overflow:hidden; margin-top:19px}
#fwslider .slider_container{}
#fwslider .slide{    display:none;     position:absolute;     top:0;     left:0;     z-index:0;     width:100%; cursor:pointer; max-height:590px}
#fwslider .slide img{    width:100%}
#fwslider .slidePrev{    background:#;     width:40px;     height:40px;     position:absolute;     top:50%;     left:-40px; z-index:10;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
filter:alpha(opacity=50);  
-moz-opacity:0.5;  
-khtml-opacity:0.5;  
opacity:0.5; }
#fwslider .slidePrev span{    background-image:url("../images/left_arrow.png");     width:40px;     height:40px;     float:left;     background-position:50% 50%;     background-repeat:no-repeat;     cursor:pointer}
#fwslider .slideNext{    background:#;     width:40px;     height:40px;     position:absolute;     top:50%;     right:-50px; z-index:10;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
filter:alpha(opacity=50);  
-moz-opacity:0.5;  
-khtml-opacity:0.5;  
opacity:0.5;}
#fwslider .slideNext span{    background-image:url("../images/right_arrow.png");  width:40px;  height:40px;  float:left;  background-position:50% 50%;  background-repeat:no-repeat;  cursor:pointer}
#fwslider .timers{display:none;}/* height:4px;  position:absolute;  bottom:15px;  right:0;  z-index:3*/
#fwslider .timer{ height:4px;  width:40px;  background-color:#000;  float:left;  margin-right:10px}
#fwslider .progress{ height:4px;  width:0%;  background-color:#;  float:left}
#fwslider .slide_content{ top:0;  left:0;  position:absolute;  width:100%;  height:100%}
#fwslider .slide_content_wrap{ max-width:1280px;position:absolute;bottom:0px; left:15px;}
#fwslider .title{  opacity:0;  color:#fff;   font-size:36px;  background:#ecf0f1;  padding:10px;  float:left; font-style:normal;  font-weight:400}
#fwslider .description{opacity:0;  color:#;  font-size:18px; background:#ecf0f1;  padding:10px;  clear:both;  float:left;  margin-top:2px;  line-height:24px;  font-style:normal;  font-weight:400}
#fwslider .readmore{ opacity:0;  clear:both;  float:left;  text-transform:uppercase;  font-size:10px;  color:#919191;  background:#000;  padding:10px;  text-decoration:none;  margin-top:2px;  font-family:'Open Sans';  font-style:normal;  font-weight:400}
#fwslider .readmore:hover{ color:#fff}
#fwslider a{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
filter:alpha(opacity=100);  
-moz-opacity:1;  
-khtml-opacity:1;  
opacity:1; 
}

/*formbuilder*/

.formbuilder span{float:left; }
.formbuilder input[type=text]{float:left; width: 90%;}
.formbuilder select{float:left;width110px;}
.formbuilder li{width:100%;clear:both; border:1px solid #ecf0f1; padding:0 0 10px 10px; margin-top:10px; }
.formbuilder .remove{background:none; font-size:90%; border:0;margin-top:5px; width:70px;text-align:right; float:right}

/*end formbuilder*/

.filterbox{padding:20px 0;}
.pf-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb; width:100%; background:#ecf0f1}
.pf-table th, td {border-left:1px solid #cbcbcb;border-width:0 0 0 1px;margin:0;overflow:visible;padding:10px 5px;}
.pf-table tr:nth-child(odd) {background: #f2f2f2;}
.pf-table th{background: #e9eaed;}
.pf-table ul.pagination{padding:10px 0;margin:0}

@media (max-width: 720px) {
.filterbox .sort{display:none;}
.pf-table th {position: absolute;top: -9999px;left: -9999px; }
.pf-table td:before {content: attr(data-th)": ";  font-weight: bold;width: 50%;  display: inline-block;padding:4px 8px;}
.pf-table td{display: table;border:0;border-bottom:1px solid #bdc3c7;width:100%;}
}

.notify{padding:5px 0; text-align:center}
.alert{background-color:#f9fafb; color:#dde9e9}
.notice{background-color:#f9fafb; color:#fdf7a9}
.success{background-color:#f9fafb; color:#f39c12}
.warning{background-color:#f9fafb; color:#fcb448}
.error{background-color:#f9fafb; color:#ff6567 !important; padding:2px 5px !important; text-align:center;}

@media only screen and (max-width :640px){

.admin-menu img{display:block; width:auto; margin:0 auto 20px auto}
.admin-menu a{display:inline-block; padding-top:45px;width:45.5%; min-width:110px; height:65px; color:#8d8e8d; font-size:80%; text-decoration:none; font-weight:bold; line-height:1.25em; text-align:center; margin:0 0 75px 0; text-transform:uppercase;

					}

</style>