* {
margin:0;
padding:0;
}

/* @group UNIVERSAL ELEMENTS */

body {

	font-family: times,serif;
	text-align: center;
	color: #666;
}

a {
  color: #000;
  text-decoration: none;
  }
a:hover {
text-decoration: underline;
font-color: #ff5500;
  }

a img {
  border: none;
  }
p {
  margin: 0 0 1em 0;
  }
.hide {
  display: none;
  }
form {
  margin: 0;
  padding: 0;
  }
h1, h2, h3, h4, h5, h6, .lead, .nav,.sidenav, .copyright, #photoby{
	list-style-type: none;
	font-family:baskerville,'palatino linotype','times new roman',serif;
	font-size:.8em;
	font-variant:small-caps;
	font-weight:300;
	letter-spacing:0.25em;
	line-height:1.5em;
	margin: 0;
	padding: 0;
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .lead em, .nav em,.sidenav em, .copyright em, #photoby em{
	font-variant:normal;
	text-transform:lowercase;
}


blockquote {
	display: block;
	padding: .7em 2em;
	margin: .5em 0;
	line-height: 1.1em;
	background: #000;
	color: #fff;
	font-family: georgia, times;
	font-size: 1.5em;
}

#boxes .pad ul{
	margin: 1em 0 1em 3em;
	font-family: times;
}

.heading {
	font-size: 18px;
	line-height: 1em;
	  color: #000;
	text-decoration:underline;
}
.title{
	text-align:center;
	margin-bottom: 1em;
}

.topline {
	border-top: 1px solid #000;
	margin-top:1em;
	padding-top:1em;
}
.context {
	font-family:baskerville,'palatino linotype','times new roman',serif;
	font-variant: normal;
	letter-spacing:.1em;
	font-style: italic;
	font-size: .7em;
}



/* @form*/

form {
	margin: .5em 0 0 0 !important;
	float: right;
	}
form ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

form ul li {
	margin: 0 0 1px 0; /* without bottom margin, caput */
	line-height: 140%;
	float: none;
	text-align: left;
	}
fieldset label {
	width: 100px;
	font-size:9pt;
	padding:0 10px 0 0;
	height: 1%;
	display: block;
	float: left;
	text-align: right;
	}
input.text,
textarea {
	margin:3px 0 0 0;
	padding: 1px 2px;
	font-size: 9pt;
	width: 150px;
	border: 1px solid #999;
	}


/* @end */

/* @group Homepage */

#logo {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute; /* or it pops around when the login box fades in/out */
	top: 0px;
	}

#container, #bottombar,#contentbar{
	
	width: 900px;
}
#container {
	text-align:left;
	height: 600px;
	margin: 0 auto;
	position: relative;
	top: 0;
	}
#topbar {
	padding: 0;
	background: #fff;
	height: 65px;
	}
#sub-top {
	background: url('../images/bg-black-60p.png');
	color: #fff;
	padding-right: 1em;
	padding-left: .8em;
	padding: 3px .5em 3px .8em;
}
.rheadline {
	float:right;
	font-size:9pt;
	padding:0.4em 0em 0.4em 0;
	text-align:right;
	width:100px;
	font-style: italic;
	font-variant: normal;
}

.headline {
	font-size: 14pt;
	margin: 0;
	padding: .5em .5em .4em 0;
	width: 75%;
	color: #fff;
}
.headline h1{
	display: inline;
}
.headline a{
	color: #fff;
}
	#place-info a,
	#place-info a:visited,
	.headline a,
	.headline a:visited, 
	.rheadline a,
	.rheadline a:visited{
		color: #fff;
		}
	#place-info a:hover,
	.headline a:hover {
		background: none;
		}

#bottombar {
	position: absolute;
	top: 455px;
	height: 200px;
	}

#contentbar {
	position: absolute;	
}

#bottombar #boxes p a, #contentbar .content p a{
	text-decoration: underline;
}
#bottombar #boxes p a:hover, #contentbar .content p a:hover{
	color: #ff5500;
}
	.content {
		padding-top: 1em;
	}
	.content h1 {
		font-size: 1.4em;
	}
	#boxes {
		list-style-type: none;
		padding: 0;
		}
	#boxes div.box {
		float: left;
		margin: 0 0 1px 0;
		padding: 0;
	}
	#bottombar #boxes div.box {
		height: 151px;
	}
	#boxes .pad {
		margin: 1em .5em 1px 1em;
		line-height: 130%;
		height: auto;
		}
	#boxes .pad p, #boxes .pad ul{		
		font-size:10pt;
	}
	#place-info {
		background: url('../images/bg-black-60p.png');
		color: #fff;
		padding: 5px 0;
	}

	.bigbox {
		background: #fff;
	}
	.bigbox .pad{
		padding: 1em;
	}
	.infocol .pad{
		padding: 1em 60px;
	}
	.infocol p{
		text-align: justify;
	}

	ul.nav {
		position:relative;
	}
	 ul.nav li.last {
		border:medium none;
		padding-right:0;
	}
	 ul.nav li {
		border-right:1px solid #999999;
		display:inline;
		float: left;
		text-align: center;
		margin:0 -1px;
		padding: 0;

	}
	div.ahover {
	    position: absolute;
	    z-index: 99;
	    background: url('../images/bg-gray-60p.png');
	}
	 ul.nav li .navlink {
		position: relative;
		z-index:100;
	}
	#place-info a.current {
	text-decoration: underline;
	background: url('../images/bg-gray-60p.png');
	}
	.rheadline a.current{
		text-decoration:underline;
	}
	
	.hoverbg {
		background: #333;
	}
	#place-info a{
		padding: 3px 15px ;
	}
	 .rheadline a{
		padding: 1px 7px;
	}
	.subnav {
		position: relative;
		
	}
	 ul.sidenav li{
		color: #4F5422;
		font-variant: normal;
		font-family:baskerville,'palatino linotype','times new roman',serif;
		font-size:2em;
		letter-spacing:-0.045em;
		line-height:1.5em;
		text-align:right;
	}
	
	.bigtext {
		font-variant: normal;
		font-family:baskerville,'palatino linotype','times new roman',serif;
		font-size:2em;
		letter-spacing:-0.045em;
	}
	 ul.sidenav li a{
		padding: 8px;
		display: block;
	}
	
	ul.sidenav a.selected{
		background: #fff;
		color: #000;
	}

#footer {
	padding-right: .5em;
	background: #f1f1f1;
	text-align: left;
	height: 2em;
	line-height: 2em;
	font-size:8.5pt;
	padding: 0 1em;
	clear:both;
}

#footer ul.nav {
	float: right;
	}

#footer #license {
	width: 250px;
	}
	#footer #license img {
		margin-left:8px;
		vertical-align:middle;
		}
	#photoby a{
		color: #666;
		}
	.copyright {
		float: right;
		margin:4px 0 ;
	}
	.copyright a{
	}
/* @end */

.white {
	background: #fff;
	color: #000;
}
.infocol {
	background: #fff;
	color: #000;
}
.objectwrap {
	border:1px solid #555;
	background: #f7f7f7;
	padding: 2px;
}
.black, .tblack {
	background: url('../images/bg-black-60p.png');
	color: #fff;
}
.tblack {
	height: 496px;
	padding:0;
	margin:0;
}


.alignright{
	float:right;
	margin:4px 0 4px 4px;
}


.alignleft{
	float:left;
	margin:4px 7px 4px 0px;
}
.border{
	padding:2.5px;
	border:1px solid #ccc;
}

/* @group Columns-Grid-Stuff */
.left    { float:left;  }
.right   { float:right; }
.tleft { text-align:left; }
.tright { text-align:right; }
.clear { clear:both; height:1%; }
.goodbox { overflow: hidden; width: 100%; }
/* halfs */
.c1of2   { width:50%; }
/* thirds */
.c1of3   { width:33%; }
.c2of3   { width:67%; }
/* quarters - see halfs */
.c1of4   { width:25%; }
.c3of4   { width:75%; }
/* fifths */
.c1of5 { width:20%; }
.c2of5 { width:40%; }
.c3of5 { width:60%; }
.c4of5 { width:80%; }
/* 15% */
.c15p { width:15%; }
/* tenths - see fifths & halfs */
.c1of10 { width:10%; }
.c3of10 { width:30%; }
.c7of10 { width:70%; }
.c9of10 { width:90%; }
/* Font sizes */
.font-smallest { font-size:70%; }
.font-smaller { font-size:85%; }
.font-larger { font-size:110%; }
.font-largest { font-size:120%; }
.imageholder{
text-align:center;
padding: .7em 0;
}

.infotable, .infotable tbody, .infotable tr {
	margin: 0;
	padding: 0;
}

.infotable .labeltd{
	font-style: italic;
}
.infotable td {
	padding: 0 5px 5px 5px;
}

/* @lightbox */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
