/* ------------------------

  * Main CSS *

--------------------------- */

@import "reset.css";

body {
	background-color:#999;
	font-family:Arial, Helvetica, sans-serif;
	--background-image:url(../img/layout/bg.jpg);
	-webkit-overflow-scrolling: touch;
}


.clearfix {
  clear:both; 
}

strong{font-weight:bold;}

body {
    overflow:hidden;
    padding:0;margin:0;
    height:100%;width:100%;
}
#bgimg {
    position:absolute;
    z-index: -1;
    width:100% !important
}
#realBody{
    position:absolute;
    z-index: 5;
    overflow:auto;
    height:100%;width:100%;
    background: url('../img/raster.png');
}



/* =CONTAINERS
--------------------------- */

#container {
	margin: 20px auto;
	width: 90%;
	max-width:1140px;
	background-color:#fff;
	background-color:rgba(255,255,255,.8);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
	
#header{
	margin:1.04%;/* 10px / 960px */
	width: 94%; /* 940px / 960px */
	background-color:#e9e6d6;
	float:left;
	padding:2% 2% 0 2%;

	}
	
#navigation{
	margin:0 1.04% 1.04% 1.04%;/* 10px / 960px */
	width: 94%; /* 940px / 960px */
	background-color:#4d4c47;
	float:left;
	padding:2%;
	opacity:1;
	}
	
#hero-banner{
	margin:0 1.04% 0.7% 1.04%;/* 10px / 960px */
	width: 97.91%; /* 940px / 960px */
	float:left;
	}
	#hero-banner img{
	max-width:100%;
	max-height:100%;
	}
	
#main-content{
	margin:0 1.04% 1.04% 1.04%; /* 10px / 960px */
	width: 56.41%; /* 580px / 960px */
	background-color:#fff;
	float:left;
	padding:2%;
	}
	#main-content img{
	max-width: 100%;
	height: auto;
	margin:2em 0 2em 0;
	}
	.news-item{
	padding-bottom:50px;
	}
	
#main-content-gallery{
	margin:0 1.04% 1.04% 1.04%; /* 10px / 960px */
	width: 94%;
	background-color:#fff;
	float:left;
	padding:2%;
	}
	#main-content-gallery img{
	max-width: 100%;
	height: auto;
	margin:0 0 0 0;
	}
	#main-content-gallery ul{
	list-style:none;
	}

	
#sidebar{
	margin:0 0 1.04% 0;/* 10px / 960px */
	width: 36.45%; /* 350px / 960px */
	float:left;
	clear:none;
	}
	.sidebar-item, .sidebar-item-last{
	width:90%;
	background-color:#fff;
	padding:5%;
	margin:0 0 3.04% 0; /* 10px / 960px */
	}
	.sidebar-item-last{
	margin-bottom:0;	
	}
	#sidebar ul{
	font-size:1.4em;
	list-style:disc;
	margin-left:15px;
	}
	#sidebar ul li{
	padding-bottom:0.5em;	
	}
	
	
#footer{
	clear:both;
	margin:0 1.04% 1.04% 1.04%; /* 10px / 960px */
	width: 94%; /* 940px / 960px */
	background-color:#fff;
	padding:2%;
	}
	#footer ul{
	list-style:none;
	float:left;
	width:100%;
	margin:0 0 1em 0;
	}
	#footer ul li{
	float:left;
	margin:0 2.0% 0 0;
	font-size:1.4em;
	color:#333;
	}
	#footerul li a{
	color:#333;
	text-decoration:none;
	}


/* =HEADER
--------------------------- */
#header{
	font-family: 'Volkhov', serif;
	}
	#header img{
	float:left;
	}
	#header p.logo{
	font-size:2.4em;
	font-weight:700;
	line-height:1.2em;
	background-image:url(../img/layout/logo.jpg);
	background-repeat:no-repeat;
	padding:80px 0 0 0;
	float:left;
	width:60%;
	}
	#header p.logo a{
	color:#59543e;
	text-decoration:none;
	float:left;
	}
	#header p.logo a:hover{
	color:#F90;
	}
	#header p.est{
	font-size:2.1em;
	font-weight:400;
	color:#59543e;
	float:right;
	width:30%;
	text-align:right;
	margin-top:3.9em;
	}


/* =NAVIGATION
--------------------------- */
#navigation ul{
	list-style:none;
	float:left;
	width:100%;
	}
	#navigation ul li{
	float:left;
	margin:0 2.0% 0 0;
	font-size:1.4em;
	color:#E9E6D6;
	font-weight:bold;
	}
	#navigation ul li a{
	color:#fff;
	text-decoration:none;
	}
	#navigation ul li a.members{
	color:#F90;
	}
	#navigation ul li a:hover{
	color:#F90;
	}


	
	
/* =TYPOGRAPHY
--------------------------- */

body {
  font-family:Arial, sans-serif;
  /* font-family:Verdana, Arial, Helvetica, sans-serif; */ 
  /* font-family:Tahoma, serifSansSerifMonospace; */
  font-size:62.5%; /* The base font size of the TT is 10px, which means 1em is 10px, 1.2em is 12px and so on. */
  line-height:1.6em;
}

h1, h2, h3, h4 {
  font-family: 'Volkhov', serif;
  line-height:1.2em;
}

h1 {
  font-size:3.4em;
  border-bottom:1px solid #e9e9e9;
  padding:0 0 10px 0;
  margin:0 0 1em 0;
}

h2 {
  font-size:2.4em;
  border-bottom:1px solid #e9e9e9;
  padding:0 0 10px 0;
  margin:0 0 1em 0;
}

h3 {
  font-size:1.8em;
}

h4 {
  font-size:1.4em;
}

p {
  font-size:1.5em;
  margin:0 0 1em 0; 
  color:#333;
  line-height:1.4em;
}

p#skip-to-content {
  display:none;
}

ol{
	list-style:decimal;
	font-size:1.5em;
  	margin:0 0 1em 20px; 
  	color:#333;
  	line-height:1.4em;
}
#main-content ul{
	list-style:outside;
	font-size:1.5em;
  	margin:0 0 1em 20px; 
  	color:#333;
  	line-height:1.4em;
}
#main-content ul.content{
border-top:1px solid #e9e9e9;
margin-left:0;
}
#main-content ul.content li{
border-bottom:1px solid #e9e9e9;
list-style:none;
margin-left:0;
padding:0.5em 0 0.5em 0;
}


/* =LINKS
--------------------------- */

a:link, a:visited, a:focus, a:active, li a{
  text-decoration:none;
  -webkit-transition: all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	color:#F90;
	font-weight:bold;

}

a:hover {
  text-decoration:underline;
}


input.button{
	background-color:#4d4c47;
	border:none;
	color:#fff;
	padding:1em;
	
}


/* =MEDIA QUERIES
--------------------------- */

@media screen and (max-width: 768px) {

#main-content{
	margin:0 1.04% 1.04% 1.04%;/* 10px / 960px */
	width: 94%; /* 940px / 960px */
	float:left;
	}
	#main-content h1{
	font-size:2.4em;
	}
	
#sidebar{
	margin:0 1.04% 1.04% 1.04%;/* 10px / 960px */
	width: 94%; /* 940px / 960px */
	float:left;
	clear:left;
	}
	.sidebar-item{
	padding:1.59%;
	margin:0 0 1.04% 0; 
	width: 101%;
	}
	.sidebar-item-last{
	padding:1.59%;
	margin-bottom:0;
	width: 101%;
	}
	
#container {
	margin: 0;
	width: 100%;
	}
	
#header p.logo{
	font-size:2.4em;
	font-weight:700;
	width:100%;
	line-height:1.2em;
	padding:80px 0 0 0;
	margin:0 0 .5em 0;
	}	
	
#header p.est{
	clear:left;
	float:left;
	width:100%;
	text-align:left;
	margin:0 0 .5em 0;
	}	
	

.nav-toggle{
	font-size:1.5em;
}
	
#navigation ul{
	list-style:none;
	float:left;
	width:100%;
	margin:0 0 2em 0;
	}
	#navigation ul li{
	clear:left;
	margin:0 2.0% 0 0;
	font-size:1.4em;
	padding:.5em 0 .5em 0;
	border-bottom:1px solid #a7a496;
	width:100%;
	}
	#navigation ul li a{
	color:#fff;
	text-decoration:none;
	}
	
	
}

@media screen and (max-width: 520px) {

}

#main-content .freebirdFormviewerViewFooterEmbeddedDisclaimer{
	display:none 
}