* {margin: 0;}

html, body {height: 100%}

body {background: #ccc url("../site-images/gradient-side.gif");
	background-repeat: repeat-x;
	text-align: left;
	line-height: 1.2em;
	font-family: "Gill Sans", Verdana, Arial, sans-serif}

.wrapper {min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 860px;
	margin: 0 auto -3em;
	background: #fff;}
	
.header {width: 860px;
	height: 110px;
	background: #fff url("../site-images/gradient-title.gif");
	background-repeat: repeat-x;}

.footer {width: 100%;
	margin: 0 auto;
	background: #ccc url("../site-images/gradient-side.gif");
	background-repeat: repeat-x;
	font-family: "Gill Sans", Verdana, Arial, sans-serif}

.footer, .push {clear: both;
	height: 3em;}

.footercontent {width: 860px;
	margin: 0 auto;
	padding-top: 1.4em;
	color: white;
	font-size: .7em}
	
.footercontent a, .footercontent a:hover {color: white;
text-decoration: none;
background: none}

.footer p, .footercontent p {padding: 0 10px}

p {clear: both;
padding: 0 0 20px;
font-size: 0.8em}

img {border: none}

a {color: #666;
text-decoration: underline}

a:hover {color: black;
text-decoration: none;
background: #ccc}

.banner {clear: both;
padding: 20px 20px;}

.sidecolumn {float: left;
width: 319px;
padding: 0 20px;}

.main {float: left;
width: 480px;
padding-left: 20px;
border-left: 1px solid #999;}

.main .headline, .mainwide .headline {padding-right: 20px}

.mainwide {padding-left: 20px}

.headline {
	font-family: "Gill Sans", Verdana, Arial, sans-serif;
	font-size: 0.9em;
	text-align: center;
	padding: 0 0 20px;
	color: #000000;
}

#mapleft {float: left;
width: 95px;
height: 145px;
background: #fff url("../site-images/map1.gif");
}

#mapright {float: left;
width: 224px;
min-height: 145px;
background: #fff url("../site-images/map2.gif");
background-repeat: no-repeat;
padding-bottom: 20px;
}

#maptext {padding: 20px;}

.subhead {font-style: normal;
padding-bottom: 0}

.bottom {padding-bottom: 0;
margin-bottom: 0}

.thumb {float: left;
width: 100px;
height: 100px;
margin: 20px 20px 0 0;
background: #ccc}

/* Nav Styling */

#navcontainer
{
width: 820px;
margin-left: 20px;
float: left;
background-color: #eee;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
margin: 0;
padding: 0 0 0 0;
color: #000;
}

#navcontainer ul li a
{
padding: 0.2em 12px;
background-color: #eee;
color: #000;
text-decoration: none;
float: left;
border-right: 1px solid #999;
}

#navcontainer ul li a:hover
{
background-color: #ccc;
color: #000;
}

#navlist li a:hover, #navlist li a:active
{
color: #000;
text-decoration: none;
background: #ccc;
text-align: left;
}

#navcontainer li a#current
{
background: #777;
color: #eee}

#navright {float: right}

#navcontainer ul #navright a {border-right: none;
border-left: 1px solid #999}

/* Gallery Styling */

.hide {display: none}

#gallery ul {
list-style: none;
margin: 0;
padding: 0;
}	 

#gallery ul li {float: left;
margin: 0;
padding: 20px 0 0 0}

.show {
float: left;
width: 100px;
height: 100px;
margin: 0 20px 0 0;
} 


/* For space between paragraphs or headers, use padding instead of margin. */