@charset "utf-8";
/* CSS Document */

body{
	margin:0;	
}

@font-face {
	font-family: 'paneuropa';
	src: url("../fonts/PaneuropaFreeway.eot"); /* FOR IEs */
	src: local('paneuropa'), url('../fonts/PaneuropaFreeway.ttf') format('truetype'); /* for other web browsers */
}

.span-across{
	margin:auto;
	width:100%;
	background-color: #b8c8d4;
	min-width:300px;	
}

#header{
	display:block;
	height:80px;
	line-height:80px;
	font-family: paneuropa;	
	font-size:36px;
	overflow:hidden;
	white-space: nowrap;
}

#header_small{
	display:none;
	margin-left:60px;
}

#header_small_h1_wrapper{
	color: #faad45;
	height:55px;
	overflow:hidden;
	white-space: nowrap;
}

#header_small h1{
	font-size:26px;
	margin:0;
	display:inline;	
}

#header h1{
	font-family:inherit;
	font-size:inherit;
	margin:0px;
	padding:0px 0px 0px 50px;
	display:inline;	
}

nav{
	height:60px;
	line-height:60px;
}

#links{
	z-index:5;
	min-height:55px;
}

nav #menuwrap{
	display:block;
}

nav #menuicon{
	width:50px;
	height:50px;
	background-image:url(../images/list_small.png);
	background-repeat:no-repeat;	
	border:none;
	display:none;
	cursor:pointer;
	text-align:center;
	float:left;
}

nav #searchicon{
	width:50px;
	height:50px;
	background-image:url(../images/menu/search.png);
	background-repeat:no-repeat;	
	border:none;
	display:none;
	cursor:pointer;
	text-align:center;
	float:right;
}

#ark_image{
	height:35px;
	width:70px;
	background-image: url(../images/banner_ark_small.png);
	background-size:70px 35px;
	background-repeat: no-repeat;
	display:inline-block;
}

nav #menuicon img{
	display:inline-block;
	width:10%;
	max-width:50px;
	max-height:50px;
	margin:0;
	padding:0;
}

nav ul{
	list-style-type: none;
	line-height:inherit;	
	padding:0px;
	margin:0px;
}

nav li{
	float:left;
	display: block;
  width: 16.66666666%; /* 100% devided by the number of items in the list */
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:20px;	
	margin:0px 0px 0px 0px;
	cursor:pointer;
}

.links_nav{
	display:block;
}

/************************************************
* For the search box in the corner of the page  *
*************************************************/

#search{
	display:block;
	margin:auto;
	background-color:inherit;
}

#search input[type=text]
{
  background-color: #b8c8d4;
	border:none;
	border-bottom:solid 1px black;
	color:#000;
	height: 28px;
	width: 70%;
	box-shadow: none;
	color:#666;
	margin-right:25px;
}

#search input[type=text]:focus{
	outline-width:0;
	color:#000;	
}

#search input[type=submit]{
	background-image:url(../images/searchglass.png);
	background-repeat:no-repeat;	
	border:none;
	background-color:#b8c8d4;
	width:25px;
	height:25px;
	margin-left:-25px;
	position:absolute;
	top:100px;
	cursor:pointer;
}

#search input[type=submit]:focus{
	outline-width:0;	
}

#banner_search_options{
	width:180px;
	position:absolute;
	z-index:2;
	background-color:#b8c8d4;	
	text-align:left;
	line-height:26px;
	padding:5px;
	display:none;
	cursor:auto;
}

.ark {
	color: #faad45;
	background-image: url(../images/banner_ark_small.png);
	background-repeat: no-repeat;
	display:inline;
}

.page{
	margin:auto;
	width:100%;
	max-width:1200px;
	min-width:300px;	
	overflow:hidden;
}

#main{
	background-color:#848484;
}

#content{
	width:100%;
}

footer{
	height:40px;
	line-height:40px;	
	text-align:center;
	overflow:hidden;
}

.clear{
	clear:both;	
}

a:link, a:visited, a:hover, a:active {
    color: inherit;
	font-weight:inherit;
	text-decoration:none;
}

section{
	padding:5px 0px 5px 0px;
	margin:0px 0px 0px 10px;
}

p{
	margin:0px 0px 10px 30px;
	font-size:18px;
}

section h1{
	margin:5px 0px 0px 15px;
	font-size:30px;
}

section h2{
	margin:0px 0px 5px 15px;
	font-size:24px;
}

section form{
	margin-left:30px;
	font-size:18px;
}

@media (max-width: 900px)  { 
	footer{
		min-height:40px;
		height:auto;
		line-height:20px;	
		text-align:center;
		overflow:visible;
	}
}

/*Iphone 6+ screen size, portrait or landscape 667*/
@media (max-width: 667px)  { 
		#content p{
			font-size:20px;
		}
		#content h1{
			font-size:26px;
		}
		#content h2{
			font-size:38px;
		}
		section form{
			font-size:32px;
		}
		#header{
			display:none;
		}
		#header h1{
			padding:0px 0px 0px 0px;
		}
		nav #menuicon{
			display:block;
		}
		nav #searchicon{
			display:block;
		}
		#header_small{
			display:block;
		}
		nav li{
			width:100%;
			float:none;
			text-align:left;
			padding-left:10px;
		}
		nav #menuwrap{
			display:none;
		}
		nav{
			height:auto;
			line-height:auto;
		}
		#search input[type=submit]{
			position:static;
		}
		#search, .links_nav{
			display:none;
		}
}