/*** HTML styles ****************/

html, body {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
}
h1, h2, h3, p, ul, li {
	margin: 0px;
}
h1 {
	font-size: 140%;
	font-weight: normal;
	margin-top: 1em;
	margin-bottom: 1em;
}
h2 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 2ex;
	margin-bottom: 0.5ex;
}
h3 {
	font-size: 75%;
	font-weight: bold;
	margin-top: 0.7ex;
	margin-bottom: 0ex;
}
p {
	font-size: 75%;
	color: #004963;
}
a { color: #0C9DBA; }
a:hover { color: #00BDE6; }

img {
	border: none;
}
input {
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}

/*** Layout ****************/

#SkipNav {
	display: none;
	}
#Main {
	max-width: 850px;
	width:expression(document.body.clientWidth > 850? '850px': 'auto' );
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border: 1px solid #004963;
	}
#Header {
	background-image: url(../images/header-photo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
#Logo {
	float: left;
	margin: 22px;
	margin-right: 0px;
	}
#Strapline {
	float: left;
	width: 40%;
	margin-left: 20px;
	padding-right: 20px;
	padding-top: 35px;
	font-size: 110%;
	color: #08415E;
	text-align: center;
	}

#GlobalNav {
	clear: left;
}
#GlobalNav ul {
	background-color: #0C9DBA;
	border-top: 1px solid #004963;
	border-bottom: 1px solid #004963;
	line-height: 120%;
	padding: 0.1ex 0.5em 0.2ex;
}
#GlobalNav li {
	display: inline;
}
#GlobalNav li a {
	font-size: 85%;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0ex 0.75em;
	text-decoration: none;
}
#GlobalNav li a:hover {
	color: #004963;
	text-decoration: none;
}

#Content {
	line-height: 125%;
	padding: 15px 3%;
}
#Content ul, #Content ol {
	font-size: 75%;
	margin-left: -2em;
}
#Content ul {
	font-size: 75%;
	list-style-position: outside;
	list-style-image: url(../images/bullet.gif);
}
#Content ul li {
	margin: 0.5ex 4ex;
}

#Footer {
	clear: both;
	background-color: #DBF0F5;
	font-size: 75%;
	text-align: center;
	margin-top: 1ex;
	border-top: 1px solid #004963;
	padding: 0.5ex;
}

/*** Page Nav ****************/

.PageNav {
	float: right;
	margin-top: 1em;
}
.PageNav ul {
	list-style-type: none;
}
#Content .PageNav ul li {
	float: left;
	display: inline;
	margin: 0.5ex 1ex;
}
.PageNav ul li a {
	font-size: 85%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0C9DBA;
	border: 1px solid #000000;
	padding: 0ex 0.5em;
	text-decoration: none;
}
.PageNav ul li a.active {
	background-color: #ABC3CC;
}
.PageNav ul li a:hover {
	color: #FFFFFF;
	background-color: #004963;
	text-decoration: none;
}


/*** Other ****************/

.Testimonial {
	margin: 1em 2em;
	padding: 1ex;
	background-color: #EDF2F4;
}
.Testimonial .Quote {
	font-size: 90%;
	margin-bottom: 1em;
}
.Testimonial .Source {
	color: #000000;
	line-height: 120%;
}
.Testimonial .Source:first-line {
	font-weight: bold;
}

.Button {
	float: right;
	padding: 1px;
}
.Button a {
	color: #FFFFFF;
	background-color: #0C9DBA;
	border: 1px solid #000000;
	font-weight: bold;
	text-decoration: none;
	padding: 0.1ex 1.5ex;
}
.Button a:hover {
	color: #FFFFFF;
	background-color: #004963;
	text-decoration: none;
}



.Columns2 div {
	float: left;
	width: 44%;
	margin: 0px;
	padding: 0px 3%;
	}

.spacer {
	clear: both;
	font-size: 1px;
	line-height: 0%;
}
.inPageImgLeft {
	float: left;
	margin-bottom: 1ex;
	margin-right: 1em;
}
.inPageImgRight {
	float: right;
	margin-bottom: 0.7ex;
	margin-left: 0.7em;
}
.inPageImg {
	margin: 5px;
	border: 1px solid #999999;
}
.highlight {
	color: #CC3300;
}

.imageCollection p {
	float: left;
	width: 20%;
	text-align: center;
}

.Address {
	margin: 1em 2em;
	padding: 1ex;
	background-color: #EDF2F4;
}
.Address p {
	line-height: 140%;
	color: #000000;
	font-size: 110%;
	margin-bottom: 1ex;
}
.Thread {
	float: right;
	clear: both;
	margin-top: 1ex;
	margin-bottom: 0px;
}
.CreditLink {
	color: #000000;
	text-decoration: none;
}
.IntroText {
	display: none;
}