@charset "utf-8";
.margin-right-10{
	margin-right: 10px;
}
#menuContainer{
    display: none;
}
#menu ul li.mobile_only, .mobile_only{
	display: none;
}

.header-photo-mobile {
display: none;
}

@media screen and (max-width: 767px) {
	body{
		width: 100%;
		min-height: 100%;
		min-width: 100%;
		font-size: 14px;
		background: #fff !important;
	}
	
	.video-outer { max-width: 780px; max-height: 300px; }
	
	.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 

	.video-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	
#content li {
padding-right:2%
}
	
.header-photo-mobile {
position:absolute;
left:3px;
top:4px;
border-radius:5px;
border-style:solid;
border-width:1px;
display: block
}

.header-photo {
display: none;
}

.oneColElsCtr #header {
width:auto;
height:100px;
background-color:#fff;
padding:0;
margin:0 auto;
position:relative;
border-color:#CCC;
background-image:url(images/template/banner-slice-dark2.jpg);
background-repeat:repeat-x
}

.site-name {
position:absolute;
left:102px;
top:7px;
font-family:Verdana,Arial,sans-serif;
font-size:1.9em;
text-align:left;
margin-top:2px;
margin-bottom:5px;
font-style:italic;
color:#cfcfcf;
font-weight:700
}

#container h1 {
position:absolute;
left:102px;
top:58px;
font-family:Impact,Tahoma,Arial,sans-serif;
letter-spacing:0px;
color:#fff;
margin-top:0;
margin-bottom:0;
text-align:left;
white-space:nowrap;
font-weight:600
font-style:bold;
}

#container h2 {
position:absolute;
left:102px;
top:38px;
font-family:Arial,sans-serif;
color:#FFF;
text-align:left;
margin-top:0;
margin-bottom:0;
white-space:nowrap;
font-weight:400;
font-style:normal;
text-align:left
}

	p.site-name{
		font-size: 20px;
	}
	#header{
		margin-top: 40px !important;
	}
	#header .search, #header #share, #header #follow, #header #like, #header #follow2{
		display: none;
	}
	#header .search{
		display: block;
		position: absolute;
		top: -30px;
		right: 0;
		padding: 0;
		margin: 0 6px 0 0;
	}
	#header .search label{
		color: #000;
	}
	#header h1{
		font-size: 24px;
		margin-top: 5px;
		font-weight:600
	}
	#header h2{
		font-size: 18px;
	}
	#menu{
		height: auto;
		overflow: hidden;
	}
	#menu ul{
		line-height: 18px;
		padding: 0;
		margin: 0;
	}
	#menu ul li{
		padding: 5px;
		margin-bottom: 2px;
	}
	#menu ul li a{
		font-size: 14px;
	}
	
	#menu ul li a:hover {
		font-size: 14px;
	}
	
	#navigation{
		display: none;
	}
	#content{
		width: auto;
		float: none;
	}
	
	#content h1 {
font-family:Arial,Helvetica,sans-serif;
background-image:url(images/template/title-slice-blue.jpg);
font-size:1.4em;
font-weight:400;
text-indent:7px;
padding-top:3px;
padding-bottom:3px;
width:99%;
color:#fff;
line-height:120%
}
#content h2 {
font-family:Avenir,Arial,Helvetica,sans-serif;
font-size:1.4em;
font-weight:400;
color:#148;
line-height:120%
}
#content h3 {
font-family:Avenir,Arial,Helvetica,sans-serif;
font-size:1.4em;
font-weight:400;
color:#222;
line-height:120%
}
#content h4 {
font-family:Avenir,Arial,Helvetica,sans-serif;
font-size:1.4em;
font-weight:700;
color:#258;
margin-top:0;
margin-bottom:0;
line-height:120%
}
#content h5 {
font-family:Avenir,Arial,Helvetica,sans-serif;
font-size:1.4em;
font-weight:700;
color:#444;
margin-top:0;
margin-bottom:0;
line-height:120%
}

	.text-block-main{
		display: none;
	}
	.text-block{
		display: none;
	}
	.mobile-hidden{
		display: none;
	}
	.wide-block{
		width: 100%;
		overflow-x: scroll;
	}
	.expand-controller-main, .expand-controller{
		width: auto !important;
	}
	section.hidden-content{
		display: none;
	}
	#menuContainer{
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		display: none;
    	padding-top: 43px;
    	text-align: left;
	}
	#menuContainer .close{
		position: absolute;
		top: 0;
		right: 0;
		background: #fff url(../images/close_icone.png) center center;
		width: 64px;
		height: 64px;
		z-index: 3000;
	}
	#menuContainer .back{
		position: absolute;
		top: 5px;
		left: 20px;
		background: #fff url(../images/left-arrow.png) center center;
		width: 64px;
		height: 64px;
		z-index: 3000;
		display: none;
	}
	#menuContainer ul li{
		list-style: none;
		line-height: 50px;
		font-size: 24px;
	}
	#menuCallButton{
		position: absolute;
		background: #fff url(../images/menu_button.png) center center;
		width: 30px;
		height: 30px;
		top: 4px;
		left: 4px;
	}
	#menuContainer ul li ul{
		display: none;
		background: #fff;
	}

	#menuContainer ul.menuLevelTwo{
		position: absolute;
		top: 0;
		left: 0;
	}
	#menuContainer ul.menuLevelTwo a{
		text-decoration: none;
		color: #000;
	}
	li.menuLevelOne.active{
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		padding: 55px 0 0 20px;
		width:100%;
		height:100%;
		font-size: 20px !important;
		background: #fff;
	}
	#menuContainer li.menuLevelOne.active ul.menuLevelTwo{
		display: block;
		padding: 60px 0 0 100px;
		width: 100%;
	}
	.mobile_only{
		display: block;
	}
	
	.video-container { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; } 

	.video-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }

	
}
@media screen and (max-width: 450px) {
    #header h2, p.site-name{
	font-size:18px;
    }
    #header h1{
	font-size:20px;
    }
}