@CHARSET "UTF-8";

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../images/background.jpg);
	background-position: center 568px;
	background-repeat: repeat-y;
	font-family: Nobel, sans-serif;
	font-size: 10pt;
	text-align: center; /*JP: fix for IE6 ignoring margin:auto. Think it will pay atention to 'auto' if you use a strict dtd in the markup*/
}

img { behavior: url(/iepngfix.htc) }

a {
	text-decoration: none;
}

a img {
	border: 0;
}

h1, b.leader {
	font-size: 13pt;
	font-weight: 400;
}

#background {
	position: relative; /*JP: using negative margines for postioning. Needs to be in doc flow */
	/*JP: left: 0;
	top: 0; */
	
	width: 100%;
	height: 568px;
	background-image: url(../images/background2.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 0; /*JP: Changed to 0 (from 1) */
	/*Following lines added by JP */
	margin: auto auto -518px auto; /*JP: makes total calculated height 50px*/
	vertical-align: top;
	display: block;
}

#pageBorder {
	text-align:left; /*JP: part of IE6 centering Fix*/
	z-index: 2;
	position: relative;
	width: 1024px; /*JP: Recommend changing to make total readable area not more than aprox. 960px */
	margin: 0 auto 0; /*JP: changed top margin to 0 (from 50px) */
	padding: 0 18px 18px;
	background-image: url(../images/shadow.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#page {    
	width: 1024px; /*JP: see width note from "pageBorder" */
	margin-top: 0px; /*JP: Changed. If you need more margin above the "page" just change the margin on "background". */
	background-color: #FFFFFF;
}

#header {
	position: relative;
	padding: 20px 108px 5px 108px;
	color: #696a6c;
	font-size: 12pt;
}

#header #logo {
	vertical-align: text-bottom;
}

#header .contact {
	position: relative; /*JP: changed from absolute */
	padding-left: 50px; /*JP*/
	/*right: 110px;
	top: 86px;*/
}

#header .contact .address {
	padding: 0 5ex;
}

.address img{
	border: none;
	border-width: 0px;
	color:#FFFFFF;
}

#nav {
	position: relative;
	padding: 6px 108px;
	background-color: #3da1af;
	background-image: url(../images/nav.jpg);
	background-repeat: repeat-y;
}

#nav a.nav {
	color: #D7D7D7;
	margin-right: 2ex;
}

.nav {
	margin: 0;
	padding: 0;
}

#content {
	position: relative;
	padding: 0 108px;
	margin: 20px 0;
	color: #636363;
}

#content h1, #content legend {
	color: #3da1af;
	font-size: 13pt;
	font-weight: normal;
}

#content a {
	color: #97bb87;
}

#content .orange a, #content span.orange {
	color: #F7911D;
}

#footer {
	padding: 20px 108px;
	background-color: #e7f8fe;
	text-align: justify;
	color: #808285;
}

#footer h1 {
	font-size: 10pt;
	margin: 2em 0 0 0;
}

#footer img {
	vertical-align:middle;
}

.visit.button {
	padding: 10px 1ex;
	border: 1px solid #ababab;
	color: #FFFFFF;
	background-color: #f7941d;
}

.visit.button a {
	color: #FFFFFF;
}

.visit.button a img {
	vertical-align:middle;
}

#nav .visit.button {
	position:relative;
	margin-left: 112px;
	/*position: absolute;
	top: -4px;
	right: 108px; */
}

.right {
	float: right;
	padding-left: 2em; /*JP: creates space between left/right cols */
}