body {
	font-family: Verdana;
	font-size: 8pt;
	margin:10px 0 0 0;
}

#header {	
	margin: 1em 20px 1em 20em;
}

#bottom {
	background:transparent url(../img/banner-bg.jpg) repeat-x;
	width:1px
	height:190px;
}

#banner {
	background:transparent url(../img/banner.jpg) no-repeat 0 0;
	width: 980px;
	height: 190px;
	margin: 0 auto;
}

img {
	max-width: 100%;
	border:0;
}
#contentContainer {
	background-color: #F2F2F2;
	padding: 20px 0 20px 0;
}

#contentContainer .content {
	width:75%;
	margin: 0 auto;
}

#contentContainer .content .title {
	font-size:12pt;
	color:blue;
	font-weight:bold;
}

#contentContainer .content .subtitle {
	font-size:10pt;
	color:blue;
	font-weight:bold;
}

div.nav-menu {
	background-color: #007f00;
	font-size:1.3em;
	padding-left:20%;
}

div.nav-menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

div.nav-menu ul li {
	float:left;
	margin:0px 10px;
	list-style:none;
}

div.nav-menu ul li a:link, 
  div.nav-menu ul li a:visited {
	padding:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding-top:10px;
	text-decoration:none;
	display:block;

}

div.nav-menu ul li a:hover {
	background-color:#00b200;
}

.menu-trigger {
	display:none;
}


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

	#header {	
		margin: 1em auto 1em;
		max-width:95%;
	}
	
	div.nav-menu {
		background-color: #007f00;
		font-size:1.3em;
		padding-left:0%;
	}

	div.nav-menu ul li {
		width: 49.8%;
		padding-left:0%;
		margin:0;
		border-bottom: 1px solid #00b200; 
	}

	div.nav-menu ul li.left {
		border-right: 1px solid #00b200; 
	}
	
	#banner {
		background: url(../img/banner-landscape.jpg) no-repeat 0 0;
		width:529px;
		height:190px;
	}
}

@media screen and (max-width: 500px) {
	
	.menu-trigger {
		display:block;
		color:#FFF;
		background-color:#007f00;
		padding: 9px;
		text-align: right;
		cursor: pointer;
	}
	
	div.nav-menu {
		background-color:green;
		font-size:1.2em;
		padding-left:0%;
		display:none;
	}

	div.nav-expanded {
		display:block;
	}
	
	div.nav-menu ul li {
		float:none;
		width: 100%;
		border-bottom: 1px solid #00b200;
		margin:0px;
	}

	div.nav-menu ul li.left {
		border-right:0px; 
	}
	
	div.nav-menu ul li:last-child {
		border-bottom: none;
	}
	
	#header {	
		margin: 1em auto 1em;
		max-width:95%;
	}
	
	#contentContainer .content {
		width:90%;
	}
	
	#banner {
		background: url(../img/banner-mobile.jpg) no-repeat 0 0;
		width:263px;
		height:190px;
	}
	
}