@font-face {
	font-family: 'LiberationSerif';
	src: url('font/LiberationSerif-Regular.ttf');
}
@font-face {
	font-family: 'LiberationSerif';
	font-weight: bold;
	src: url('font/LiberationSerif-Bold.ttf');
}
@font-face {
	font-family: 'LiberationSerif';
	font-style: italic;
	src: url('font/LiberationSerif-Italic.ttf');
}
@font-face {
	font-family: 'LiberationSerif';
	font-weight: bold;
	font-style: italic;
	src: url('font/LiberationSerif-BoldItalic.ttf');
}

@font-face {
	font-family: 'GoudyStM';
	src: url('GoudyStM.otf');
}
@font-face {
	font-family: 'GoudyStM';
	font-style: italic;
	src: url('GoudyStM-Italic.otf');
}

* {
	margin: 0;
	padding: 0;
}
html {
	width: 100%;
	height: 100%;
}
body {
	background-color: white;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	width: 100%;
}

.container {
	width: 800px;
	margin: 0 auto 0 auto;
}

.header {
	margin: 60px auto 0 auto;
	width: 890px;
	height: 190px;
	padding-top: 110px;
	padding-right: 110px;

	color: white;
	font-weight: bold;
	font-size: 24px;
	text-align: right;

	background-image: url(../img/background2.jpg);
}
.menu {
	width: 800px;
	font-size: 0px;
	background-color: rgb(30, 56, 21);
	border-bottom: 8px solid #533823; /*rgb(148, 115, 94);*/
}
.menuItem {
	height: 20px;
	padding: 4px 10px;
	color: white;
	font-size: 15px;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	/*vertical-align: middle;
	font-variant: small-caps;*/

	font-family: 'Exo 2', sans-serif;
}
.menuItem.current, .menuItem:hover {
	background-color: #533823; /*rgb(148, 115, 94);*/
}

.menuItem.longText {
	/*font-size: 17px;*/
	/*padding-top: 8px;
	height: 16px;*/
}

.content {
	float: right;
	width: 600px;
	padding: 25px 100px;
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 1.25;
	background-color: white;
	min-height: 200px;

	border-bottom: 8px solid rgb(30, 56, 21);
}
.textContent {
	font-size: 16px;
	color: #302014;
}
.content p {
	margin-top: 10px;
}
.content h2 {
	color: rgb(166, 56, 49);
}
.textContent ul {
	padding-left: 20px;
}
.textContent a {
	color: #0000FF;
}

.blackText {
	color: black;
}
.greyText {
	color: #666;
}
.redText {
	color: rgb(166, 56, 49);
}
.floatImages {
	width: 120px;
	display: block;
	float: right;
}
.floatImage {
	width: 120px;
	height: 120px;
	display: block;
	margin-bottom: 10px;
	background-color: green;

	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.clear {
	clear: both;
}

.indexContent {
	background-color: rgb(30, 56, 21);
	padding-top: 400px;
	border-bottom: 8px solid #533823; /*rgb(148, 115, 94);*/
	font-size: 0px;
}
.indexMenuItem {
	padding: 4px 10px;
	border-left: 0px solid white;
	color: white;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	display: inline-block;
}
.menuItem:not(.last), .indexMenuItem:not(.last) {
	border-right: 2px solid white;
}
.indexMenuItem:hover {
	background-color: #533823; /*rgb(148, 115, 94);*/
}
.indexHeader {
	color: white;
	font-weight: bold;
	margin-left: 390px;
	margin-top: 30px;
	font-size: 30px;
	text-align: right;
	position: absolute;
	z-index: 1000;
}
.indexHeader .function, .header .function {
	font-size: 20px;
}
.name, .function {
	font-family: 'Exo 2', sans-serif;
}
.indexHeader {
	margin-left: 560px;
}
.right {
	float: right;
}
.left {
	float: left;
}

.picture {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;

	box-shadow: #533823 3px 3px 8px 0px;
	-webkit-box-shadow: #533823 3px 3px 8px 0px;

	float: right;
}