html {
	overflow-y: scroll;
}

body {
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#eee;
	font-family:helvetica,arial,sans-serif;
	font-size:100%;
    line-height:1.125em;
}


/*centers floating wrap */
#anchor { 
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

#wrap {
	float:left;
	width:100%;
}

#banner {
	float:right;
	clear:right;
	border-style:none;
	text-decoration:none;
}

/*////////////////
// ~~~ Menu ~~~ //
////////////////*/

#menu {
	float:right;
	clear:right;
	z-index:4;
	width:896px;
	height:auto;
	padding:0;
	border-style:solid;
	border-width:2px 2px 0 2px;
	border-color:black;
	background-color:#859c84;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#859c84', endColorstr='#566656');
	background: -webkit-gradient(linear, left top, left bottom, from(#859c84), to(#566656));
	background: -moz-linear-gradient(top,  #859c84,  #566656);
	font-family:georgia,'times new roman',serif;
	font-size:11pt;
}

#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	margin:auto;
}

/*styling for unhovered main menu options */
#menu ul li {
	position:relative;
	float:left;
	height:auto;
	min-height:20px;
	width:auto;
	padding:0;
	text-align:center;
}

#menu li ul {
	display:none;
}

#menu li a {
	display:block;
	line-height:20px;
	padding:5px 10px;
	text-decoration:none;
	color:white;
}

#menu a:hover, #menu a:active, #menu a:focus {
	color:#eeff52;
	text-decoration:underline;
}


/*styling for every menu option when hovered over */
#menu li:hover { 
	height:auto;
	background-color:#202e20;
}


/*styling for submenu container */
#menu li:hover ul { 
	display:block;
	z-index:5;
	position:absolute;
	left:0px;
	top:30px;
	width:200px;
	padding:0;
	margin:0;
	background-color:#202e20;
}


/*styling for submenu options */
#menu li:hover li { 
	display:list-item;
	list-style:none;
	background-color:#202e20;
}


/*////////////////
// ~~~ Main ~~~ //
////////////////*/

#main {
	float:right;
	clear:left;
	width:876px;
	padding: 10px;
	border-style:solid;
	border-width:2px 2px 0 2px;
	border-color:black;
	background-color:#dfdbc1;
}

#main div.promo {
	float:right;
	width:300px;
	height:auto;
	padding:10px;
	border:1px solid #69826a;
	margin-left:10px;
	margin-bottom:15px;
	background-color:#c7d9c8;
}

#main div.promo a:hover {
	text-decoration: none;
	border: 0 none;
	background-color:#c7d9c8;
	}

.grim {
	float:left;
}

.grim ul {margin:0 10px 15px 10px; }

.subtitle {
	font-family:'palatino linotype', 'book antiqua', palatino, serif;
	color:#39613a;
	font-size:18pt;
	font-weight:900;
}

h3 {
	font-family:'palatino linotype', 'book antiqua', palatino, serif;
	color:#39613a;
}

#main a:link, #main a:visited {
	color:#0a0c73;
	text-decoration:none;
}

#main a:hover, #main a:active {
	background-color:#0a0c73;
	color:#fff;
}

/*////////////////////
// ~~~ Timeline ~~~ //
////////////////////*/
	
.timeline {
	text-decoration:underline;
	display:inline-block;
}


/*/////////////////////////////
// ~~~ Photos & Captions ~~~ //
/////////////////////////////*/

.floatL, .floatR {
	border: 1px solid #558256;
	padding: 0;
	background-color:transparent;
	text-align:center;
	font-size:10pt;
	font-style:italic;
	background-color:#fff;
}

.floatL {
	float:left;
	margin: 5px 10px 5px 0;
	height:auto;
	width:auto;
}

.floatR {
	float:right;
	margin: 5px 0 5px 10px;
	height:auto;
	width:auto;
}

.gallery {
	margin:0px;
	height:auto;
	width:270px;
	padding:6px;
	border:none;
	font-size:10pt;
	font-style:italic;
	text-align: center;
	background-color:#fffad9;
}

.gallery  img{
	width:270px;
	display:block;
	margin: 0 auto 0 auto;
}

.gallery a img {
	border:1px solid white;
}

.gallery a:hover img {
	border:1px dotted black;
}


/* ~~~ Footer ~~~ */
#footer {
	width:896px;
	clear:both;
	float:right;
	bottom:0;
	left:50%;
	margin-left:-450px;
	border: 2px solid black;
	background-color:#859c84;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#859c84', endColorstr='#566656');
	background: -webkit-gradient(linear, left top, left bottom, from(#859c84), to(#566656));
	background: -moz-linear-gradient(top,  #859c84,  #566656);
	color:#ffffff;
	font-family:"Copperplate", serif;
}

#footer p {
	display:inline;
	width:auto;
	float:right;
	margin:0px;
	padding:10px;
	font-size:.875em;
	text-align:center;
	}

#footer a {
	color:white;
}