html, body {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-family: calibri;
}

body {
	background-image:  url('images/background.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	color: #2c3e50;
}


a {
	color: #124091;
}

#whole-site {
	width: 900px;
	height: auto;
	margin: 50px auto;
}

#header {
	background-image:  url('images/header-images/header1.jpg');
	height: 200px;
	background-size: 100%;
}

	#header-title {
		margin: 0px;
		margin-left: 30px;
		padding-top: 70px;
		font-size: 40px;
		font-weight: bold;
		color: #fff;
	}

#content-overall {
	min-height: 300px;
	width: 100%;
	background-color: #ecf0f1;
}

#cssmenu {
	width: 150px;
	color: #fff;
	float: left;
}
	#cssmenu ul {
		list-style-type: none;
		margin-left: -20px;
		margin-top: 20px;
	}
	
	#cssmenu ul li a {
		text-decoration: none;
		font-weigth: bold;
	}

#content {
	text-align: left;
	margin: 0px;
	padding: 20px;
	padding-top: 0.1px;
	margin-left: 150px; /*menu width*/
}

#footer {
	background-color: #000;
	color: #fff;
	text-align: center;
	height: 22px;
}

.title0 {
	font-size: 35px;
	font-weight: 900; /*100-900    thin, auto, normal, bold, bolder*/
	color: #424242; /*#hexacode blue, red, black, white rgb(255, 255, 255)*/
}
.title1 {
	font-size: 28px;
	font-weight: bold; /*100-900    thin, auto, normal, bold, bolder*/
	color: #2E2E2E; /*#hexacode blue, red, black, white rgb(255, 255, 255)*/
}
.title2 {
	font-size: 22px;
	font-weight: bold; /*100-900    thin, auto, normal, bold, bolder*/
	color: #2E2E2E; /*#hexacode blue, red, black, white rgb(255, 255, 255)*/
}
.text1 {
	font-size: 18px;
	color: #151515; /*#hexacode blue, red, black, white rgb(255, 255, 255)*/
}
.text2 {
	font-size: 12px;
	color: #151515; /*#hexacode blue, red, black, white rgb(255, 255, 255)*/
}

#footer a {
	color: #CCCCCC;
	vertical-align: top;
}

.thumbnailimg {
	height: 100px;
	width: 100px;
	margin: 5px;
}