@charset "UTF-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .76em;
	background-color: #fff;
	background-image: url(../images/main.png);
	margin: 0px;
	padding: 5px 0 0 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

h1 {font-size: 1.75em; font-family: Times, Times New Roman, serif; letter-spacing: .05em; color: #008f96; margin-top:0px; margin-bottom:.25em;}
h2 {font-size: 1.5em; color: #008f96; font-family: Times, Times New Roman, serif; letter-spacing: .05em; margin-top:.25em;margin-bottom:.25em;}
h3 {font-size: 1.25em; font-family: Times, Times New Roman, serif; letter-spacing: .05em; margin-top:.25em;margin-bottom:.25em;}

a:link { color: #039; }
a:visited { color: #600; }
a:hover { color: #900; }
a:active { color: #900; }

img {border:0;}

/*overall structure of web page*/
.centered #container {
	background-image: url(../images/bkgd_menu.png);
	background-repeat: repeat-y;
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/*head*/
.centered #top  {
	height: 155px;
	width: 780px;
	margin-bottom:0px;
	padding:0;
	position:relative;
	background-image: url(../images/main.png);
	border: solid 0px #ccc;
	}

	
/*left hand menu*/
#menu { display: block; position: relative; float:left; width: 235px; text-align:center; border: solid 0px #000; }

/*.vellum { display: block; position: relative; width: 171px; margin-left:10px;padding: 10px 20px; border: solid 0px #d6caba; border-right:0px; border-left:0px; background-image: url(../images/bkgd_menuBorder.jpg); background-repeat: repeat-y; }*/

#menu  ul, #menu  li { margin: 0; padding: 0; list-style-type: none; font-variant: normal;}

#menu  li  { display: block; margin-left:20px; margin-right:5px; border: solid 0px #ccc;}

#menu  li a { display: block; color: #000; text-decoration: none; padding: 5px 0; }
#menu ul ul { padding-bottom: 5px; }

#menu ul ul li { display: block; border-bottom: dotted 0px #6cc; margin-left: 0px; margin-right:0px;}

#menu ul ul li a { font-style:italic; padding:0;}

#menu li a:visited { color: #000; }

#menu  li a:hover {color: #008f96; }

#menu  li a span { display: block; font-weight: bold; color: #000; }

.date { color: #966435; font-family: Times, Times New Roman, serif; font-size: 1.25em;}

.quote { color: #966435; border: 0px double #008f96; text-align:center; width: 240px; margin: 0px 0; line-height:2em; font-family: Times, Times New Roman, serif; font-size: 1.25em;}

.quote span { display: block; margin: -1em 0 -2.5em 0; padding: 0 25px 0 35px; border: solid 0px #ccc;}

/*main*/
#main {
	width: 505px; margin:5px 20px 0px 15px ; display: block; position: relative; padding:0; float:left; position:relative;  border: solid 0px #966435;
}

 #main p { margin-top:-.25em;}

/*foot*/
.centered #footer {
	width: 780px; margin: 0; padding:0; clear:both; background-image: url(../images/main.png); text-align:left; color: #966435; font-size: .8em;
}
.centered #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px  0 10px 10px; text-align:center;
}

/*misc. elements and header image styles*/
.orn {float: left; padding: 3px 5px 0 0;}

.divider {display:block; width:510px; height: 22px; background-image: url(../images/keys.png); background-repeat: no-repeat; background-position:center; margin-bottom:20px; border: #6cc 0px solid; clear:both;}

.divider2 {display:block; width:510px; height: 22px; background-image: url(../images/divider.png); background-repeat: repeat-x; background-position:center; margin-bottom:1em; border-top: #6cc 0px solid;clear:both;}

.highlight {display:block; width:445px; border: double 4px #008f96;; text-align:center; background-color: #bce5ea; background-image: url(../images/tab.gif); ; margin: 0 auto; padding: 10px; }
.highlight h2 { margin-top:0; color:#000; }

.left_cap {float:left; width:175px; text-align:center; font-size:.8em; overflow:hidden;}
.left_cap img { border:1px #966435 solid;}

#visit { position:absolute; top:0px; left: 594px; padding:0; }
#house{ position:absolute; top:75px; left:594px; padding:0;}
#line_r { position:absolute; top:0px; left:751px; padding:0;}
#posters { position:absolute; top:3px; left:243px; padding:0;}
#line_l { position:absolute; top:0px; left:575px; padding:0;}
#title { position:absolute; top:0px; left:13px; padding:0;}

#duo, #key, #key_neg, #const, #dec, #dec_close { position:absolute; top:-160px; left:245px; height:150px; width:313px;  border: solid 1px #966435;}
#duo { background-image: url(../images/anim/duo.jpg);}
#key { background-image: url(../images/anim/ben_key.jpg);}
#key_neg { background-image: url(../images/anim/ben_key_neg.jpg);}
#const { background-image: url(../images/anim/const.jpg);}
#dec { background-image: url(../images/anim/dec.jpg);}
#dec_close { background-image: url(../images/anim/dec_close.jpg);}

.eventP {float:left; margin-right: 8px; padding-bottom:.5em;}

.items {display:block; float:left; width:160px; text-align:center;}
.items img {border: solid 1px #d6caba; }
.items p {padding:.5em;}