/* CSS Document */

/* Set all margins and padding to zero */
* {margin: 0; padding: 0}

body 
{ 
  text-align: center; 
  background: #9a9b9b; /* dark grey */
  color: #6f322b; /* maroon */
  font-family: georgia, serif;
  font-size: 100%;
  margin: 0px; 
  padding: 0px; 
} 

div.clearfloats { clear: both; }

#container
{
  width: 927px;
  border: 3px solid #6f322b; /* maroon */
  margin: 20px auto 0px auto;
  background: #ffffff; /* white */
}

/* float banner so that buttons below are tight to the banner */
img#banner
{
  float: left;
  margin: 0;
  padding: 0;
  border: none;
}

div#navcontainer 
{
  background: #6f322b; /* maroon */
  height: 33px;
  border-bottom: 6px solid #b6973d; /* gold */
  position: relative;
  float: left;
  display: inline;
  width: 927px;
  text-align: center;
} 

ul#nav {
  float: left;
  display: inline;
	padding: 0;
	margin-left: 227px;
	list-style: none;
	width: 700px;
}

ul#nav li {
	float: left;
	display: inline;
	margin: 0px 40px;
}

ul#nav li a
{
  text-decoration: none;
  color: #e1d86d; /* light gold */
	display: inline;
	text-align: center;
	line-height: 33px;
	font-size: .85em;
	font-weight: normal;
}

ul#nav li a:hover
{
  color: #ffffff; /* white */
}

ul#nav li a.selected
{
  color: #ffffff; /* white */
}

div#splash, div#events
{
  margin: 20px 30px;
}

img#gallery
{
  float: right;
  margin-top: 20px;
  margin-left: 30px;
  margin-bottom: 30px;
  border: 1px solid #6f322b; /* maroon */
}

div#location
{
  float: left;
  width: 370px;
  padding-left: 35px;
  margin-top: 30px;
}

div#mapcontainer
{
  width: 450px;
  float: left;
}

div#map
{
  width: 450px;
  height: 450px;
  margin: 30px 20px;
  border:  1px solid #6f322b; /* maroon */
}

p.text
{
  text-align: left;
  margin-bottom: 10px;
}

span.biggold
{
  font-size: 2em;
  color: #c69507; /* dark gold */
  letter-spacing: -0.2em; /* ignored by IE */
}

/* for IE only */
* html div div div p span.close
{
  letter-spacing: -0.2em;
}

div#location p.text
{
  font-size: .8em;
}

div.event
{
  width: 313px; 
  border-bottom: 1px dashed  #6f322b; /* maroon */
  margin-bottom: 10px;
}

div.pastevent
{
  width: 313px; 
  border-bottom: 1px dashed  #c69507; /* dark gold */
  margin-bottom: 10px;
}

div.event p.text
{
  font-size: .9em;
}

div.pastevent p.text
{
  font-size: .9em;
  color: #c69507; /* dark gold */
}

h4
{
  text-align: left;
  font-size: 1.2em;
  margin-bottom: 10px;
}

h3
{
  text-align: left;
  font-size: 1.2em;
  margin-bottom: 10px;
  color: #c69507; /* dark gold */
}

div#address
{
  padding: 10px 0px;
}

p.address
{
  font-size: .8em;
}

p.text a, p.address a
{
  text-decoration: none;
  color: #c69507; /* dark gold */
}

p.splashtext a:hover, p.address a:hover
{
  color: #676767; /* dark grey */
}

div.set, p.appt
{
  text-align: left;
}

p.appt
{
  font-size: .9em;
}

div.days
{
  float: left;
  width: 220px;
}

div.hours
{
  float: left;
  width: 220px;
}

div#footer
{
  margin-top: 3px;
}

p.foottext
{
  color: #ffffff; /* white */
  font-size: .7em;
  padding-top: 3px;
}

p.foottext a
{
  text-decoration: none;
  color: #6f322b; /* maroon */
}

p.foottext a:hover
{
  color: #e1d86d; /* light gold */  
}