/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

/* ============================== */
/* ! Primary Text Styles   */
/* ============================== */

body {
	background-color: #999;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	}


.fourcol2 a, .sixcol2 a, .sixcol3 a {
	color: #333;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: #666;
	border-left-color: black;
	font-weight: bold;
}

.fourcol2 a:hover, .sixcol2 a:hover, .sixcol3 a:hover {
	color: #0A736E;
}

.container p {
	color: #000;
	margin: 7px 0 0 0;
}
	
h1 {
	font-size: 1.4em;
	margin-bottom: 5px;
}

h2 {
	font-size: 1.2em;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #060606;
}

h2 a {
	color: #030303;
}
	
.greenhead {
	color: #060606;
}

.greenhead a{
	color: #188041;
}

.bluehead {
	color: #020202;
}


/* ============================== */
/* ! Header Element Styles   */
/* ============================== */

/* For the Proection and Advcacy line at top*/
.action {
	float:right;
	margin-bottom: 25px;
	font-size: 1.2em;
	line-height: 1em;
	color: #666;
	text-align:right;
}

.action p {
	color: #000000;
}

/* Search Form */
.search form {
	margin-bottom: 10px;
	float: right;
}

/* ============================== */
/* ! Navigation Styles */
/* ============================== */
	
/*	Navbar1: Main Nav (Home...) */
.navbar1{
	text-align: center;
	background-image: url(../images/bar_nav1.jpg);
	background-repeat: repeat-x;
	
	width:100%;
}

.navbar1 ul {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 10px;
}

.navbar1 li {
	list-style-type: none;
	display: inline;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: -10px;
	color: #fff;
}

.navbar1 li a {
text-decoration: none;
display:inline-block;
}



/* navbar2: Top Nav (Skip to Content...)  */
.navbar2{
	text-align: right;
	height: 40px;
}

.navbar2 ul {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 10px;
}

.navbar2 li {
	list-style-type: none;
	display: inline;
	padding-top: 0px;
	padding-right: 0.7%;
	padding-left: 0.7%;
	margin-bottom: 0px;
	font-size: 0.8em;
	color: #000000;
}

.navbar2 li a {
	text-decoration: none;
	display: inline-block;
	color: #000000;
}

.navbar2 li a:active {
	text-decoration: none;
	display:inline-block;
	color: #333;
}

.navbar2 li a:hover {
	text-decoration: underline;
	display: inline-block;
	color: #000000;
}


/* Navbar3: Footer Nav  */

.navbar3{
	text-align: center;
	height: 30px;
}

.navbar3 ul {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 10px;
}

.navbar3 li {
	list-style-type: none;
	display: inline;
	padding-top: 0px;
	padding-right: 1%;
	padding-left: 1%;
	margin-bottom: 0px;
	font-size: 1em;
	color: #FFF;
}

.navbar3 li a {
	text-decoration: underline;
	display:inline-block;
	color: #FFF;
}

/* Buttons Styles for Main Nav */
.button {
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% Arial, Helvetica, sans-serif;
	padding: .3em 1em .3em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	/*-webkit-border-radius: .5em; 
	-moz-border-radius: 5em;
	border-radius: 5em; */
	-webkit-border-top-left-radius: .5em;
	-moz-border-radius-topleft: .5em;
	border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-moz-border-radius-topright: .5em;
	border-top-right-radius: .5em;
	color: #fff;
	border: solid 1px #1C756F;
	background: #188C87;
	background: -webkit-gradient(linear, left top, left bottom, from(#20AFA4), to(#188C87));
	background: -moz-linear-gradient(top,  #20AFA4,  #188C87);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#20AFA4', endColorstr='#188C87');
}

.button:hover {
	text-decoration: underline;
	color: #fff;
	background: #277A74;
	background: -webkit-gradient(linear, left top, left bottom, from(#277A74), to(#277A74));
	background: -moz-linear-gradient(top,  #277A74,  #277A74);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#277A74', endColorstr='#277A74');
}
.button:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#20AFA4), to(#277A74));
	background: -moz-linear-gradient(top,  #20AFA4,  #277A74);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#20AFA4', endColorstr='#277A74');
}

.topbutton {
	margin-bottom: -4px;
}

/* ============================== */
/* ! Content Styles */
/* ============================== */

/* Main Columns*/	
.col_need {
	background-image: url(../images/bar_needhelp.jpg);
	background-repeat: repeat-x;	
}

.col_partner {
	background-image: url(../images/bar_partner.jpg);
	background-repeat: repeat-x;
}

.col_program {
	background-image: url(../images/bar_programs.jpg);
	background-repeat: repeat-x;
}
	
.col_check {
	background-image: url(../images/bar_checkthisout.jpg);
	background-repeat: repeat-x;
}
	
.col_news {
	background-image: url(../images/bar_news.jpg);
	background-repeat: repeat-x;
}

.footer {
	background-color: #1C756F;
	padding-top: 12px;
	padding-bottom: 0px;
	margin-top: 50px;
}

/* Icon Styles */
.icon {
	float: left;
	text-align: center;
	width: 42%;
	margin-top: 2%;
	margin-right: 4%;
	margin-bottom: 2%;
	margin-left: 4%;
}

.icon p {
	text-align:center;
	margin-top: 0;
	line-height: 1.1em;
}
.container .row.printclear .eightcol.last .twelvecol2 h1 {
}
.LanguageButton {
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	border: medium groove #0A736E;
	border-radius: 7px;
	display: inline-block;
}




/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */


@media handheld, only screen and (max-width: 767px) {

body {

}
	
.action {
	text-align:center;
	margin-top: 25px;
	}

.search {
	margin-bottom: 50px;
	width: auto;
	text-align: center;	margin: auto:;
	padding: auto;
}

.slidecontainer {
	visibility: hidden;
}

/* ============================== */
/* NAV STYLES */
/* ============================== */

/* ! Navbar1: Main Nav (Home...)  */

.navrow {
	margin: 0 auto;
	overflow: hidden;
	background-color:#FFF;
}	
	
.navbar1{
	background-color:#FFF;
	text-align: center;
	height: 100%;
}

.navbar1 ul {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0px;
	background-color:#FFF;
}

.navbar1 li {
	list-style-type: none;
	display: block;
	padding-top: 1px;
	padding-right: 0.7%;
	padding-left: 0.7%;
	margin-bottom: 0px;
	font-size: 1em;
	color: #666;
}

.navbar1 li a {
	text-decoration: underline;
}

.navbar1 li a:hover {
	text-decoration: underline;
		color: #333;

}




/* Navbar2: Top Nav: Skip to Content, En Espanol, Etc.  */ 

.navbar2{
	text-align: center;
	height: 100%;
}

.navbar2 ul {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0px;
}

.navbar2 li {
	padding-top: 1px;
	padding-right: 0.7%;
	padding-left: 0.7%;
	margin-bottom: 0px;
	font-size: 0.8em;
	color: #999;
}

.navbar2 li a {
	text-decoration: underline;
	display:inline-block;
	color: #000;
}

.navbar2 li a:hover, .navbar2 li a:active {
	color: #333;
}

/* Navbar3: Footer  */

.navbar3{
	text-align: center;
	height: 30px;
}

.navbar3 ul {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 10px;
}

.navbar3 li {
	list-style-type: none;
	display: inline;
	padding-top: 0px;
	padding-right: 1%;
	padding-left: 1%;
	margin-bottom: 0px;
	font-size: 0.5em;
	color: #FFF;
}

.navbar3 li a {
	text-decoration: underline;
	display:inline-block;
	color: #FFF;
}

.footer {
	background-color: #1C756F;
	padding-top: 12px;
	padding-bottom: 0px;
	margin-top: 50px;
}


/* Button Styles  */

.button {
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% Arial, Helvetica, sans-serif;
	padding: .3em 1em .3em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-top-left-radius: .5em;
	-moz-border-radius-topleft: .5em;
	border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-moz-border-radius-topright: .5em;
	border-top-right-radius: .5em;
	color: #277A74;
	border: solid 1px #fff;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background: -moz-linear-gradient(top,  #fff,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff');
}

.button:hover {
	text-decoration: underline;
	color: #277A74;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background: -moz-linear-gradient(top,  #fff,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff');
}
.button:active {
	position: relative;
	top: 1px;
	color: #277A74;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background: -moz-linear-gradient(top,  #fff,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff');
}

.topbutton {
	margin-bottom: -4px;
}



/*SEARCH Style */
.search form {
margin-bottom: 0px;
float:none;
}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}

/* ============================== */
/* ! Image Layout Styles  */
/* ============================== */

.photoleft {
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-top: 10px;
}

.photoright {
	float: right;
	margin-left: 6px;
	margin-bottom: 6px;
	margin-top: 10px;
}

.photocenter {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 6px;
	display: block;
	clear: both;
}

.cap {
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #666;
}