html {
	background-color: #e0e0e0;
}
div.container {
	max-width: 75em; /* 1200 / 16 */
	padding: 1em 1em;
	margin: 0 auto;
	overflow: hidden;
}
img {
	max-width: 100%;
	height: auto;
}
.clear {
	clear: both;
}

/* Header */
.header .inner {
	position: relative;
	background: #fff url(../images/banner.jpg) scroll no-repeat top center;
	box-shadow: 0 0 20px;
}
	.header .inner .logo-navigation {
		width: 100%;
		float: left;
	}
	.header .inner a.brand {
		display: block;
		float: left;
		text-decoration: none;
	}
		.header .inner a.brand img {
			display: block;
		}
	.header .inner nav.primary {
		display: block;
		float: right;
		margin: 3em 1em 0.5em 1em;	
	}
		.header .inner nav.primary #mobile-menu {
			display: block;
			float: right;
			text-indent: -20000em;
			width: 32px;
			height: 32px;
			background: transparent url(../images/mobile-menu.png) scroll no-repeat;
			display: none;
		}
			.sidr ul li a {
				padding-top: 5px;
				padding-bottom: 5px;
			}
		.header .inner nav.primary ul#primary-menu {
			float: left;
			margin: 10px 0 0 0;
			list-style-type: none;
		}
		.header .inner nav.primary ul#primary-menu li {
			display: block;
			float: left;
		}
			.header .inner nav.primary ul#primary-menu li a {
				display: block;
				color: #fff;
				padding: 10px 10px 2px 10px;
				margin: 2px;
				font-size: 1.125em; /* 18 / 16 */
				text-decoration: none;
				border-bottom: 3px solid transparent;
			}
			.header .inner nav.primary ul#primary-menu li.current a,
			.header .inner nav.primary ul#primary-menu li a:hover {
				border-bottom: 3px solid #fff;
			}
		
/* Content */

.main {
	background-color: #fff;
}
	.main .container {
		padding-top: 0em;
		padding-bottom: 0em;
		background-color: #fff;
	}
	.main .bgcontainer {
		background-color: #f8f8f8;
		overflow: hidden;
		
	}
		.main .container .sidebar {
			float: left;
			width: 27.166666666667%; /* 326 / 1200 */
			padding-top: 1em;
			padding-bottom: 1em;
		}
			.main .container .sidebar .secondary h3 {
				padding-left: 4.907975460123%; /* 16 / 326 */
				padding-right: 4.907975460123%; /* 16 / 326 */
			}
			.main .container .sidebar .secondary ul {
				list-style-type: none;
				padding: 0;
				margin: 0;
			}
				.main .container .sidebar .secondary ul a {
					display: block;
					padding: 0.4em 4.907975460123% 0.4em 4.907975460123%; /* 16 / 326 */
					color: #336699;
					font-weight: 400;
					text-decoration: none;
				}
					.main .container .sidebar .secondary ul ul a {
						padding-left: 9.815950920245%;
					}
				.main .container .sidebar .secondary ul a:hover,
				.main .container .sidebar .secondary ul a.current {
					background-color: #e4e4e4;
				}
		body.no-sidebar .main .container .content-container {
			float: left;
			width: 100%;
			padding-left: 0;
			
		}
		.main .container .content-container {
			float: right;
			width: 71.5%; /* 858 / 1200 */
			padding-left: 1.333333333333%;
			padding-top: 1em;
			padding-bottom: 1em;
			background-color: #fff;
			min-height: 400px;
		}
		body.HomePage .main .container .content-container {
			float: left;
			width: 71.5%; /* 858 / 1200 */
			padding-right: 1.333333333333%;
		}
		body.HomePage .main .container .homepage-news {
			float: left;
			width: 24.5%; /* 858 / 1200 */
			padding-right: 1.333333333333%;
			padding-left: 1.333333333333%;
			padding-top: 1em;
			padding-bottom: 1em;
		}
			body.HomePage .main .container .homepage-news .article {
				padding: 5px 0;
			}
			body.HomePage .main .container .homepage-news .articledate {
				color: gray;
				font-size: 0.8em;
			}
			body.HomePage .main .container .homepage-news a {
				text-decoration: none;
			}
			body.HomePage .main .container .homepage-news .rss-feed a {
				display: block;
				background: transparent url(../images/feed-icon-14x14.png) scroll no-repeat left center;
				padding: 10px 0 10px 20px;
				font-size: 0.9em;
				color: gray;
			}
		
		
/* Footer */

.footer .contact {
	float: left;
	width: 27.166666666667%; /* 326 / 1200 */
}
.footer .footermenu {
	float: right;
	width: 71.5%; /* 858 / 1200 */
	padding-left: 1.333333333333%;
}
	.footer .footermenu ul {
		list-style-type: none;
		float: right;
		margin: 0;
		padding: 0;
	}
		.footer .footermenu ul li {
			display: block;
			float: left;
			
		}
			.footer .footermenu ul li a {
				font-size: 1.125em;
				text-decoration: none;
				display: block;
				padding: 0 5px;
				margin: 0 0 5px 0;
			}
		.footer .footermenu ul ul {
			float: left;
		}
		.footer .footermenu ul ul li {
			display: block;
			float: none;
		}
			.footer .footermenu ul ul li a {
				margin: 0;
				font-size: 1em;
			}

.footer .inner a.nextit {
	display: block;
	float: right;
}
	.footer .inner a.nextit img {
		border: 0;
		background: none;
	}

@media (max-width: 700px) {
	.header .inner nav.primary #primary-menu {
		display: none;
	}
	.header .inner nav.primary #mobile-menu {
		display: block;
	}
	.main .container .content-container {
		width: 100%;
		padding-left: 0;
	}
	body.HomePage .main .container .content-container {
		width: 100%;
		padding-left: 0;
	}
	body.HomePage .main .container .homepage-news {
		float: left;
		width: 90%;
		padding: 5%;
		padding-bottom: 1em;
	}
		body.HomePage .main .container .homepage-news h4 {
			margin-top: 0;
		}
	.main .container .sidebar {
		display: none;
	}
	table, tbody, tr, td {
		display: block;
		width: 100% !important;
	}
	form {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.footer .contact {
		width: 100%;
		margin-bottom: 10px;
	}
	.footer .footermenu {
		float: left;
		width: 100%;
		padding-left: 0;
	}
		.footer .footermenu ul {
			float: left;
		}
			.footer .footermenu ul li {
				display: block;
				width: 100%;
				float: left;
			}
				.footer .footermenu ul li a {
					padding: 0;
				}
			.footer .footermenu ul ul {
				margin: 0 0 10px 0;
			}
}