@charset "ISO-8859-1";

/* COLORS USED
	00626A - teal
	A2A62D - maroon
	F47D31 - orange
*/

html {
	height:100%;
}

body {
	background-image:url(../images/bg80.jpg);
	background-position:top;
	background-repeat:repeat-y;
	background-attachment:fixed;
	margin:0px;
	padding:0px;
	height:100%;
}

.clearBoth {
	clear:both;
}

#logo {
	width:242px;
	float:left;
}

#doors {
	width:120px;
	height:125px;
	margin-left:120px; 
    float: left;
}

#maincontent {
	width:472px;
	float:left;
	background-color:#FFFFFF;
	padding-right:20px;
}

#maincontent a:link, #maincontent a:visited {
	color:#A2A62D;
	text-decoration:none;
	font-weight:bold;
}

#maincontent a:hover, #maincontent a:active {
	color:#A2A62D;
	text-decoration:underline;
	font-weight:bold;
}

#maincontent h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#F47D31;
	font-size:1.5em;
	margin-top:20px;
}

#maincontent h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#00626A;
	font-size:0.8em;
	margin-bottom:0px;
}

#maincontent h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#F47D31;
	font-size:0.9em;
	margin-bottom:0px;
}

#maincontent p {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333333;
	font-size:0.8em;
}

#maincontent p.bulletListSubhead {
	margin:0 0 -5px 0;
	padding:5px 0 0 0;
}

#maincontent ul {
	margin-top:10px;
	margin-bottom:10px;
	padding-top:0px;
	padding-bottom:0px;
}

#maincontent ul li {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333333;
	font-size:0.8em;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0;
	padding-bottom:0px;
}

.marginTopNeg5 {
	margin-top:-5px;
}

#nav-top {
	text-align:right;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 0px; 
	width: 150px;
	border: 0px solid black;
	float: right;
}

#nav-top ul {
	list-style-type:none;
	margin:20px 0 10px 0;
	padding:0px;
}

#nav-top ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#A2A62D;
	margin: 8px 0 8px 0;
	padding:0px;
}

#nav-top ul li a:link, #nav-top ul li a:visited {
	color:#A2A62D;
	text-decoration:none;
}

#nav-top ul li a:hover {
	color:#00626A;
	text-decoration:none;
}

#nav-top ul li a:active {
	text-decoration:none;
}

#photobottoms {
	width:492px;
	height:210px;
	float:left;
}

#quicklinks {
	float:left;
	width:288px;
	background-color:#FFFFFF;
	background-image:url(../images/bg_quicklinks.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#quicklinks ul {
	list-style-type:none;
	margin:20px 0 0 20px;
	padding:0px;
}

#quicklinks li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00626A;
	margin: 8px 0 8px 0;
	padding:0px;
}

#quicklinks ul li a:link, #quicklinks ul li a:visited, #quicklinks ul li a:hover, #quicklinks ul li a:active {
	color:#00626A;
	text-decoration:none;
}

#quicklinks ul li a:hover {
	color:#00626A;
	text-decoration:underline;
}

#tagline {
	clear:both;
}

#whatshappening {
	float:left;
	width:472px;
	background-color:#FFFFFF;
}

#whatshappening a:link { 
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}

#whatshappening a:visited, #whatshappening a:hover, #whatshappening a:active {
	color:#00626A;
	text-decoration:underline;
	font-weight:normal;
}

#whatshappening div.solidblock, #whatshappening div.plainblock {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00626A;
	padding:0px;
	width:460px;
	height:28px;
	padding:12px 0 0 12px;
}

#whatshappening div.solidblock {
	background-image:url(../images/bg_whatshappening_solidblock.jpg);
}

#whereto {
	width:148px;
	float:left;
	background-color:#FFFFFF;
}

#whereto ul {
	list-style-type:none;
	margin:20px 0 0 0;
	padding:0px;
}

#whereto li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00626A;
	margin: 0 0 10px 20px;
	padding:0px;
}

#whereto li a:link, #whereto li a:visited {
	text-decoration:none;
	color:#A2A62D;
}

#whereto li a:hover { 
	text-decoration:none;
	color:#00626A;
}

#whereto li a:active { 
	text-decoration:none;
	color:#A2A62D;
}

#whereto-sub {
	float:left;
	width:140px;
	background-color:#FFFFFF;
}

#whereto-sub ul {
	list-style-type:none;
	margin:20px 0 0 0px;
	padding:0px;
}

#whereto-sub li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#A2A62D;
	margin: 5px 0 5px 0;
	padding:0px;
}

#whereto-sub li a:link, #whereto-sub li a:visited, #whereto-sub li a:hover, #whereto-sub li a:active {
	text-decoration:none;
	color:#00626A;
}

#whereto-sub li a:hover {
	text-decoration:underline;
}

#wrapper-header-and-navtop {
	background-color:#FFFFFF;
}

/*
We needed to use a table for #wrapper-main so height is always 100%.
If you use a DIV/white background in the BG image instead, the edges
of the page will flicker if the browser window is resized. This is
because a single row of pixels will be visible on the left or right
due to the fact that the main wrapper cannot be perfectly centered
against the white background.
*/
#wrapper-main {
	width:780px;
	margin:auto;
	background-color:#FFFFFF;
	border: 0px;
	height:100%;
}

#wrapper-main td {
	vertical-align:top;
}

#wrapper-nav-and-content {
	width:780px;
	background-color:#FFFFFF;
}

#wrapper-quicklinks-and-whatshappening {
	background-color:#FFFFFF;
	width:780px;
}

#wrapper-whereto-and-wheretosub {
	width:288px;
/*	height:290px; */
	height:210px;
	float:left;
	background-color:#FFFFFF;
}

#wrapper-whereto-wheretosub-and-quicklinks {
	float:left;
	width:288px;
	background-color:#FFFFFF;
}
#map-wrapper-whereto-and-wheretosub {
	width:188px;
/*	height:290px; */
	height:210px;
	float:left;
	background-color:#FFFFFF;
}

#map-wrapper-whereto-wheretosub-and-quicklinks {
	float:left;
	width:188px;
	background-color:#FFFFFF;
}