﻿body {
	background-color: #606060;
	padding-bottom: -60px;
	}

#wrapper	{
	min-height: 100%;
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
#header {
	overflow: auto;
	font-family: sans-serif;
/*	text-align: center;  */
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #FFF;

background-image: -webkit-gradient(
	linear,
	right bottom,
	right top,
	color-stop(0.19, #7CB2D1),
	color-stop(1, #56C9F7)
);
background-image: -o-linear-gradient(top, #7CB2D1 19%, #56C9F7 100%);
background-image: -moz-linear-gradient(top, #7CB2D1 19%, #56C9F7 100%);
background-image: -webkit-linear-gradient(top, #7CB2D1 19%, #56C9F7 100%);
background-image: -ms-linear-gradient(top, #7CB2D1 19%, #56C9F7 100%);
background-image: linear-gradient(to top, #7CB2D1 19%, #56C9F7 100%);




}
#header h1 {
	margin-top: 30px;
	margin-right: auto;
	margin-left:180px; /*position of name */
	font-size: 2.5em;
}
#logo 	{
	position: absolute; 
	float: left;
}

#logo img	{
	padding: 5px;
	width: 140px;
}

#language	{
			margin-top: 5px;
			width: 75px;
			float: right;
}

#language img	{
				width: 70px;
				border: 0px;
}
#middle {
	background-color: #7CB2D1;
	padding-left: 100px;
	padding-right: 210px;
	overflow: auto; 
}

#navigation {
	padding-left: 125px;
	/*float: left;  */
	background-color: #7CB2D1;
	font-family: Sans-Serif;
	text-align: center;
	overflow: visible;
	height: 42px;
	
}
#label{
    display: inline-block;
    float: left;
    clear: left;
    width: 30%;
    text-align: right;
}
#input {
  display: inline-block;
  float: left;
}

#navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}


#navigation ul ul {
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
}

#navigation ul li{
background-color: #7CB2D1;
}

#navigation ul li:hover > ul {
		display: block;
	
	}

#navigation li {
    float: left;
	width: 114px;
}
#navigation a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 10% 0%;
}
#navigation a:hover {
	color: #7CB2D1;
	background-color: #CCFFFF;
}

#content {
	font-family: Sans-Serif;
	background-color: #FFF;
	padding: 15px;
	float: left;
	width: 75%;
	height: 80%;
}
#content h1 {
	color: #133040;
	font-size: 1.5em;
	margin-top: 0px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #700000;
}
#content p {
	margin-top: 0px;
	margin-bottom: 10px;
}

#sidebar {
	width: 200px;
	padding: 5px;
	margin-right: -210px;
	float: left;
	font-family: Sans-Serif;
	color: #FFF;
}
#sidebar h1 {
	margin: 0px;
	text-transform: uppercase;
	font-size: 1.25em;/*
	text-align: center;*/
}
#sidebar h2 {
	font-size: 1em;
	margin-bottom: 0px;
}
#sidebar ul{
	list-style-type: none;
	font-size: 0.85em;
	margin-left: -30px;
}
#map	{
		margin-left:auto;
		margin-right:auto;;
	}
#footer {
	font-size: 0.75em;
	font-family: Sans-Serif;
	padding: 5px 0px;
/*	margin-bottom: 20px; */
	text-align: center;
	background-color: ##96bce1;
	color: #FFF;
	clear: both;
    width:100%;


}
#photoleft	{
			float: left;
			width: 200px;
			margin-right: 8px;
		
}
#photoleft img 	{
				max-width:100%; 
				max-height:100%;
				margin: auto;
				overflow: hidden;
				display:block;}
#photoright	{
			float: right;
			width: 200px;
		
}
#photoright img 	{
				max-width:100%; 
				max-height:100%;
				margin:auto;
				display:block;}
				
#photocenter	{
			width: 500px;
			margin: 0 auto;
		
}
#photocenter img 	{
				max-width:100%; 
				max-height:100%;
				overflow: hidden;
				display:block;}
#footer a {
	color: #FFF;
	text-decoration: underline;
}

#footer a:hover {
	background-color: #7CB2D1;
}

#footer img	{
	height: 25px;
	vertical-align: middle;
	margin-right: 5px;
}