/* Makes the width of block elements apply outside padding or border. */
* { -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }


body {
background: #f4f4ea url("../img/bg.jpg") no-repeat center top;
}
	
div#wrapper {
width: 892px;
margin: 0 auto 15px auto;
font-family: Helvetica, Arial, sans-serif;
}


/***HEADER***/

div#header-left {
width: 242px;
height:130px;
float: left;

}

#header-left img {
margin-top: 26px;
margin-left: 64px;
}

div#header-top {
width: 650px;
height: 60px;
float:left;


}

div#login {
	width: 130px;
	height: 40px;
	padding-top: 10px;
/*	position: relative;
	left:480px;
*/	float: right;
	margin-right: 56px;
	text-align: center;
	background-color:rgba(255, 255, 255, 0.2);
	color: white;
	font-size: .95em;
	
	
}

div#subscribe {
	width: 130px;
	height: 40px;
	padding-top: 10px;
/*	position: relative;
	left:357px;
*/	float:right;
	margin-right: 9px;
	text-align: center;
	background-color: #bd4462;
	color: white;
	font-size: .95em;

}

div#header-bottom {
width: 650px;
height: 70px;
float:left;
padding-top: 20px;
text-align:right;
padding-right:56px;

}

#header-bottom a {
margin-left: 4px;
padding: 3px 5px;

}
#header-bottom a.active { border: 1px solid #f4f5ea; }


#header-bottom  a:link, #header-bottom a:visited, #header-bottom a:hover, #header-bottom a:active {
color: white;
text-decoration: none;
}

/***CONTENT***/

div#content {
margin-top: 15px;
width: 892px;
clear: both;
}

#contactusbutton{
	color:#ffffff; 
	background:#39665B; 
	font-size:14pt; 
	width:280px; 
	height:35px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
}



div#largeImageFrame {
	width:892px;
	height:410px;
	background: url("../img/largeFrame.png") no-repeat center top;
	padding: 25px 82px 0px 83px;
}

div.twoColContainer {
width: 892px;
min-height: 100px;
position: relative;
margin-bottom: 40px;

}

div.leftCol {
float:left;
width: 339px;

text-align: left;
}

div.rightCol {
float:right;
width: 553px;
text-align: left;
}
div.rightCol:after {
clear:both;
}

.bio-image-team2 {
width: 195px;
height:135px;

margin: 0px 0px 0px 0px;
padding-top: 7px;
padding-left:2px;
text-align:center;

float:left;
line-height: 1.4em;

}


.hideme{
  display:none;
}

div.bio-image-team2:hover .hideme{
  display:block;
}


div.bio-image2 {
width: 250px;
background: url("../img/smallFrame2.png") no-repeat top;
margin: 0px 15px 5px 0px;
padding-top: 14px;
text-align:center;
line-height: 1.4em;


/* padding: 14px 0px 0px 70px; from before text-align:center */
/*height: 230px; height from before email link added */
}



.bio-image2 img {
margin-bottom: 25px; /* to give room for email link below frame */
}

.bio-image2 i.fa { width: 20px; }





div.bio-image {
width: 334px;
background: url("../img/smallFrame.png") no-repeat top;
margin: 0px 15px 5px 0px;
padding-top: 14px;
text-align:center;
line-height: 1.4em;


/* padding: 14px 0px 0px 70px; from before text-align:center */
/*height: 230px; height from before email link added */
}



.bio-image img {
margin-bottom: 25px; /* to give room for email link below frame */
}

.bio-image i.fa { width: 20px; }

div.video {
border: 1px solid white;
width: 892px; /* +2px for border. The 1 time box-sizing isn't helpful. */
height: 504px; /*overridden in page CSS sometimes */
margin: 0 auto;
}

/***FOOTER***/

div#footer {

width:892px;
height:75px;

clear:both;
}

div#footer, div#footer a{
color: #aaaaa3;
font-size: 14px;
}

div#footer-left {
width:297px;
height: 75px;
float:left;
text-align:center;
padding-top:14px;
color: #aaaaa3;
font-size: 14px;
}

#footer-left img {
margin: 0px 2px 5px 2px;
}

div#footer-center {
width:298px;
height: 75px;
text-align:center;
float:left;
padding-top:14px;
}

div#footer-right {
width:297px;
height: 75px;
float:left;
text-align:center;
padding-top:14px;
}

div#footer-TandS {
width: 100%;
clear:both; 
text-align:center;

}

.MHSgreen {color: #6bbf46; }
.MHSblue {color: #5098b5; }
.MHSmaroon {color: #c14768; }
.MHSdarkgreen{color: #386258; }
.MHSlightgreen {color: #537f73; }
.MHSbeige {color: #a99178; }
.MHSoffwhite { color: #ececec; }
.MHSblack { color: #363636; }


p, li {
color: #363636;
line-height: 1.5em;
}

hr {
width: 892px;
border-top: dashed 1px;
margin: 40px auto;
clear: both;
}

hr.footerHR { margin-top: 60px; }

a:link, a:visited, a:hover, a:active  {
color: #31312f;
text-decoration: none;
}

/*===
=====Base Element Styles===*/
h1              {  font-size: 32px; 
			margin: 50px 0;
			font-weight: 100;
			letter-spacing: 0;
			text-align:center;
			color: #31312f;
		}
h2              { color: #31312f; font-size: 22px; margin: .75em 0; text-align:center }
h3              { font-size: 20px; margin: .83em 0 }
h4		{font-size: 18px; margin: 1.12em 0; 	}
p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
/* h1, h2, h3, h4, h5, h6, b, */
strong          { font-weight: bolder }
ol, ul    { margin-left: 40px }
ul { list-style:disc outside none; }
ol { list-style:decimal outside none; }
sub             { vertical-align: sub }
sup             { vertical-align: super }
small, sub, sup { font-size: .83em }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }