
body {
	color: #505956;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	padding: 0px;
	margin: 0px;
	
	background-color: #eaf6f1;
	background-image: url(../images/texturebackground.jpg);
	
	/*background-color: #6bad9d;
	/*background-image: url(../images/back.png);
	//background-repeat: repeat-x;*/
}

div#website {		
	
	z-index: 5;
	left: 50%;
	top: 0px;
	margin-left: -490px;
	width: 980px;
	padding-bottom: 10px;
	margin-top: 20px;
	display: block;
	position: relative;
}

#header {	
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 120px;	
	width: 980px;	
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

#mainmenu {	
	background-color: white;	
	height: 40px;	
	width: 980px;
	margin-bottom: 10px;	
	margin-top: 10px;
	padding: 0px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

#footer {
		margin-bottom: 20px;
		text-align: right;
		font-size: 10px;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		margin-top: 10px;
		width: 980px;
		top: 0px;
		left: 50%;
		margin-left: -490px;
		position: relative;
		padding-bottom: 5px;
		color: #3ca686;
/*		border-top-color: #c2dcc5;
		border-top-style: solid;
		border-top-width: 1px;*/
		border-bottom-color: #c2dcc5;
		border-bottom-style: solid;
		border-bottom-width: 1px;
}


	#footer a {
		color: #3ca686;
		font-family: "Lucida Grande", Verdana, Arial;
	}

	#footer a:hover {
		text-decoration: none;
		color: #3ca686;
		font-family: "Lucida Grande", Verdana, Arial;
	}


#mainmenu ul {
	margin-left: 2px;
	margin-bottom: 0px;
	margin-right: 2px;
	margin-top: 0px;
	padding: 0px;
	}
	
#mainmenu ul.menu li {
		font-size: 14px;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		height: 40px;
		margin-left: 10px;
		padding-left: 4px;
		padding-right: 4px;
		display: inline-block;
		list-style: none;	
		text-align: center;
	}
	
	#mainmenu ul.menu li a {
		line-height: 40px;
		text-transform: uppercase;
		height: 40px;
		display: block;
		list-style: none;	
		text-decoration: none;
		color: #3ca686;
	}
	

	
	#mainmenu ul.menu li a:hover {
		line-height: 40px;
		text-transform: uppercase;
		height: 40px;
		display: block;
		list-style: none;	
		text-decoration: none;
		color: #187e53;
		background-image: url(../images/back_menu_hover.png)
	}
	
	#mainmenu ul.menu li a:active {
		background-image: url(../images/back_menu_hover.png)
	}
		
	.active{
		line-height: 40px;
		text-transform: uppercase;
		height: 40px;
		display: block;
		list-style: none;	
		text-decoration: none;
		color: #187e53;
		background-image: url(../images/back_menu_hover.png)
	}
	
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

	#leftcolumn {
	float: left;
	display: block;
	width: 250px;
	font-size: 12px;
	padding-bottom: 20px;
	background-color: white;	
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	}

	.box {
		margin-right: 15px;
		margin-left: 15px;
		border-color: #ececec;
		border-style: solid;
		border-width: 1px;
		margin-bottom: 10px;
	}
	
	.boxheader {
		padding-bottom: 5px;
		padding-top: 5px;
		padding-right: 15px;
		padding-left: 20px;
		background-color: #ececec;
		color: #3ca686;
		text-transform: uppercase;
	}
	
	.boxcontent {
		padding: 20px;
	}

.leftcolumntext {
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 20px;
}

.leftcolumntext ul{
	margin-left: 0px;
	padding-left: 20px;
}

.leftcolumntext li{
	margin: 0px;
	padding: 0px;	
}

.leftcolumntext a{
	color: #505956;
}

.leftcolumntext a:hover{
	color: #3ca686;
}


.leftspacer {
	display: block;
	height: 40px;
}


#content {
	float: left;
	display: block;
	width: 690px;
	margin-left: 10px;
	padding: 15px;
	background-color: white;	
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);

	
	}
	
#content a {
	color: #505956;
	text-decoration: none;
	border-bottom: 1px dotted #505956;
}	

#content a:hover {
	border-bottom: 1px solid #505956;
}

.description { margin-left: 30px; }

	h1 {
		color: #3ca686;
		padding-bottom: 4px;
		padding-top: 3px;
		font-size: 22px;
		border-bottom-color: #6bad9d;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		text-align: right;
	}
	
	h2 {
		font-size: 14px;
	}
	
.submenuentries { font-size: 12	px; background-color: transparent; background-image: none; margin-top: 5px; margin-left: 5px; }
.submenuentries a { color: #5d5d5d; background-color: transparent; background-image: url(../images/icon.gif); background-repeat: no-repeat; text-decoration: none; padding-left: 10px; list-style-type: circle; }
.submenuentries a:hover { color: #5d5d5d; background-color: transparent; text-decoration: none; background-image: url(../images/icon_hover.gif); background-repeat: no-repeat; list-style-type: circle; padding-left: 10px; border-bottom: 1px dotted gray; }
