html {
	margin: 0;
	padding: 0;
background-color: rgb(181,199,222);
}
body {
	margin: 0;
	padding: 0;
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
	font-size-adjust: .52;
	font-size: 76%;/*  60%, 69%, and 76% give reliable reading sizes smaller than 1.0em. 86% and 93% do well, but are not exact across browsers */
background-color: rgb(181,199,222);
}
#container {
 width:768px;
 margin-left:auto;
 margin-right:auto;
}
h1 {
	font-size: 2.2em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em; /* both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
p {
	font-size: 1.0em;
	line-height: 1.8em;
 text-align:justify;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

h1.title {
text-align:center;
font-size:4em;
}

div#footer {
border-top:1px solid black;
padding-top:3px;
}

div#footer p {
text-align:center;
margin: 0;
font-size: 0.8em;
line-height:1.4em;
}

#nav {
float:left;
}

#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
width : 100px;
font-size:1.2em;
}

#nav li { /* all list items */
position : relative;
line-height : 1.25em;
margin-bottom : 20px;
width : 100px;
}

#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left : 121px;
margin-top : -1.16em;
}

#nav li ul li{ /* all list items */
position : relative;
line-height : 1.25em;
margin-bottom : -2px;
width : 100px;
font-size:.7em;
}


#nav li ul ul { /* third-and-above-level lists */
left: -999em;
}

#nav li a {
width : 100px;
display : block;
color : white;
font-weight : bold;
text-align:center;
text-decoration : none;
background-color: rgb(57,85,148);
border : 1px solid black;
padding : 0 10px;
}



#nav li a:hover {
color : white;
background-color : black;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#content {
margin-left : 131px;
}

.fltlt {
 float:left;
 margin-right:1em;
}

.fltrt {
 float:right;
 margin-left:1em;
}

h2.title {
 font-size:1.2em;
 font-style:italic;
 text-align:right;
 margin-top:0;
 padding-top:0;
 border-bottom:1px solid black;
}
p.tagline {
 text-align:right;
}
p.address {
 white-space:pre;
 margin-left:300px;
}
table.gallery td {
padding:0 3px;
text-align:center;
}
table.gallery td.sep {
border-top:1px solid black;
padding-bottom:10px;
}
table.gallery a {
 text-decoration:none;
 color:rgb(57,85,148);
}

#previous {
 clear:both;
}

dl.eventlist dt{
 clear:right;
 margin-top:1.2em;
 font-size:1.2em;
 font-weight:bold;
}