body {
	text-align: center;
}
#container {
	width: 900px;
	border: medium none #000000;
	height: 800px;
	left: auto;
	right: auto;
	text-align: left;
}
#header {
	height: 100px;
	width: 900px;
	border: thin none #000000;
	background-color: #000000;
	background-image: url(../images/banner.jpg);
	background-repeat: repeat-x;
}
#navbar {
	height: 530px;
	width: 150px;
	border: thin none #000000;
	float: left;
	clear: right;
	background-color: #000000;
	background-image: url(../images/nav_surroundings.jpg);
}
#navbar a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	display: block;
	text-align: right;
	background-color: #000000;
	border: thin none #000000;
	color: #40C040;
	text-decoration: none;
}
#navbar a:hover {
	color: #FFFFFF;
	background-color: #005000;
	text-align: right;
	display: block;
}
#navbar ul {
	text-decoration: none;
	color: #000000;
}
#navbar li {
	text-decoration: none;
}
#content {
	width: 750px;
	float: right;
	border: thin none #D17943;
	background-repeat: no-repeat;
	height: 630px;
}
#content h1, h2, h3, h4, h5, p, ul, li {
	color: #000000;
	margin: 0em;
}
#content h1 {
	font-size: 2em;
	font-variant: small-caps;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 10px;
	color: #BEC7EE;
}
#content h2 {
	font-size: 2em;
	margin-left: 10px;
	color: #993300;
}
#content h3 {
	font-size: 1.75em;
	color: #A8D2F8;
}
#content h4 {
	font-size: 1.5em;
	color: #97806E;
}
#content h5 {
	font-size: 1em;
	color: #D5E9FF;
	background-color: #394154;
}
#content h6 {
	color: #E3E2EA;
	background-color: #7A99C5;
	font-size: 1em;
}

#content p {
	font-size: 1em;
	color: #000000;
	margin-left: 1em;
}
#content address {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-align: center;
}
#content ul, li {
	font-size: 1em;
	color: #333333;
	text-indent: 2em;
}
#content p+p {
	text-indent: 20px;
}
#container #content a {
}

#container #content address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
#container #content a {
	font-size: 1em;
	color: #000000;
	text-decoration: underline;
}
#container #content a:hover {
	font-size: 1em;
	color: #0000FF;
}
#container #content a:visited {
	color: #666666;
	text-decoration: underline;
}

#footer {
	height: 25px;
	width: 900px;
}

/* Defines the whole slideshow area, where the thumbnails, photo, and description are displayed */
.slideshow {
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	background-color:#FFFFFF;
	color:#FFFFFF;
	border:15px solid #FFFFFF; /* 808080; */
}

.slideshow > ul {
	margin: 0;
	padding: 0;
	width:710px;
}

/* Defines the area where the thumbnails are displayed */
.slideshow > ul > li {
	display:inline;
	margin:0px;
	padding:0px;
	font-size:12px;
	margin-right: -1px;
	/* color:#C0C0C0; / will show gray box before photos load */
/*	background-color:#C0C0C0; / will show gray box before photos load */
	/*width:710px;*/
}

.slideshow > ul > li > div {
  display: none;
  text-decoration: none;
  float:left;
}

/* Defines the area where the description text of each photo is displayed (define "width" so photos will center) */
.slideshow > ul > li > div > p {
  font-size:8px;
  text-align:center;
  padding:10px 0px 0px 0px;
  margin:0px;
  color:#FF0000;
  /* background-color:#F0F080; */
  width:700px;
}

/* Defines the area where the photo is displayed (photos will shrink/stretch to fill) */
.slideshow > ul > li > div > a > img {
	border:2px solid #00D000;
	/*width:332px;*/
	height:360px;

}
.slideshow  > ul > li > img {
	border:2px solid #808080; /* try, was FFFFFF */
	margin:0px;
	padding:0px;
	width:80px;
	height:60px;
	background-color:#C0C0C0; /* will show gray box before photos load */

}

/* Shows slides when mouse pointer is over a thumbnail image */
.slideshow > ul > li:hover > div {
	display: block;
}

/* Highlights the thumbnail image when mouse pointer is over it */
.slideshow > ul > li:hover > img {
	border-color:#00D000;
}
