/* @override 
	http://cbphp.org/nervecenter/css/cbphp_nc.css
	http://www.cbphp.org/nervecenter/css/cbphp_nc.css
	http://localhost:8888/cbphp/nervecenter/css/cbphp_nc.css
*/

html {
	position: relative !important;
	height: 100% !important;
	padding: 0;
	margin: 0;
}

body {
	/*maintenance*/ /*background: red;*/
	padding: 0;
	margin: 0;
	min-height: 100%;
	height: 100% !important;
	background-color: #fff;
	
}




a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

@-ms-viewport{
  width: device-width;
}

*:focus {
outline: none;
}

.mundo{
	background-color: #f4f0eb;
	min-width: 100%;
	min-width: device-width;
	min-height: 100%;
	min-height: device-height;
	position: relative;
	float: left;	
	overflow-x: hidden; 
}

.container { 
		/*font-family: Verdana; 
		visibility: visible; 
		display: block; 
		position: relative; 
		width: 770px; 
		height: auto; 
		top: 0px; 
		left: 50%;
		margin-left: -410px;
	background-color: white;
	-moz-box-shadow:1px 1px 30px #000;
	-webkit-box-shadow:1px 1px 30px #000;
	padding: 15px 20px 20px;*/
	/*background-color: white;*/ 
		visibility: visible; 
		width: 1080px; 
		/*left: 50%;
		margin-left: -550px;*/
	/*background-color: #fa7528;*/
	min-height:100px;
	/*-moz-box-shadow:1px -10px 30px #dad7d2;*/
	/*-webkit-box-shadow:1px -10px 30px #dad7d2;
	box-shadow: 1px -10px 30px #dad7d2;*/
	position: relative;
	padding-bottom: 20px;
	clear: both;
	/*font-family: "Lucida Grande", Lucida, Verdana, sans-serif;*/
	margin-right: auto;
	margin-left: auto;
}

.topheroarea {
	/*width: 100%;*/
	min-width: 100%;
	position: absolute;
	height: 450px;
	background: url(../img/landscape.jpg) ;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.mainnavcontainer{
	/*background-color: white;*/
	float: left;
	position: relative;
	width: 1100px;
	height: 75px;
	top: 15px;
}

.navcontainer_logobox{
	/*background-color: red;*/
	float: left;
	position: relative;
	top: 15px;
	width: 150px;
	height: 50px;
	left: 30px;
	background: url(../img/CBPHP_horizlogo_white.png) no-repeat;
	 background-size: 150px 50px;
}

.navcontainer_navigationitems{
	float: left;
	position: relative;
	width: 580px;
	background-color: rgba(255,255,255,0.25);
	height: 50px;
	left: 320px;
	top: 15px;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
}

.topnav a{
	padding: 15px 15px;
	text-align: center;
	display: block;
	float: left;
	text-decoration: none;
	color: white;
	font: 15px "open_sanssemibold";
}

div.themiddle {
	float: left;
	width: 1080px;
	min-height: 50px;
	display: block;
	position: relative;
	margin-top: 60px;
	margin-bottom: 30px;
}




 /* Dropdown Button */
.dropbtn {
    padding: 8px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn:focus {
} 

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	float: left;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	
    position: absolute;
    background-color: #f9f9f9;
    min-width: 388px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	float: left;
	top: 49px;
	display: none;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	font-size: 14px;
	min-width: 370px;
	text-align: left;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #d1c9bc;
	display: block;
	text-align: left;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
/*.show {display:block;}*/

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}


.breadcrumb{
	/*background-color: green;*/
	float: left;
	position: relative;
	width: 880px;
	left: 25px;
	color: white;
	font: 16px "open_sansregular"}
	
.breadcrumb a{
	color: white;
	font: 16px "open_sansregular";
	text-decoration: none;
	
}

.breadcrumb a:hover{
	color: white;
	font: 16px "open_sansregular";
	text-decoration: none;
	border-bottom: 1px dotted #d1c9bb;
}

.pagetitle{
	/*background-color: blue;*/
	position: relative;
	width: 880px;
	float: left;
	left: 25px;
	color: white;
	font: 40px "open_sansregular";
}

.pagedescription{
	/*background-color: magenta;*/
	float: left;
	position: relative;
	width: 880px;
	min-height: 50px;
	left: 25px;
	color: white;
	font: 22px "open_sansregular";
}

.maincontentcontainer{
	/*background-color: aqua;*/
	
		float: left;
	position: relative;
	width: 960px;
	margin-top: 20px;
	margin-bottom: 20px;
	min-height:800px;
	padding: 30px 60px;
	background-color: white;
}

.maincontentcontainer p {
	color: #4f4c43;
	font: 20px/31px Georgia, "Times New Roman", Times, serif;
}

.maincontentcontainer ul  {
	color: #4f4c43;
	font: 20px/31px Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
	margin-bottom: 0;
}

.footbackground_fullwidth {
	background-color: #b3ac9c;
	width: 100%;
	position: static;
	bottom: 0;
	float: left;
	color: #5f5b51;
}

.footercontainer {
	width: 1100px;
	min-height: 300px;
	margin-left: auto;
	margin-right:auto;
}

.footbox_one, .footbox_two, .footbox_three  {
	float: left;
	/*background-color: red;*/
	width: 320px;
	height: 225px;
	position: relative;
	margin-right: 20px;
	margin-left: 20px;
	top: 40px;
	}
	
.footbox_one, .footbox_two  {
	border-right: 1px solid #5f5b51;
}

.footbox_one a  {
	float: left;
	clear: both;
	padding: 3px;
	display: block;
	position: relative;
	text-decoration: none;
	color: #feffff;
	font: 14px open_sansregular;
}

.footbox_one a:hover  {
	text-decoration: none;
	color: #5f5b51;
	font: 14px open_sansregular;
}

.footbox_one .boxtitle  {
	float: left;
	clear: both;
	padding: 3px;
	display: block;
	position: relative;
	color: #5f5150;
	font: 20px open_sanssemibold;
	border-bottom: 1px solid #5f5b51;
	margin-bottom: 10px;
}

.footbox_three .contacttext  {
	float: right;
	clear: both;
	padding: 2px;
	display: block;
	position: relative;
	text-decoration: none;
	color: #feffff;
	font: 13px open_sansregular;
	text-align: right;
	margin-bottom: 1px;
	margin-top: 1px;
}

.footbox_three .contacttext a{
	text-decoration: none;
	color: #ffffff;
}

.footbox_three .contacttext a:visited{
	text-decoration: none;
	color: #ffffff;
}

.footbox_three .contactsubtext  {
	float: right;
	clear: both;
	padding: 3px;
	display: block;
	position: relative;
	text-decoration: none;
	color: #feffff;
	font: 11px open_sansregular;
	text-align: right;
}

.footbox_three .herologo  {
	/*background-color: red;*/
	float: right;
	position: relative;
	width: 145px;
	height: 110px;
	background: url(../img/CBPHP_topsidelogo_greige.png) no-repeat 0 -3px;
	background-size: 100%;
}

/* About Us */

.aboutus_staffbox ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.aboutus_staffbox li a{
	color: #959184;
	text-decoration: none;
}

.aboutus_staffbox a:hover{
	text-decoration: none;
	color: #4e4b42;
	font-style: italic;
}

/* About Us */

/* Bio CSS When Ready */
.staffbiobox_container {
	/*background-color: #fb0000;*/
	float: left;
}

.staffbiobox_leftside {
	/*background-color: #56e300;*/
	float: left;
	min-height: 600px;
	padding: 20px 10px;
	min-width: 550px;
}

.staffbiobox_divider {
	float: left;
	border-right: 1px dotted #7c7168;
	/*background-color: #ff8619;*/
	margin: 20px 5px 20px 30px;
	display: block;
	position: relative;
	height: 400px;
	min-height: 400px;
}

.staffbiobox_rightside {
	/*background-color: #0455fe;*/
	opacity: 1;
	float: left;
	display: block;
	position: relative;
	min-width: 300px;
	top: 30px;
}

.bioinfo_textbox {
	/*background-color: navy;*/
	width: 530px;
	position: relative;
	clear: left;
	float: left;
	font: 18px Georgia, "Times New Roman", Times, serif;
}

.bioinfo_stafflist {
	/*background-color: purple;*/
	min-height: 300px;
	position: relative;
	clear: left;
	float: left;
	margin: 20px 10px;
}

.bioinfo_stafflist_title{
	font: 22px/35px Georgia, "Times New Roman", Times, serif;
	list-style: none;
}

.bioinfo_stafflist li{
	font: 22px/35px Georgia, "Times New Roman", Times, serif;
	list-style: none;
}

.bioinfo_stafflist li a{
	text-decoration: none;
	text-shadow: 0 0;
	color: #959184;
}

.bioinfo_stafflist li a:hover{
	text-decoration: none;
	color: #4e4b42;
	font-style: italic;
}

.bioinfo_picture {
	float: left;
	width: 175px;
	height: 175px;
	background-color: fuchsia;
	border-radius: 190px;
	-moz-border-radius: 190px;
	-webkit-border-radius: 190px;
	margin-right: 20px;
	display: block;
	visibility: hidden;
}

.bioinfo_titlecontainer {
	/*background-color: silver;*/
	position: relative;
	display: block;
	top: 30px;
	float: left;
	height: 146px;
}


.bioinfo_name {
	/*background-color: olive;*/
	float: left;
	position: relative;
	font-size: 35px;
	font: 35px Georgia, "Times New Roman", Times, serif;
}

.bioinfo_nametitle {
	/*background-color: maroon;*/
	float: left;
	position: relative;
	font: 28px Georgia, "Times New Roman", Times, serif;
}

/*.bioinfo_briefsummary {
	background-color: orange;
	float: left;
	font: 16px Georgia, "Times New Roman", Times, serif;
}*/

.bioinfo_email {
	/*background-color: aqua;*/
	float: left;
	font: normal 22px Georgia, "Times New Roman", Times, serif;
}

.bioinfo_email a{
	text-decoration: none;
	color: #4f4c43;
}

.bioinfo_email a:hover{
	text-decoration: none;
	color: #dc5407;
}

/* Bio CSS When Ready */

/*Contact Us*/

.contactus_address a {
	text-decoration: none;
	color: #7e7a6d;
}

.contactus_address a:hover {
	text-decoration: none;
	font-style: italic;
	color: #4e4b42;
}

/*Contact Us*/


.contentarea_centeredtitle {
	width: 604px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 30px;
}

.contentarea_centereddescription {
	width: 604px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 21px;
	font-style: italic;
}

.contentarea_centeredtitle_light {
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: white;
	font: normal 45px "open_sansSEMIBOLD";
	text-transform: uppercase;
	letter-spacing: 3px;
}

.contentarea_centereddescription_light {
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	/*font-style: italic;*/
	color: white;
	font: 25px/32px open_sansregular;
}

.contentarea_centeredbutton {
	margin-right: auto;
	margin-left: auto;
	border: 1px solid white;
	width: 150px;
	border-radius:100px;
	padding: 10px;
	clear: both;
}

.contentarea_textbox {
	background-color: navy;
	width: 700px;
	min-height:900px;
	float: left;
}

.contentarea_linklist {
	background-color: purple;
	float: right;
	width: 300px;
	min-height:900px;
	position: relative;
	clear: right;
}

.contentarea_3boxgallerycontainer {
	float: left;
	/*background-color: fuchsia;*/
	width: 100%;
	height: 300px;
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.contentarea_gallerybox {
	float: left;
	/*background-color: yellow;*/
	height: 300px;
	width: 310px;
	margin-right: 5px;
	margin-left: 5px;
}

.contentarea_gallerybox :hover{
	background-color: #65615b;
}

.contentarea_gallerybox_topimage {
	float: left;
	background-color: #28b304;
	background-size: cover;
	width: 100%;
	height: 180px;
}

.contentarea_gallerybox_topimage img{
	float: left;
	background-color: #28b304;
	background-size: cover;
	width: 100%;
	height: 180px;
}

.contentarea_gallerybox_bottomtextarea {
	float: left;
	background-color: #8c887f;
	height: 100px;
	padding: 10px;
}

.contentarea_gallerybox_titletext {
	float: left;
	margin-bottom: 10px;
	font: 18px open_sanssemibold;
	color: white;
}

.contentarea_gallerybox_contenttext {
	float: left;
	color: white;
	font: 15px Georgia, "Times New Roman", Times, serif;
}


/*Content Padding Family */

#contentpadder_dottedone
{ max-height: 1px; height: 1px; min-height: 1px; width: 751px; clear: both; visibility: visible; display: block;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px dotted #eeebe9;
	margin-left: 10px;
}

#contentpadder_5{ max-height: 5px; height: 5px; min-height: 5px; visibility: visible;
	width: 250px;
	display: block;
	float: left;
	position: relative;
}

#contentpadder_10{ max-height: 10px; height: 10px; min-height: 10px; width: 250px; clear: both; visibility: visible; display: block;
	float: left;
}

#contentpadder_15{ /*background-color: #f4fefd;*/ max-height: 15px; height: 15px; min-height: 15px; width: 250px; float: left; clear: both; visibility: visible; display: block;}

#contentpadder_20{ /*background-color: #f4fefd;*/ max-height: 20px; height: 20px; min-height: 20px; width: 250px; float: left; clear: both; visibility: visible; display: block;}

#contentpadder_30{/*background-color: #f4fefd;*/ max-height: 30px; height: 30px; min-height: 30px; width: 247px; float: left; clear: both; visibility: visible; display: block;}

#contentpadder_40{ /*background-color: #f4fefd;*/ max-height: 40px; height: 40px; min-height: 40px; width: 250px; float: left; clear: both; visibility: visible; display: block;}

#contentpadder_50{ /*background-color: #f4fefd;*/ max-height: 50px; height: 50px; min-height: 50px; width: 250px; float: left; clear: both; visibility: visible; display: block;}

/*Super Padding Family */

#superpadder_dottedone
{ max-height: 1px; height: 1px; min-height: 1px; width: 751px; clear: both; visibility: visible; display: block;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px dotted #eeebe9;
	margin-left: 10px;
}

#superpadder_dottedone_nosidemargin
{ max-height: 1px; height: 1px; min-height: 1px; width: 751px; clear: both; visibility: visible; display: block;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px dotted #d5d3d2;
}


#superpadder_5{ max-height: 5px; height: 5px; min-height: 5px; visibility: visible;
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

#superpadder_10{ max-height: 10px; height: 10px; min-height: 10px; width: 100%; clear: both; visibility: visible; display: block;
	float: left;
}

#superpadder_15{ /*background-color: #f4fefd;*/ max-height: 15px; height: 15px; min-height: 15px; width: 100%; float: left; clear: both; visibility: visible; display: block;}

#superpadder_20{ /*background-color: #f4fefd;*/ max-height: 20px; height: 20px; min-height: 20px; width: 100%; float: left; clear: both; visibility: visible; display: block;}

#superpadder_30{/*background-color: #f4fefd;*/ max-height: 30px; height: 30px; min-height: 30px; width: 100%; float: left; clear: both; visibility: visible; display: block;}

#superpadder_40{ /*background-color: #f4fefd;*/ max-height: 40px; height: 40px; min-height: 40px; width: 100%; float: left; clear: both; visibility: visible; display: block;}

#superpadder_50{ /*background-color: #f4fefd;*/ max-height: 50px; height: 50px; min-height: 50px; width: 100%; float: left; clear: both; visibility: visible; display: block;}

#superpadder_60{ /*background-color: #f4fefd;*/ max-height: 60px; height: 60px; min-height: 60px; width: 100%; float: left; clear: both; visibility: visible; display: block;}

#superpadder_100{ /*background-color: #f4fefd;*/ max-height: 100px; height: 100px; min-height: 100px; width: 100%; float: left; clear: both; visibility: visible; display: block;}

@font-face {
    font-family: 'open_sansregular';
    src: url('../typebox/OpenSans-Regular-webfont.eot');
    src: url('../typebox/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typebox/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('../typebox/OpenSans-Regular-webfont.woff') format('woff'),
         url('../typebox/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../typebox/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../typebox/OpenSans-Semibold-webfont.eot');
    src: url('../typebox/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typebox/OpenSans-Semibold-webfont.woff2') format('woff2'),
         url('../typebox/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../typebox/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../typebox/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}