/*body*/
body{
		/*background-image: url(wood.jpg);*/
		background-color: #938264;
		font-size: 100%;
        margin: 0em;
		padding: 0em;
		font-family: "Courier New", Arial, Calibi;
}

/*fonts*/
h1{
		font-size: 2.5em;
		color: #2F2D2C;
		margin: 0em;
		text-align: center;
		font-family: 'Open Sans Condensed', sans-serif; 
}

h2{
		font-size: 1.5em;
		font-family: Arial;
		color: #3f3e3c;
		margin: 0em;
		padding: 1.25em;
		text-align: center;
		font-family: 'Open Sans Condensed', sans-serif; 
}

p{
		font-size: 1em;
		margin: 0em;
		color: #3f3e3c;
		padding: 1.25em;
		text-align: justify;	
}

font{
		color: #3f3e3c; 
		/*font-family: 'Open Sans Condensed', sans-serif; */
		font-family: 'Special Elite', cursive;
		font-size: 1em;
}

img{
		width: 90%;
		height: auto;
		max-width: 100%;
}

a{	
		text-decoration: none;
}

/*Parts*/
header{
		display: block;
		max-width: 1100px;
		text-align: center;
		margin: -2em auto;
		height: auto;
}

header img{
		border-radius: 5px;
		box-shadow: 0px 0px 60px -5px #4c4948;
		margin-top: -0.5em;
		width:96%;
}

footer{
		display: block;
		text-align: center;
		margin: 1.52em auto;
		width: 80%;
		padding: 0px;
}

footer ul{
		display: block;
		width: 100%;
		max-width: 980px;
		margin: 0px auto;
		padding: 0px;
}

footer ul li{
		display: inline;
		color: #ffffff;
		font-family: 'Open Sans Condensed', sans-serif;
		padding: 0px;
}

footer ul li img{
		width: 3em;
		max-width: 90px;
}

#menubar{
		display: block;
		/*background: #dfceaf;*/
		box-shadow: 0px 0px 60px -5px #4c4948;
		height: 2em;
		background-image: url(img014.jpg);
}

#menubar ul a.menubutton{
		display: none;
}

#menubar p{
		color: black;
		margin-top:-2.5em;
		margin-left: 0.2em;
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 1.4em
}

#menubar ul {
		list-style: none;
		display: block;
		width: 2em;
		padding: 0.1em 3.2em;
}

#menubar ul il {
		list-style: none;
		display: inline;
		height: 2em;
}

#menubarright{
		margin: auto;
		display: block;
}

#menubarright ul{
		display: block;
		list-style: none;
		width: 14em;
		float: right;
		margin-top: -2.95em;
		text-align: center;
}

#menubarright ul li{
		display: inline;
}

#menubarright ul li img{
		width: 4em;
}

#main{
		display: block;
		/*background-color: #dfceaf; */
		background-image: url(img014.jpg);
		margin: -0.3em auto; 
		width: 95%;
		text-align: center;
		max-width: 960px;
		box-shadow: 0px 10px 30px -5px #4c4948;
		border-radius: 5px;
		position: relative;
		z-index: 1000000;
}

#main article{
		display: inline-block;
		width: 90%;
		vertical-align: top;
		margin: 0em;
		padding: 0em;
		text-align: center;
}

#main article iframe{
		width: 90%;
		height: 25em;
}

#news{
		display: block;
		/*background-color: #dfceaf; */
		background-image: url(img014.jpg);
		margin: -0.3em auto; 
		width: 95%;
		text-align: center;
		max-width: 960px;
		box-shadow: 0px 10px 30px -5px #4c4948;
		border-radius: 5px;
		position: relative;
		z-index: 1000000;
}

#news div img{
		max-width:450px;
}

/*aside*/
#main aside{
		margin-left: 3%;
		vertical-align: top;
		display: inline-block;
		width: 0%;
		padding: 0em;
		float: right;
}

#main aside section{
		max-width: 200px;
		margin-top: -8em;
		margin-left: -4em;
		vertical-align: top;
		display: inline-block;
		-moz-transform: rotate(20deg); 
		-webkit-transform: rotate(20deg); 
		-o-transform: rotate(20deg); 
		-ms-transform: rotate(20deg); 
		transform: rotate(20deg);
		
}

#main aside section img{
		width: 20em;
		box-shadow: 0px 0px 20px -5px #4c4948;
}

#main aside section p{
		width: 14em;
		font-family: 'Special Elite', cursive;
		margin-top: -4.6em;
		margin-left: -1.4em;
		font-size: 0.9em;
		text-align: center;
}

/*navigation */
nav{
		margin-top: 2em;
		display: block;
		height: 2.3em;
		text-align: center;
		z-index: 1;
}

nav ul {
		display: block;
		margin: 0em auto;
		
}

nav ul li {
		display: inline-block;
		margin: 0em -1.4em 0em;
}

nav ul li img{
		height: 2em;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 1px 2px 4px rgba(0,0,0,.4)
}

nav ul li p{
		font-family: 'Special Elite', cursive;
		margin: -2.8em auto;
		color:  #17202a;
		text-shadow: 0.3px 0.3px 0.3px #000;
}

li{
		list-style: none;
		margin: 0em;
		margin: 0.313em 0em 0.313em 0em;
}

/*Mobile Style*/
@media screen and (max-width: 800px){
		body{
		font-size: 87%;
		}
}

@media screen and (max-width:1320px){
		#main aside{
		display: none;
		}
		
		#menubarright{
		display: none;
		}
}

@media screen and (max-width:1600px){
		#menubarright ul{
		width: 4em;
		}
		
		#menubarright ul li{
		display: block;
		}
}

@media screen and (min-width: 700px){
		nav.nav{
		display: block !important;
		}
}
@media screen and (max-width: 700px){
		body{
		font-size: 80%;
		}
		#menubar ul li a.menubutton{
		display: block;
		}
		nav{
		display: none;
		height: auto;
		width: 200px;
		}
		nav ul li{
		display:block;
		margin: 0.3 auto 0.3em;
		}
		header{
		height: auto;
		}
		header img{
		margin-top: 2.5em;
		}
		footer ul li{
		display: block;
		}
		#main{
		margin: 2em auto; 
		}
		nav ul li{
		margin-top: 2em;
		}
		nav ul li p{
		margin-left: 1em;
		}
		
}