html
{
	background-color: #a2dbac;
	color: black;
	padding: 0;
	margin: 0;
	border-width: 0;
	font-family: "Arial", sans-serif;
	height: 100%;
	background-image: url("images/background_stripes.png");
	background-attachment: fixed;
}
body
{
	margin:0;
	background-color: #a2dbac;
	height: 100%;
	background-image: url("images/background_stripes.png");
	background-attachment: fixed;
}
h2
{
	color: #317898;
	font-weight:bold;
	margin:0;
}
h3
{
	color: #317898;
	font-weight:bold;
	margin: .2em 0;
}
h3.nomargin
{
	color: #317898;
	font-weight:bold;
	margin: 0;
}
h3.inline
{
	display: inline;
	font-weight:bold;
}
h4.sidebar
{
	color: #317898;
	font-weight:bold;
	margin: 10px 0 5px 0;
}
p
{
	font-size: .8em;
	line-height: 1.6em;
	text-align: justify;
}
p.inline
{
	display: inline;
	font-weight: bold;
}
p.emergency1
{
	font-style:italic;
	font-size:.8em;
}
p.emergency2
{
	font-weight:bold;
	font-size:1em;
}
p.emergency3
{
	font-size:.8em;
}
blockquote
{
	text-align: justify;
}
blockquote p
{
	font-size: .8em;
}
fieldset
{
	padding: 6px 10px 10px 10px;
	font-size: .75em;
	border: 2px solid Navy;
	margin-top: 22px;
}
legend
{
	color: Black;
	padding: 3px;
	border-right: 1px solid Black;
	border-left: 1px solid Black;
	border-bottom: 1px solid Black;
}
/* Hides from IE-mac \*/

* html #content {height: 1%;} /*fix for IE 6 displaying the page*/
/* End hide from IE-mac */

div#wrapper
{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
	padding-bottom:10px;
	background-color:transparent;
}
div#navigation
{
	margin-bottom:13px;
	margin-top:13px;
}
div#title
{
	border-style:solid;
	border-color:black;
	border-width:1px;
	background-color: #eaedf6;
	margin-bottom: 10px;
	height:154px;
}
div#main
{
	padding-bottom:20px;
}
div#content
{
	position:relative;  /*needed or else text disappears on lytebox pages when you close lytebox in IE */
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	background-color: #eaedf6;
	border-style:solid;
	border-color:black;
	border-width: 1px;
}
div#mainbar
{
	float:left;
	width:495px;
	padding-right:5px;
}
div#sidebar
{
	float:left;
	padding-left:20px;
	width:218px;
}
div#emergencybox
{
	border-style:dotted;
	border-color:black;
	border-width:2px;
	padding:10px;
}
div#emergencybox p
{
	text-align:center;
	font-family:'Times New Roman', serif;
}
div#clear
{
	clear: both; /* needed or else navigation bar is messed up when window has a scrollbar. */
}
div#map
{
	width:450px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	border-style:solid;
	border-width:3px;
	border-color:black;
}
a#banner
{
	display:block;
	margin:auto;
	color:black;
	width:90%;
	background-color: #FFFF99;
	border-color: #317898;
	border-style: solid;
	border-width:2px;
	height: 80px;
}
div#one, div#two, div#three {
	padding:10px 20px 0px 20px;
}
a#banner:hover
{
	color: #6699FF;
}
div#one, div#two
{
	font-size:1.1em;
	background-color: #FFFF99;
}
div#two, div#three
{
	visibility: hidden;
	background-color: #FFFF99;
}
div#one div {
	width:70%;
	float:left;
	text-align:center;
}
div#one img {
	width:30%;
}
div#two div {
	width:70%;
	float:right;
	text-align:center;
}
div#two img {
	width:20%;
}
div#three {
	font-family:'Georgia', 'serif';
	font-size:1.9em;
	text-align:center;
}
div.float
{
	float: left;
	margin: 8px 0px 0 8px;
	padding: 0;
	height: 125px;
	width: 125px;
	text-align: center;
}
div.float_open
{
	float: left;
	margin: 8px 5px 0 8px;
	padding: 0;
}
div.float_open p
{
	font-size: small;
	margin: 0 0 1em 0;
	padding: 0;
}
div.br
{
	clear: both;
}
div.gallery
{
	width: 200px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
div.captionpic
{
	display:inline;
	float:right;
	margin-left:10px;
	border-color:#afafaf;
	border-width:1px;
	border-style:solid;
	padding:3px;
	background-color:white;
}
div.captionpic:hover
{
	border-color:black;
}
div.captionpic span
{
	font-size: .8em;
	font-style:italic;
}
img
{
	border-width: 0;
}
img.border
{
	border-width: 1px;
	border-color:#afafaf;
	border-style:solid;
	padding:3px;
	margin-left:10px;
	float:right;
	background-color:white;
}
img.border:hover
{
	border-color:black;
}
img.squares
{
	float:right;
}
td#exmark
{
	font-size: 3em;
	font-weight: bold;
	color: red;
}
.nowrap
{
	white-space: nowrap;
}
table.availableapts
{
	border-top:1px solid #ACB3B8;
	border-right:1px solid #ACB3B8;
	border-collapse:collapse;
}
tr.availableapts
{
	background:#ECEFF3;
}
tr.odd
{
	background:white;
}
td.availableapts
{
	color:#5D7488;
	border-bottom:1px solid #ACB3B8;
	border-left:1px solid #ACB3B8;
	padding:.3em 1em;
	text-align:center;
}
th.availableapts
{
	background:#E5ECF3;
	text-align:center;
	color:#393733;
	border-bottom: 1px solid #ACB3B8;
	border-left:1px solid #ACB3B8;
	padding:.3em 1em;
}
hr
{
	height: 1px;
	color: #317898;
	background-color: #317898;
	border-width: 0;
}
a.availableapts
{
	text-decoration:none;
	color:#393733;
}
span.red
{
	color: Red;
}
span.small
{
	font-size: .8em;
}
ul.sidebar
{
	margin-top:0;
}
ol li
{
	list-style-image: none;
}
li
{
	font-size: .8em;
	line-height: 1.6em;
	list-style-image: url("images/bulletclosed.gif");
}
li.subpages
{
	list-style-image: url("images/bulletopen.gif");
}
li.selected a
{
	color: #6699FF;
}
ul.subpage li
{
	list-style-image:url("images/bulletsquare.gif");
	font-size: 1em;
	line-height: 1.6em;
}
ul.subpage li a
{
	color: #339933;
}
ul.subpage li a:hover
{
	color: #6699FF;
}
a#divtitle
{
	color: #CC0000;
	text-decoration: none;
}
a
{
	text-decoration: none;
	color: #339933;
}
a:hover
{
	color: #6699FF;
}
a.button
{
	display:inline-block;
	text-decoration:none;
	font-weight: bold;
	color: #317898;
	padding: 10px;
	margin: 2px 10px;
	border-style:solid;
	border-color:black;
	border-width:1px;
	position:relative;
	background-color: #eaedf6;
}
a.button:hover
{
	background-color: #ffffff;
}
a.header
{
	text-decoration:none;
	color:#317898;
}
a.header:hover
{
	color: #6699FF;
}
strong
{
	font-weight:bold;
}

@media (max-width: 800px) {
	div#wrapper
	{
		width: 90%;
	}
	div#mainbar {
		width:100%;
	}
	img#logo-img {
		width:38%;
	}
	img#banner-img {
		width:62%;
	}
	div#title {
		height:100%;
	}
}
@media (max-width: 772px) {
	a#banner {
		font-size:80%;
	}
}
@media (max-width: 650px) {
	div#map {
		width:90%;
	}
}
@media (max-width: 436px) {
	a#banner {
		font-size:60%;
	}
}