@charset "UTF-8";
/* CSS Document */




body {
	margin: 0 auto;
	background: #ffffff 	repeat-x scroll center top;
	padding:0px;
	font-family:'Gill Sans W01 Book', sans-serif;
	font-size:18px;
	/* -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow:none;
	text-rendering: optimizeLegibility;*/
}
	
body > button {	
    color: #fff;
	font-family:'Gill Sans W01 Book', sans-serif;	
	font-weight:800;
    font-size: 30px;
    padding: 25px 25px;
    text-align: center;
    border: 0;
    transition: all 0.3s ease 0s;
}


h1, h2, h3 {
	text-align:left;
	font-family:'Gill Sans W01 Medium', sans-serif;
    font-size: 22px;
	color: #005489;
}

.clr {
	clear: both;
}
	
a {color: #000000;}
a:visited {color: #005489;}
a:hover {color:#005489}
a img {border: none;}


.hidden {display: none !important;visibility:hidden;}


/* topheader row */

.topheader {
	background-color:#ffffff;
	height:160px;
	width:100%;
	padding:30px 0 0 0;
}

.topheader .container {
	background-color:#ffffff;
	height:95px;
}

.topheader .carehouselogoheader {
	padding: 0;
}

.topheader .headerbuttons {
	padding:0;
}

.headerbuttons .donate button {
	background-color:#e53c2e;
	font-family:'Gill Sans W01 Medium', sans-serif;
    font-size: 30px;	
	color:#ffffff;
	width:210px;
	height:65px;
	border-radius:8px;
    border: 0;
    transition: all 0.3s ease 0s;
}

.headerbuttons .donate button:hover {
	background:#e5671a;
}

.social img {
	float: right;
	margin-bottom:5px;
}

.headerbuttons .bottom {
	margin-top:15px;
}

.searchmod {
	/*float:right !important;*/
}

.searchmod button {
	height:32px;
	width:64px;
	font-family:'Gill Sans W01 Medium', sans-serif;
    font-size: 14px;
	color:#ffffff;
	text-align:center;
}

.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {
    display: none !important;
}

.inputbox.search-query {
    font-family: Gill Sans W01 Book;
    font-size: 18px;
	width:270px !important;
}

/* topmenu row */

.topmenu {
	padding:0;
	margin:0;
	min-height:25px;
	background-color:#005489;
	width:100%;
}


/* megamenu overrides */

#js-mainnav.megamenu.darkblue {
	background: none !important;
}

#js-mainnav.megamenu ul.level0 li.mega {
    display: block;
    float: left;
    margin: 0;
    padding: 0 50px;
    position: relative;
}

#js-mainnav.megamenu.darkblue ul.level1 li.mega {
	border-top: none !important;
	font-size:20px !important;
	width:100%;
	padding:0px !important;
}

#js-mainnav.megamenu.darkblue ul.level0 li.mega span.mega, #js-mainnav.megamenu.darkblue ul.level0 li.mega a.mega, #js-mainnav.megamenu.darkblue .megaMenuToggle {
	border: none !important;
	color:#ffffff !important;
	font-family:'Gill Sans W01 Book', sans-serif !important;
	padding:10px !important;
}

#js-mainnav.megamenu.megamenu.horizontal.darkblue ul.level0 li:hover, #js-mainnav.megamenu.megamenu.horizontal.darkblue ul.level0 li.active, #js-mainnav.megamenu.megamenu.horizontal.darkblue ul.level0 li.over, #js-mainnav.megamenu.megamenu.horizontal.darkblue ul.level0 li.haschild-over {
	background-color:#063c63 !important;
	background: rgba(0, 0, 0, 0) none repeat-x scroll center top;
}

#js-mainnav.megamenu.horizontal ul.level0 li a.haschild.mega span.menu-title, #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.mega span.menu-title {
	background: rgba(0, 0, 0, 0) url("../images/arrow3.png") no-repeat scroll right center !important;
	width:100% !important;
}

#js-mainnav.megamenu.darkblue ul.level0 li.mega.submenu-align-left > .childcontent {
    margin-left: 0px !important;
}

#js-mainnav.horizontal ul.level1 li.mega.submenu-align-left > .childcontent {
    left: 100% !important;
}

#js-mainnav.megamenu.darkblue ul.level1 li.haschild, #js-mainnav.megamenu.darkblue ul.level1 li.haschild-over {
	background: rgba(0,0,0,0) none repeat-x scroll !important;
}
#js-mainnav.megamenu.darkblue ul.level0 li:hover, #js-mainnav.megamenu.darkblue ul.level0 li.active, #js-mainnav.megamenu.darkblue ul.level0 li.over, #js-mainnav.megamenu.darkblue ul.level0 li.haschild-over {
    /* background: rgba(0,0,0,0) none repeat-x scroll !important; */
	background-color:#063c63 !important;
}

#js-mainnav.megamenu ul.megamenu {
	padding: 0px !important;
	margin: 0px !important;
	font-size:26px !important;
}

#mega submenu-align-auto over {
	width:100% !important;
}

#js-mainnav.megamenu.darkblue .childcontent-inner {
	background-color:#005489 !important;
	border: none !important;
	padding: 0 !important;
	width:100% !important;	
}

/* windshield row */

.windshield {
	height:auto;
	max-height:400px;
	background-color:#00a6ce;
	width:100%;
	overflow:hidden !important;
}

.favslider {margin:0;}

#fav-caption {background: rgba(6, 61, 100, 0.80) none repeat scroll 0 0; font-size:24px;}

.fav-direction-nav a.fav-prev {
	background:rgba(0,0,0,0) url("../images/CAREHouse_bg_direction_nav.png") no-repeat scroll 0 0 !important;
}

.fav-direction-nav a.fav-next {
	background:rgba(0,0,0,0) url("../images/CAREHouse_bg_direction_nav.png") no-repeat scroll 0 0 !important;
	background-position: -52px 0 !Important;
}

.fav-direction-nav li .fav-prev {
	left:20px !important;
}
.fav-direction-nav li .fav-next {
	right:20px !important;
}

/* bigmenu row */

.bigmenu {
	height:100px;
	background-color:#7b0c43;
}

.bigbuttons li a {
	display: block !important;
	border: 3px solid #ffffff;
	float:left;
	margin-right:30px;
	padding:20px;
	width:324px;
	font-size:36px;
	text-align:center;
	text-transform:uppercase;
	color:#ffffff;
	letter-spacing: 10px;
    transition: all 0.3s ease 0s;	
} 

.bigbuttons li a:hover, .bigbuttons li a:focus {
	color:#ffcd00;
	border-color:#ffcd00;
	background-color:transparent !important;
}

.bigbuttons li.item-124 a {
	margin-right: 0px !important;
}

/* homepage row */

.homerow {
	min-height:385px;
	background-color:#ffffff;
	width:100%;
	padding-top:5px;
}

.leftbox, .centerbox, .rightbox {
	background-color:#ffffff;
	width:370px !important;
	float: left;
	margin-bottom: 25px;
}

.homerow .sh404sef-social-buttons {
  display: none;}

.leftbox ul {
	margin: 0px !important;
}

.leftbox li {
	border-top: 1px solid #dadada;
	padding:5px 0 30px 0;
	font-weight:bold;
	color:#000000 !important;
	list-style:none;
}

.leftbox .more {
	font-style:italic;
	text-decoration:underline;
	margin-bottom:50px;
}

.leftbox img {border:1px solid #e7e7e7;}

.newsflash-title {border-top: 1px solid #dadada !important;}

.affiliates {
	min-height:135px;
	background-color:#ffffff;
	width:100%;
	padding:25px 0px 50px 0px;
}

.sponsorlogos a {margin: 20px 20px;}
.sponsors_page img {margin: 15px;}
.sponsor_casa {display: inline-block; background-image:url("../images/CASA Logo_button2.jpg"); width: 171px; height: 75px;}
.sponsor_casa:hover {background-position:0 -75px;}
.sponsor_unitedway {display: inline-block; background-image:url("../images/UWSEM_logo_button2.jpg"); width: 116px; height: 75px;}
.sponsor_unitedway:hover {background-position:0 -75px;}
.sponsor_nca {display: inline-block; background-image:url("../images/nca-logo_button2.jpg"); width: 178px; height: 75px;}
.sponsor_nca:hover {background-position:0 -75px;}
.sponsor_ctf {display: inline-block; background-image:url("../images/ctf logo_button2.jpg"); width: 130px; height: 75px;}
.sponsor_ctf:hover {background-position:0 -75px;}
.sponsor_mdch {display: inline-block; background-image:url("../images/mdch_logo_button2.jpg"); width: 150px; height: 75px;}
.sponsor_mdch:hover {background-position:0 -75px;}
.sponsor_voca {display: inline-block; background-image:url("../images/voca_logo_button2.jpg"); width: 123px; height: 75px;}
.sponsor_voca:hover {background-position:0 -75px;}

/* secondary row */

.secondary {
	min-height:700px;
	background-color:#ffffff;
	width:100%;
	padding:25px 0;
}

.secondary h1, h2, h3.koowa_header {font-size:26px;}

.secondary .body {
	width:870px;
	padding:0;
}

.breadcrumbs {	
	width:100%;
	min-height:1px;
	color:#000000;
}
.secondarycontent a {
	color:#e5671a;
}

.readmore {margin:0 0 25px;}

.secondary .right {
	width:270px;
	min-height:220px;
	float:right;
}	

.right img {
	border:10px solid #e6e3dc;
	width:250px;
}

.takeaction {
	margin-top:20px;
}

.takeaction li {
    background-color: #7b0c43;
    min-height: 15px;
    padding: 15px 15px 0 15px;;
    width: 240px;
}

.takeaction li.item-124 {
	padding-bottom:15px;
}

.takeaction li a {
	display:block !important;
	border:3px solid #ffffff;
	padding:15px;
	font-size:20px;
	text-align:center;
	text-transform:uppercase;
	color:#ffffff;
	letter-spacing:10px;	
    transition: all 0.3s ease 0s;
}

.takeaction li a:hover, .takeaction li a:focus {
	color:#ffcd00;
	border-color:#ffcd00;
	background-color:transparent !important;
}

/* DOCMan */

.koowa.com_docman .sh404sef-social-buttons {display:none;}


/* footer row */

.footer {
	min-height:215px;
	background-color:#005489;
	width:100%;
	padding:25px 0px 15px 0px;
	color: #ffffff;
	font-size:16px;
}

.footer li a {
	color:#ffffff;
}


.footer li a:hover {
	text-decoration:underline;
	background-color:transparent !important;
}

.footers {
	margin:0;
	width:450px;
}

.footermenu {
	width: 130px;
	margin-left:30px;;
	padding:0;
}


/**** Emma Newsletter Signup Widget ****/

/* Controls width of your form */
.newsletter .e2ma_signup_form {
	width:200px;
}

/* Controls the style, width, and font style of the text input, select and textarea fields */
.newsletter .e2ma_signup_form input[type=text], .newsletter .e2ma_signup_form textarea, .newsletter .e2ma_signup_form select, .right .item-page .e2ma_signup_form input[type=text], .right .item-page .e2ma_signup_form textarea, .right .item-page .e2ma_signup_form select { 
	border:1px solid #ccc !important; 
	font-family:'Gill Sans W01 Medium', sans-serif;
	font-size:16px;
	width: 150px;
	padding:5px; 
	background: repeat-x scroll 0 0 #F9F9F9;
}

/* Controls width, style, and padding of the table border outlines around individual member fields */
.newsletter .e2ma_signup_form_row, .right .item-page .e2ma_signup_form_row  {
	border:none;
	padding:0px;
}

/* Controls style and formatting of welcome message */
.newsletter .e2ma_signup_message, .right .item-page .e2ma_signup_message {
	font-family:'Gill Sans W01 Medium', sans-serif;
	font-size:16px;
	color:#ffffff;
	margin: 0px 0 20px 0;
}

/* Controls style and formatting of form field labels (first name, last name, etc.) */
.newsletter .e2ma_signup_form_label, .right .item-page .e2ma_signup_form_label {
	font-family:'Gill Sans W01 Medium', sans-serif;
	font-size:16px;
	margin: 5px 0;
	color:#ffffff;
	text-align:left;
	width:100px;
	white-space:nowrap;
}

.e2ma_signup_form_required_footnote {
		display:none !important;
}

/* Controls spacing and style for any text used to list options under multiple choice fields) */
.newsletter .e2ma_signup_form_element, .right .item-page .e2ma_signup_form_element {
	margin-left:0;
	font-family:'Gill Sans W01 Medium', sans-serif;
	font-size:16px;
	color:#ffffff;
}

/* Controls the alignment of "submit" and "clear" buttons */
.newsletter .e2ma_signup_form_button_row, .right .item-page .e2ma_signup_form_button_row {
	float:left;
	margin: 0px;
	width:100%
}

.newsletter .e2ma_signup_form_button_row #e2ma_signup_reset_button, .newsletter .e2ma_signup_form_button_row #e2ma_signup_reset_button,
.right .item-page .e2ma_signup_form_button_row #e2ma_signup_reset_button {
	display: none;
}

/*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */
.newsletter .e2ma_signup_form_button, .newsletter .e2ma_signup_form_button, .right .item-page .e2ma_signup_form_button { 
	background-color:#e53c2e !important;
	font-family:'Gill Sans W01 Medium', sans-serif;
    font-size: 15px;	
	color:#ffffff;    
	width:160px !important;;
	height:30px;
	border-radius:4px;
    border: 0;
    transition: all 0.3s ease 0s;
}

.newsletter .e2ma_signup_form_button:hover, .newsletter .e2ma_signup_form_button:hover { 
	background-color:#e5671a;
}

/**** End Emma Newsletter signup iframe - Mailing List Page ****/


.footerlogo {
	margin-left:90px;
	width:108px;
}

/* copyright row */

.copyright {
	background-color:#063c63;
	color:#ffffff;
	margin:0;
	text-align:center;
	padding:15px 0px;
}

/* smaller desktop view */
@media (max-width: 1199px) {
	.inputbox.search-query {width: 200px !important;}
	#js-mainnav.megamenu ul.level0 li.mega {padding: 0 25px;}
	.bigbuttons li a {font-size: 30px!important; width: 247px!important;}
	.takeaction li {width:100%;}
	.secondary .right {width:240px;}
	.secondary .body, .secondary .secondarycontent {width:670px;}
	.leftbox, .centerbox, .rightbox {width:300px !important;}
	.sponsorlogos a {margin: 20px 3px;}
	.footers {width:380px;}
	.footermenu {width:100px;}
	.footerlogo {margin-left:60px;width:90px;}
	.contactinfo .contact {width:225px;}
}

/*   Tablet and smaller   */
@media (max-width: 980px) {
	.inputbox.search-query {width: 129px !important;}
	/* .topheader .span6 {width:460px;} 
	.topheader .offset2 {margin-left:35px;}*/
	.headerbuttons .donate button {font-size: 25px;height: 65px;width: 150px;}
	.headerbuttons .offset1 {margin-left:60px;}
	.headerbuttons .span1 {width:64px;}
	#js-mainnav.megamenu ul.level0 li.mega {padding: 0 15px;}
	#js-mainnav.megamenu ul.megamenu {font-size: 22px !important;}
	.bigbuttons li a {font-size: 25px!important;width: 200px!important;letter-spacing:6px!important;margin-right:17px!important;padding: 20px 12px!important;}
	.secondary .right {width:190px;}
	.secondary .body, .secondary .secondarycontent {width:500px;}	
	h3 {font-size:20px;}
	.takeaction li a {font-size:18px; letter-spacing:5px;padding:10px;}
	.leftbox, .centerbox, .rightbox {width:228px !important;}
	.sponsorlogos a {margin: 20px 40px;}
	.footers {width:130px;}
	.footermenu {width:100px;}
	.newsletter {width:165px;margin-left:40px;}
	.contactinfo {width:365px;}
	.contactinfo .footerlogo {margin-left:30px;width:90px;}
	.contactinfo .contact {width:230px;}
}

/* smartphone view */
@media (max-width: 767px) {
	.topheader {padding:0 5% 10px; width:90%; height: auto !important;}
	/* .carehouselogoheader img {background-image: url(http://www.carehouse.org/public_html/templates/carehouseresponsive/images/CARE_House_40yr_logo_stack.png) !important; max-height: 145px;} */
	.topheader .container {height: auto !important;}
	.topheader .container .span4 {text-align: center;padding:20px 0 0;}
	.donate {text-align:center;}
	.headerbuttons .donate button {font-size: 150%;margin:10px 0;width:70%; padding:3% !important;}
	.headerbuttons .bottom {margin:0;}
	.headerbuttons .offset1 {margin:10px 0;text-align:center;}
	.social img {margin:5px;float:none;}
	.headerbuttons .span1 {width:100%;}
	.search {width:100%; text-align:center;}
	.inputbox.search-query {width: 50%;}
	#js-mainnav.megamenu.darkblue #js-megaMenuToggle {font-size: 22px;height: 22px;padding: 15px !important;text-align: center;text-transform: none;}	
	#js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon {float: none;}
	#js-mainnav.megamenu.horizontal ul.level0 {background-color:#3376a1;}
	#js-mainnav.megamenu.megamenu.horizontal.darkblue ul.level0 li:hover, #js-mainnav.megamenu.megamenu.horizontal.darkblue ul.level0 li.active, #js-mainnav.megamenu.megamenu.horizontal.darkblue ul.level0 li.over, #js-mainnav.megamenu.megamenu.horizontal.darkblue ul.level0 li.haschild-over {background-color:#005489 !important;}
	#js-mainnav.megamenu.darkblue ul.level0 li.mega span.mega, #js-mainnav.megamenu.darkblue ul.level0 li.mega a.mega, #js-mainnav.megamenu.darkblue .megaMenuToggle {padding:10px !important;} 
	#js-mainnav.megamenu.darkblue ul.level1 li.mega {padding: 0 0px !important;}
	#js-mainnav.megamenu.megamenu.horizontal.darkblue ul.level1 a:hover, #js-mainnav.megamenu.megamenu.horizontal.darkblue ul.level1 a:active	{color:#e5671a !important;}
	.bigmenu {height:auto!important;padding:0 2% 10px !important;}
	.bigbuttons li {padding:15px 2.5% 0; width:95%;}
	.bigbuttons li a {font-size: 25px!important;width: 90%!important;letter-spacing:6px!important;margin:0 0 10px !important;}
	.homerow {width:auto !important; padding:0 5%;}
	.secondary {padding:25px 0 0;}
	.secondary, .secondarycontent {width:auto !important;}
	.secondary .body {padding:0 5%;width:100%!important;}
	.secondary .rightsidebar {margin-top:30px; padding:0 5%;}
	.secondary .right {float:left !important; width:100% !important;}
	.takeaction h3 {padding:0 5%!important;}
	.takeaction .nav.menu {margin:0!important;}
	.takeaction li {padding:15px 5% 0; width:90%;}
	.leftbox, .centerbox, .rightbox {width:100% !important;min-height:auto!important;}
	.fb_iframe_widget {width:95% !important;}
	.affiliates {padding:25px 5%; width:auto;}
	.sponsorlogos a {display:block;margin:40px auto;}
	.footer {padding:25px 5% 15px; width:auto;}
	.newsletter {margin:0;text-align:center !important;width:100%!important;}
	.newsletter .e2ma_signup_form {text-align:center;width:100% !important;}
	.newsletter .e2ma_signup_form input[type=text], .newsletter .e2ma_signup_form textarea, .newsletter .e2ma_signup_form select, .right .item-page .e2ma_signup_form input[type=text], .right .item-page .e2ma_signup_form textarea, .right .item-page .e2ma_signup_form select {width:98% !important;}
	.newsletter .e2ma_signup_form_button, .newsletter .e2ma_signup_form_button, .right .item-page .e2ma_signup_form_button {width:100% !important;}
	.contactinfo {text-align:center; width:100% !important;}
	.contactinfo .footerlogo, .contactinfo .contact {margin:0 0 20px 0; width:100%!important;}


	}
	
