/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
-----------------------------------------------------------------*/
/* Core */
/*body.bg{background:#fff}*/
/* Member menu item css*/
body{color:#525253;}
a{text-decoration:none;}
a.login_link :hover{
	text-decoration:none !important;
	color:rgb(193,169,128 ) !important;
}
a:hover,a:active,a:focus{/*text-decoration:none;*/}
.sp-wrap{margin-left:auto;margin-right:auto; width:1260px !important;}
.sp-block{float:left;display:inline}
.mod-block {padding:10px}
.sp-inner{padding:0 10px}
.gap{clear:both; /*margin-bottom:20px*/}
.main-bg {background:#fff}

/*Header Area*/
#header {position:relative;box-shadow:0 4px 0 rgb(12,54,100);-webkit-box-shadow:0 4px 0 rgb(12,54,100);  height: 137px;}
.main-container{margin-top:0px}
.main-container.subpage{padding-top: 0px;
background-color: #FFFFFF;
margin-bottom: 20px;
border: 1px solid silver;
border-top: none;
box-shadow: 3px 6px 12px #888888;}
a#logo{
	background: url(../images/logo.png) no-repeat 0 50%;
  	width: 26% !important;
  	height: 100px !important;
	background-size: 95%;
}
a#logo,#logo-text{
	float:left;
  	position: absolute;
  	top: 24px;
  	  z-index: 9999;
}
#logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0!important;padding:0!important}
#logo-text h1 a{}
#logo-text p.site-slogan{margin:0;padding:0;color:#999}
#sp-search{float:right;/*height: 50px;*/}
#sp-search .mod-search input#mod-search-searchword, 
#sp-search .mod-search input#mod-finder-searchword{background:url(../images/search_icon.png) no-repeat 97% 50%;padding:6px 12px;margin:7px 0 -11px 0;border-radius:0;color:#fff}
#sp-search .mod-search input.inputbox.span2:focus{box-shadow:none!important}

/* Homepage Banner */
div#home-banner{
   margin-left: auto;
  margin-right: auto;
  width: 1260px;
    box-shadow: 3px 6px 12px #888888;
}
div#sp-home-banner div.sp-inner.clearfix {
  padding: 0;
}
div#main-banner{
  width: 100%;
}
#main-banner img{
	width: 100%;
}
span#welcome-text{
	position: absolute;
  top: 112px;
  text-align: center;
  width: 100%;
  left: 0em;
  text-shadow: 1px 1px white;
  font-size: 24px;
  font-weight: bold;
  color: rgb(2, 80, 146);
  font-style: italic;
}
/* Bottom Banner */
div#sp-bottom-banners div.sp-inner.clearfix {
  padding: 0;
}
div#bottom-banners{
}
div#banners-bottom{
  height: 150px;
  background: linear-gradient(#ed1b2f 25%, #9e0918 75%);
  background: -webkit-linear-gradient(#ed1b2f 25%, #9e0918 75%);
}
div#act-now-banner {
  width: 50%;
  float: left;
    margin-top: 20px;
}
span#act-now-desc{
  font-size: 1.88889rem;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  position: relative;
  float: right;
  /* margin-top: 1em; */
  margin-right: 3em;
}
span#learn-how{
      padding: 10px;
  color: white;
  text-shadow: 1px 1px black;
  background: linear-gradient(#005eac 25%, #1a3a66 75%);
  background: -webkit-linear-gradient(#005eac 25%, #1a3a66 75%);
  border: 1px solid black;
  box-shadow: 3px 6px 12px white;
  position: relative;
  top: 3em;
  left: 27em;
  font-size: 16px;
  font-weight: bold;
}
div#donate-now-banner {
  width: 50%;
  float: right;
    margin-top: 20px;
}
span#donate-now-desc {
  font-size: 1.88889rem;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  position: relative;
  margin-top: 1em;
  margin-right: 1em;
}
span#donate-now {
  padding: 10px;
  color: white;
  text-shadow: 1px 1px black;
    background: linear-gradient(#005eac 25%, #1a3a66 75%);
  background: -webkit-linear-gradient(#005eac 25%, #1a3a66 75%);
  border: 1px solid black;
  box-shadow: 3px 6px 12px white;
  position: relative;
  top: 3em;
  right: 29em;
  font-size: 16px;
  font-weight: bold;
}

div#sp-bottom-banner div.sp-inner.clearfix {
  padding: 0;
}

/*Body after Header - Custom*/
.sp-wrap.main-container.frontpage.clearfix{padding-top: 0px;
background-color: #FFFFFF;
border: 1px solid silver;
border-top: none;
box-shadow: 3px 6px 12px #888888;
margin-bottom:15px;}
/* Layout */
#sp-leftcol,#sp-maincol{}
#sp-rightcol{}
#sp-right.mod-content.clearfix{
	padding-left:0px;
	padding-right:0px;
}
#sp-leftcol, #sp-rightcol, #sp-maincol ,#sp-inset1, #sp-inset2, #inner_content {float:left}
#sp-rightcol h3 {
background: linear-gradient(#005eac 25%, #1a3a66 75%);
background: -webkit-linear-gradient(#005eac 25%, #1a3a66 75%);
height: 45px;
}
#sp-rightcol h3.header span {
float: left;
font-size: 28px;
position: relative;
top: 10px;
}
/* avs video title*/
h3.avs_video_title {
background-color: white !important;
color:black;
}
#sp-maincol h3 {color: rgb(0,85,154);font-weight: 500; /*background: rgb(12,54,100);*/}
#sp-maincol h4 {color: rgb(0,85,154);font-weight: 500; /*background: rgb(12,54,100);*/}
#sp-inset1 .sp-inner {/*border-right:1px solid #dcdcdc;margin:0 20px 0 10px;padding-right:30px;padding-bottom:5px*/}
#sp-feature-grid-top .sp-inner, #sp-feature-grid-bottom .sp-inner {padding:0}

/*Font Resizer*/
div.font-sizer{width:45px;height:16px;line-height:16px;position:absolute;z-index:1;top:5px;right:10px}
div.font-sizer a.btn_fs_big,div.font-sizer a.btn_fs_reset,div.font-sizer a.btn_fs_small
{background-image:url(../images/font-resizer.png);background-repeat:no-repeat;height:16px;width:15px;border:medium none;cursor:pointer;display:block;float:left;text-indent:-999em;padding:0}
div.font-sizer a.btn_fs_big{background-position:0 0}
div.font-sizer a.btn_fs_reset{background-position:-15px 0}
div.font-sizer a.btn_fs_small{background-position:-30px 0}
div.font-sizer a.btn_fs_big:hover{background-position:0 -16px}
div.font-sizer a.btn_fs_reset:hover{background-position:-15px -16px}
div.font-sizer a.btn_fs_small:hover{background-position:-30px -16px}

/* Breadcrumbs */
#sp-breadcrumbs .sp-inner {padding:0}
#sp-breadcrumbs .breadcrumb {margin:0;background:transparent;-webkit-border-radius: 0;-moz-border-radius: 0;
	border-radius: 0;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}

/* Footer */
#sp-bottom{padding:0; width: 1260px;}
#sp-footer{
background: linear-gradient(rgb(12,54,100), rgb(0,85,154));
	background:-webkit-linear-gradient(rgb(12,54,100), rgb(0,85,154));
	background: -o-linear-gradient(rgb(12,54,100), rgb(0,85,154));
	background: -moz-linear-gradient(rgb(12,54,100), rgb(0,85,154));
position:relative;border-top: 5px solid rgb(12,54,100);}
#sp-footer .cp a,#sp-footer .cp {color: #909090;}


/*Footer Navigation*/
#sp-footer-nav{float:right;margin-top:8px}
#sp-footer-nav ul{list-style-type:none;padding:0;margin:0 0 5px 0}
#sp-footer-nav li{background:none;padding:0;display:inline} 
#sp-footer-nav .nav > li > a:hover {background:none;}
#sp-footer-nav a{font-weight:normal;text-decoration:none;display:inline;margin:0;padding:0 8px}
#topofpage{background:url(../images/go-to-top.png) no-repeat;width: 65px;
	height: 55px;position:absolute;left:50%;top:0;margin-left:-24px;cursor: pointer;margin-top:-27.5px;text-indent:-9999em}
.cp span.designed_by{float:left}

/* Helix Logo */
#powered-by{display:block;text-indent:-999em}
.helix-logo-light,.helix-logo-dark,.helix-logo-light-small,.helix-logo-dark-small{display:block;float:left;padding:0 10px 0 0;margin:0 20px 0 0;}
.helix-logo-light,.helix-logo-dark,.helix-logo-light a,.helix-logo-dark a{height:33px;width:160px}
.helix-logo-light-small,.helix-logo-dark-small,.helix-logo-light-small a,.helix-logo-dark-small a{height:33px;width:100px}
.helix-logo a{background-position:center center;background-repeat:no-repeat;display:block;text-indent:-999em}
.helix-logo-light a{background-image:url(../images/helix-logo/helix_light.png)}
.helix-logo-dark a{background-image:url(../images/helix-logo/helix_dark.png)}
.helix-logo-light-small a{background-image:url(../images/helix-logo/helix_light_small.png)}
.helix-logo-dark-small a{background-image:url(../images/helix-logo/helix_dark_small.png)}

/* Clearfix */
.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,:first-child+html .clearfix{zoom:1}

/* For menu */
#seperator{border-left:solid 1px;padding-left:15px;}
#main-menu-links a{color:white;}
#main-menu-links a:hover{opacity:0.7}
#main-left-links{padding-right:15px;} 
#hr_menu{border-bottom:none;margin:0px;margin-bottom:5px;}
#main-menu-links ul{list-style-type:circle; padding-left:15px;}
#main-menu-links ul li{font-size:12px;padding-top:1px}

/*Social Menu */
#social_icons img{width:50px; height:50px}

/* Action Projects */
#action_project_title{font-weight:bold;}
#hr_action{margin: 20px 0;
border: 0;
border-top: 1px solid #111112;}

/* Custom Frontpage Columns*/
.main-container.frontpage #sp-maincol{
width: 72%;
position: relative;
left: 10px;}
.main-container.frontpage #sp-rightcol{
width:27%;
position: relative;
left: 10px;}
.main-container.subpage #sp-maincol{
	width: 72% !important;
	position: relative;
	left: 10px;
	padding-top:20px;
	padding-left:2px;
	padding-right:2px;
}
.main-container.subpage #sp-rightcol{
width: 27%;
position: relative;
left: 10px;}
/* Custom for Pages not on homepage */
.main-container.subpage #sp-leftcol{width:20%!important;}
#sp-leftcol ul li{
	border-bottom:none;
}
#sp-leftcol{padding-top:15px;}

/* For video section */
#sp-inset1{
width: 25% !important;
}

/*Custom Page Headers */
.page-header h2 a{color:rgb(0,85,154);}
.page-header h2 a:hover {
text-decoration:none;
}

/*Guest Archive Page */
div#guest{
	padding-bottom:10px;
}
div#guest div.avPlayerWrapper.avAudio{
position: relative;
left: 139px;

}

span#download{
	background: linear-gradient(#f7f8f9 0%, #f1f3f4 25%, #dce4ee 100%);
background: -webkit-linear-gradient(#f7f8f9 0%, #f1f3f4 25%, #dce4ee 100%);
padding: 5px;
border: #b6b6b6 1px solid;
}
 
 
/* Login Buttons */
button.btn.btn-primary.btn {
  background: linear-gradient(#005eac 25%, #1a3a66 75%);
  background: -webkit-linear-gradient(#005eac 25%, #1a3a66 75%);
  }
  
  /*Related Products(3)*/
  
 .ProductList {
  margin-left: -75px;
}
  
  
  
div#Products2 {
  float: left;
  margin-left: 74px;
}



div#Products1 {
  float: left;
  margin-left: 128px;
}


div#Products1 p {
  font-weight: bold;
  font-size:13px;
}

div#Products2 p {
  font-weight: bold;
  font-size:13px;
}

div#Products3 p {
  font-weight: bold;
  font-size:13px;
}

/*Related Products(2)*/

div#Products4 {
  float: left;
  margin-left: 195px;
}
div#Products4  p{
  font-weight:bold;
}
div#Products5 {
  font-weight:bold;
}


/* custom Positions*/

div#sp-flip {
    position:absolute;
	top:-1%;
	right:-1%;
	}
	
div#sp-arrow{
	position:absolute;
	right:-1%;
	top:28%;
}	
	
/* Questions about Giving */

#DevelopOfficer{
	background: transparent linear-gradient(#F7F8F9 0%, #F1F3F4 25%, #DCE4EE 100%) repeat scroll 0% 0%;
	padding-left: 12px;
	padding-bottom: 44px;
}

#DevelopOfficer img{
	float:right;
	padding-top: 9px;
	padding-right:7px;
}
	
#QuestionsEmail1{
	position:absolute;
	top:148px;
	left:159px;
}
	
#ContactPhone1{
	position:absolute;
	top:178px;
	left:159px;
}

#StatesCovered1{
	position:absolute;
	top:209px;
	left:159px;
	width:44%;
}

#QuestionsEmail2 {
    position: absolute;
    top: 342px;
    left: 159px;
}

#ContactPhone2 {
    position: absolute;
    top: 373px;
    left: 159px;
}

#StatesCovered2 {
    position: absolute;
    top: 404px;
    left: 159px;
	width:44%;
}

#QuestionsEmail3 {
    position: absolute;
    top: 537px;
    left: 159px;
}

#StatesCovered3 {
    position: absolute;
    top: 597px;
    left: 159px;
    width: 44%;
}

#ContactPhone3 {
    position: absolute;
    top: 566px;
    left: 159px;
}

#QuestionsEmail4 {
    position: absolute;
    top: 730px;
    left: 159px;
}

#ContactPhone4 {
    position: absolute;
    top: 760px;
    left: 159px;
}

#StatesCovered4 {
    position: absolute;
    top: 791px;
    left: 159px;
    width: 44%;
}

#QuestionsEmail5 {
    position: absolute;
    top: 924px;
    left: 159px;
}

#ContactPhone5 {
    position: absolute;
    top: 954px;
    left: 159px;
}

#StatesCovered5 {
    position: absolute;
    top: 985px;
    left: 159px;
    width: 44%;
}