html {
	height: 100%;
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0px;
	font: 12pt Arial, Sans-Serif;
	color: rgb(75,75,75);
	text-align: center;
	border-top: 5px solid rgb(15,123,107);
}

h2 {
	font: bold 12pt Arial, Sans-Serif;
	margin: 30px 0 25px 0;
	color: rgb(100,100,100);
}

h3 {
	font: bold 18pt Cambria, Serif;
	color: rgb(15,123,107);
	margin: 20px 0 15px 0;
	padding-top: 0;
}

a img {
	border: none;
}

a:link, a:active, a:visited {
	outline: none;
	color: inherit;
	text-decoration: underline;
}

a:hover {
	color: rgb(15,123,107);
}


strong {
	color: rgb(15,123,107);
}


#container {
	margin: 0 auto;
	padding: 0;
	width: 1080px;
	text-align: left;
}

#header {
	margin: 0 auto;
	width: 1180px;	
	height: 200px;
	padding: 25px 0;
	text-align: center;
	background: no-repeat bottom url('images/gradient.png'); 

} 


#header h1 {
	margin: 0;
	padding: 0px;
}

#header span {
	font: bold 18pt Cambria, Serif;
	color: rgb(15,123,107);
	margin: 0;
	padding: 0px;
}

#nav {
	width: 220px;
	float: left;
	padding-right: 50px;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav li {
	list-style: none;
	margin: 0 0 4px 0;
}

#nav  a:link, #nav a:active, #nav a:visited  {
	display: block;
	padding: 9px;
	background: white;
	color: rgb(15,123,107);
	text-decoration: none;	
	font: bold 14pt Arial, Sans-Serif;
	border: 1px solid rgb(15,123,107);

}

#nav a:hover {
	background:  rgb(15,123,107);
	color: white;
}

#content {
	width: 540px;
	float: left;
	padding-bottom: 60px;
}

#content p {
	margin: 10px 0 30px 0;
	line-height: 130%;
}

#content ul {
	margin-left: 0;
	padding-left: 0;
	width: 75%;
}

#content li {
	margin-left: 15px;
	padding-left: 15px;
	padding-bottom: 2px;
}

#content img, #contact img {
	display: block;
	border: 1px solid rgb(209,234,221);
	padding: 10px;
	margin: 20px auto;
}

#content img+span {
	display: block;
	margin: 10px;
	font-size: 9pt;
	color: black;

}

#content div img {
	display: block;
	border: none;
	padding: 10px 10px 0 10px;
	margin: 0 auto;
}

.image {
	border: 1px solid rgb(209,234,221);
	margin: 0 auto;
}



#contact {
	width: 220px;
	float: left;
	padding-left: 50px;
	font-size: 11pt;
}

#footer {
	clear: both;
	width: 540px;
	margin: 0 270px;
	border-top: 1px solid rgb(15,123,107);
	padding: 20px 0;
	font: 10pt Arial, Sans-Serif;
	color: #666;
}

#footer ul {
	margin: 5px 0;
	padding: 0;
	list-style: none;
}


#footer li {
	margin: 0;
	padding: 0 5px 0 0;
	display: inline;
}

#footer li+li {
	margin: 0;
	padding: 0 5px;
	display: inline;
	border-left: 1px solid #232323;
}

#highlight {
	margin: -10px 0 -10px -10px;
	padding: 10px;
	background: rgb(209,234,221);
}

#highlight strong+strong {
	color: rgb(75,75,75);
}

.gap10 {
	margin-bottom: 10px;
}

.gap20 {
	margin-bottom: 20px;
}

.gap30 {
	margin-bottom: 30px;
}
