/*
Theme Name: MHS Custom Version 4.1
Theme URI: http://mainehost.com
Author: MHS
Author URI: http://mainehost.com
Description: MHS Custom
Version: 4.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mhs41
*/


BODY, HTML{
color: #000;
background-color:#FFF;
font-family:"Open Sans",Helvetica, Arial, Verdana, sans-serif;
font-size:15px;
line-height:1.5em;
font-weight: 400;
margin:0px;padding:0px;
}

H1,H2,H3 {color:#000; font-weight:700; line-height:normal;}
H1{border-bottom:1px solid #a1a1a1;  margin-top:0px; font-size:1.8em;}

#searchform { float: right; margin-left:  15px; }
.nav-links {
    font-size: 16px;
    font-weight: bold;
}
article { clear: both; }
A:link { color: #203d77;
text-decoration:none;
}
A:visited { color: #203d77;
}
A:active { color: #203d77;
}
A:hover { color: #00F;
}

A:link.reftext { color: #979797;
font-size:.7em;
}
A:visited.reftext { color: #979797;
font-size:.7em;
}
A:active.reftext { color: #979797;
}
A:hover.reftext { color: #e1e2e6;
}
#contentinner img {
    max-width: 100%;
}
#contentinner input {
    max-width: 100%;
}
#maintable{width:1200px; max-width: 100%; margin:0 auto;}
/* Head */
/*#header{width:100%; height:auto; background-size:100% auto; background-image: url("graphics/topbg2.jpg");position:relative; }*/
#header{  
	width: 100%;
    height: 256px;
    margin: 0 auto;
    position: sticky;
    display: flex;
    z-index: 9999;
    top: 0;
}
#header.scrolled { height: 150px; }
#secondary_nav.scrolled { margin-top: 0px; }
#headerin{min-height:100px;width:1200px; max-width: 100%; position:relative; background-image: url(graphics/new_header.jpg); background-repeat: no-repeat; margin: 0 auto; }
#head{width:100%;min-height:149px;position:absolute;z-index: 9;}
#logo{float:left;width:200px; padding: 20px; z-index:99;border:0px solid #000}
#ship{display:none;float:right; width:103px; margin: 20px 30px 0px 0px;}
/*.translate{position:absolute;right:1em;top:1em;z-index:99}*/
.translate { float: right; }
#topnav{margin-top:4.4em;float:right;min-height:1.2em; border:0px solid #000}
#secondary_nav { clear: both; float: left; margin-top: 100px; }
/*#secondary_nav a {
    font-size: 1em !important;
    padding: .25em .5em;
}
#secondary_nav ul ul a { font-size: .9em !important; }*/
.responsiveSelectContainer ul ul li {
    border-bottom: 1px solid #8a8a8a;
}
#topphone{float:right; padding:0em 0em 0em .5em; display:none;}
#topnavin{margin-top:0em;padding:0em .5em; float:right; color:#FFF; width:100%;}
#topnavbox{margin:0 auto; padding-bottom:.5em; }
/* Content */
#contentbg{width:100%;/*background-size:100% 100%; background-image: url("graphics/midbg.jpg");*/overflow:auto; }
#contentinner{width:100%; padding: 20px; background-image: url("graphics/w95.png"); min-height:600px;
-moz-border-radius: .5em;
	-khtml-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	padding:1em;
 box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	overflow:auto;position:relative;
}

#contentinnerhome{width:95%; margin:1em auto; max-width:1200px; min-height:600px;
-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	padding:1em;
	overflow:auto;position:relative;
}
#contentinnerfull{width:100%; position:relative; min-height:600px; overflow: auto;

}
#commercial{bottom: 5em; right: 2.5em; position: absolute}
.hilite{color:#007aff;}
.altrow{background-color:#e2d4b4;}
.headrow{background-color:#4e6726; color:#FFF;}
#contact-table input[type=text], #contact-table input[type=email], #contact-table input[type=tel]{width:96%; /* -moz-border-radius: 1em;
	-khtml-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	padding:1em; */}
#contact-table select{width:100%; height:40px;}
#contact-table textarea{width:98%; /*-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	padding:1em*/}
.required{color:#ff6634;}
/* Foot */
#footer{width:1200px; max-width: 100%; border-top:0px solid #FFF; overflow:auto; margin:0 auto; border-bottom:0px solid #FFF; padding-bottom:.5em;}
#footerin{display:block; width:85%; max-width:1070px; margin-left:auto; margin-right:auto; padding-top:15px; border-top:0px solid #000;}
#footleft{width:45%;float:left;color:#FFF;}
#footleft h3{color:#FFF;}
#footright{width:45%;float:left;color:#FFF;}
#footright h3{color:#FFF;}
#footbot{margin:0 auto; width:90%; text-align:center; font-size: .8em;background: #888; width: 100%;}
#footleft A:link, #footleft A:visited, #footright A:link, #footright A:visited, #footbot A:link, #footbot A:visited{color:#FFF;}
.copyright{color:#FFF;}
.copyright2{font-size:.7em;color:#979797;}
#credits{color:#FFF; clear:both;text-align:center; width:100%; overflow:auto; /*background-image: url("graphics/w50.png");*/}

#twocolleft{width:50%;float:left; border:0px solid #000;}
#twocolrights{width:40%;float:right; padding:1.5em 0em 1em 1em;}
#twocolright {
	width:40%;float:right; padding:0em 0em 45% 0em;
    position: relative;
   	height: 0; overflow: hidden;
}
 
#twocolright iframe,
#twocolright object,
#twocolright embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#mobilehide{display:block;}
#mobileshow{display:none;}
#calhide{display:block;}
#calshow{display:none;}



/* Misc */
.rounded{
-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:8px;
	background-color:#C5D6E8;
	margin:5px;
}
.shadow{
-moz-box-shadow: 0px 0px 9px #000;
-webkit-box-shadow: 0px 0px 9px #000;
box-shadow: 0px 0px 9px #000;
}

HR{border: none 0; 
border-top: 1px solid #000;
margin: 10px auto 0 0;}
.widgettitle{display:none;}
LI.widget{ list-style: none; margin-bottom:20px }

.sticky{}
.gallery-caption{}
.bypostauthor{}
/*	WP Images */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 6px 4px 15px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 15px 4px 6px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	padding-top: 4px;
	margin: 10px;
	-moz-box-shadow: 0px 0px 9px #000;
-webkit-box-shadow: 0px 0px 9px #000;
box-shadow: 0px 0px 9px #000;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* TOP NAV */

.responsiveSelectContainer {height:1.25em; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .responsiveSelectContainer {width:696px; width:695px;}
/* remove all the bullets, borders and padding from the default list styling */
.responsiveSelectContainer ul {padding:0;margin:0;list-style-type:none;}
.responsiveSelectContainer ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.responsiveSelectContainer li {float:left;position:relative; }

/* style the links for the top level */
.responsiveSelectContainer a, .responsiveSelectContainer a:visited {display:block; font-size:1.2em; font-weight: 900; text-decoration:none; color:#FFF; padding:.25em 2em;vertical-align:middle; text-transform:uppercase;   }


/* a hack so that IE5.5 faulty box model is corrected */
* html .responsiveSelectContainer a, * html .responsiveSelectContainer a:visited {}

/* style the second level background */
.responsiveSelectContainer ul ul a.drop, .responsiveSelectContainer ul ul a.drop:visited {}
/* style the second level hover */
.responsiveSelectContainer ul ul a.drop:hover{}
.responsiveSelectContainer ul ul :hover > a.drop {}
/* style the third level background */
.responsiveSelectContainer ul ul ul a, .responsiveSelectContainer ul ul ul a:visited {color:#FFF; background-color:#000;/*background-image: url("graphics/b70.png"); */width: 250px; } /*3rd OFF */
/* style the third level hover */
.responsiveSelectContainer ul ul ul a:hover {color:#000;background-image: url("graphics/w90.png"); z-index:100;} /*3rd ON */


/* hide the sub levels and give them a positon absolute so that they take up no room */
.responsiveSelectContainer ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:150px; border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .responsiveSelectContainer ul ul {top:30px;top:30px; vertical-align: middle;}

/* position the third level flyout menu */
.responsiveSelectContainer ul ul ul{left:232px; top:0px; width:99px;z-index:9990;}

/* position the third level flyout menu for a left flyout */
.responsiveSelectContainer ul ul ul.left {left:232px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.responsiveSelectContainer table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links - SECOND OFF */
.responsiveSelectContainer ul ul a, .responsiveSelectContainer ul ul a:visited {padding:5px 5px 5px 10px; width: 256px; display:block; font-size:.8em; font-weight:700; text-decoration:none; color:#fff; background-color:#000;/*background-image: url("graphics/b70.png"); */ height:auto; min-height:1.25em; line-height:1.25em; vertical-align:middle; text-align:left; border-bottom:0px solid #FFF; border-right:0px; }
/* yet another hack for IE5.5 */
* html .responsiveSelectContainer ul ul a, * html .responsiveSelectContainer ul ul a:visited {width:115px;width:113px;}

/* style the top level hover */
.responsiveSelectContainer a:hover {background-image: url("graphics/w20.png"); color:#000;}
.responsiveSelectContainer :hover > a  {background-image: url("graphics/w20.png"); color:#000;} /* TOP OVER */

.responsiveSelectContainer ul ul a:hover {color:#000;background-image: url("graphics/w90.png");}
.responsiveSelectContainer ul ul :hover > a {color:#000;background-image: url("graphics/w90.png");} /* 2nd OVER */

/* make the second level visible when hover on first level list OR link */
.responsiveSelectContainer ul li:hover ul,
.responsiveSelectContainer ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.responsiveSelectContainer ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.responsiveSelectContainer ul :hover ul :hover ul{ visibility:visible;}

/* FOOT NAV */

.menu-foot-menu-container {height:1.25em; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu-foot-menu-container {width:696px; width:695px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu-foot-menu-container ul {padding:0;margin:0;list-style-type:none;}
.menu-foot-menu-container ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu-foot-menu-container li {float:left;position:relative; }

/* style the links for the top level */
.menu-foot-menu-container a, .menu-foot-menu-container a:visited {display:block; font-size:.9em; font-weight:700; text-decoration:none; color:#FFF; padding:.25em .75em;vertical-align:middle; text-transform:uppercase;  }
.menu-foot-menu-container .orangenav a, .menu-foot-menu-container .orangenav a:visited {display:block; font-size:1em; font-weight:700; text-decoration:none; color:#FF6634; padding:.25em 1em;vertical-align:middle; text-transform:uppercase;  }

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu-foot-menu-container a, * html .menu-foot-menu-container a:visited {}

/* style the second level background */
.menu-foot-menu-container ul ul a.drop, .menu-foot-menu-container ul ul a.drop:visited {}
/* style the second level hover */
.menu-foot-menu-container ul ul a.drop:hover{}
.menu-foot-menu-container ul ul :hover > a.drop {}
/* style the third level background */
.menu-foot-menu-container ul ul ul a, .menu-foot-menu-container ul ul ul a:visited {color:#FFF; background-color:#000; width: 250px; } /*3rd OFF */
/* style the third level hover */
.menu-foot-menu-container ul ul ul a:hover {color:#000;background-image: url("graphics/w90.png"); z-index:100;} /*3rd ON */


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu-foot-menu-container ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:150px; border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu-foot-menu-container ul ul {top:30px;top:30px; vertical-align: middle;}

/* position the third level flyout menu */
.menu-foot-menu-container ul ul ul{left:232px; top:0px; width:99px;z-index:9990;}

/* position the third level flyout menu for a left flyout */
.menu-foot-menu-container ul ul ul.left {left:232px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu-foot-menu-container table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links - SECOND OFF */
.menu-foot-menu-container ul ul a, .menu-foot-menu-container ul ul a:visited {padding:5px 5px 5px 10px; width: 217px; display:block; font-size:.8em; font-weight:700; text-decoration:none; color:#FFF; background-color:#000; height:auto; min-height:1.25em; line-height:1.25em; vertical-align:middle; text-align:left; border-bottom:0px solid #FFF; border-right:0px; }
/* yet another hack for IE5.5 */
* html .menu-foot-menu-container ul ul a, * html .menu-foot-menu-container ul ul a:visited {width:115px;width:113px;}

/* style the top level hover */
.menu-foot-menu-container a:hover {background-image: url("graphics/w20.png"); color:#000;}
.menu-foot-menu-container :hover > a  {background-image: url("graphics/w20.png"); color:#000;} /* TOP OVER */

.menu-foot-menu-container ul ul a:hover {color:#000;background-image: url("graphics/w90.png");}
.menu-foot-menu-container ul ul :hover > a {color:#000;background-image: url("graphics/w90.png");} /* 2nd OVER */

/* make the second level visible when hover on first level list OR link */
.menu-foot-menu-container ul li:hover ul,
.menu-foot-menu-container ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu-foot-menu-container ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu-foot-menu-container ul :hover ul :hover ul{ visibility:visible;}


@media screen and (max-width: 800px){
#topnav{margin-top:1em;float:none;clear:both;}
#topnavin{margin-top:0em;padding:0em .5em; float:none; color:#FFF; }
#secondary_nav { margin-top: 50px; float: none; margin: auto; padding: 0em .5em; }
#topnavbox{margin:0 auto; padding-bottom:.5em; }
}
@media screen and (max-width: 880px) {
	#logo { padding: 5px 5px 5px 20px; }
	#header { display: block; position: relative; height: 170px; }
	#headerin { min-height: 120px; }
	#topnav { display: none;  }
	#secondary_nav { float: none; margin-left: 12px; }
}
@media screen and (max-width: 500px){
#logo{float:left;width:120px; margin-left:1em; margin-top: -25px;z-index:99;border:0px solid #000;}
}