/**************************************************************************************************
 *  Header Layout and Style
 **************************************************************************************************/
div.logo {
    padding-top: 5px;
	padding-right: 0px;
}
div.headerinfo {
	padding-top: 20px;
	padding-left: 100px;
	font-size: 1.2em;
	text-align: right;
}
div.headerinfo span{
	font-size: .9em;
}
@media (max-width: 630px){
	div.headerinfo span{
		font-size: .7em;
	}
	div.topHeader svg {
		width: 90px !important;
		height: 45px !important;
		padding-left: 5px !important;
	}
	div.headerinfo {
		padding-left: 5px;
		font-size: 0.9em;
	}	
}
@media (max-width: 323px){
	div.headerinfo {
		display: none;
	}
}

div.topHeader a, div.topHeader span{
    display: inline-block;
    padding: 5px;
    margin-left: -5px;
	color: white;
	line-height: .7em;
	text-decoration: none;
}
 .logo-path {
    fill: #fff;
}
.topHeader {
	background: #36424a;
	height: 88px;
	border-bottom: 8px solid #77b800;
	width:100%;
}
div.topheader div.container {
    padding: 0px 20px 0px 20px;
}
.header { /* container for header at top of page */
    margin: 0px;
    height: 80px; 
    text-align: center;
    width: 100%;
    top: 0px;
}

.headerlogin { /* container for header at top of login page */
    background-image: url(../images/big-bg-image.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    height: 375px;
    width: 99%;
    margin: 0px;    
    border:1px solid #F3F3F3;
}
/****** Menu  ******/
@media (max-width: 575px){
	.hamburger {
		margin-top: 4px;
	}
}
.hamburger {
	border-radius: .3rem;
	background: #36424a;
    vertical-align: middle;
}
.hamburger span{
	background: transparent url(../images/icons/hamburger.png) no-repeat center center;
	background-size: cover;
    width: 20px;
    height: 15px;
	margin: 0px;
}
.mainMenuBand {
	background: rgb(106,119,128);	
	height: 44px;
	width: 100%;
	z-index:2;
}

div.mainMenuBand .container a{
	display: inline-block;
	padding: 10px 10px;
	margin-right: 5px;	
	color: #FFFFFF !important;
	font-weight: bold;
    font-size: .8em;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}
.hamburgermenu {
	width: 250px;
	position: relative;
	background: rgb(106,119,128);
	border-radius: .1rem;
	z-index: 99999;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
	transition: left .2s;
	left: -300px;
}
.hamburgermenu span.menuheader {
	display: block;
    width: 100%;
	color: #1f2326;
	padding: 6px 20px 1px 20px;
	font-size: 0.8125rem;
	font-weight: 700;
    text-align: left;
	background: none;
    border: none;
    outline: none !important;
}
.hamburgermenu ul.nav {
    margin-bottom: 5px;
	padding-left: 0;
    list-style: none;
	display: block;
}
/*div.hamburgermenu a{
	width: 100%;
}*/
.hamburgermenu ul.nav li a {
    display: block;
    position: relative;
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
	text-align: left;
    letter-spacing: 0.2px;
    color: #c3c8cc;
	padding: 10px 15px 10px 40px;
}
/*div.hamburgermenu ul {
	list-style: none;
	padding: 0px;
}*/
.menuHeader img	
{
    display: block;
    width: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2px;
}

/* The sub-manu */
.menuDrop {	
	display: inline;
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #1A5B77;
	z-index: 2;
	
}

.menuDrop a {
	font-size: 12px;
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #1A5B77;
	color: #FFFFFF;
	border-bottom: 1px solid #084864;
	
}

.menuDrop a:hover {	
	background: #49A3FF;
	color: #FFF;
	text-align: left;
}

.message 
{
    background-color: #FBE3A7;
    text-align: center;
    border: 0px solid #D9A849;
    margin: 5px;
}



.sitelogo { /* Site Logo Properties */ 
    float: left;
    width: 320px;
    /*height: 80px;*/
    margin-top: 15px;
}

.sitelogologin { /* Site Logo on the Login page Properties */ 
   // float: left;
    //width: 490px;
}