/* CSS Document */

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}


/* Class for clearing floats */
.clear {
	clear:both;
}

.purple { color: #c3b5d8; }


/* =Typography
-----------------------------------------------------------------------------*/

body {
  margin: 15px 0;
	text-align: center;
	background-color: #e2d7be;
  font: 12px Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

a:link {
	color: #c3b5d8;
}
a:visited {
	color: #c3b5d8;
}
a:hover {
	color: #c3b5d8;
}
a:active {
	color: #c3b5d8;
}

h1.welcome { display: block; height: 18px; text-indent: -9999px; background: url(../images/h_welcome.gif) no-repeat  top left; }
h1.about { display: block; height: 18px; text-indent: -9999px; background: url(../images/h_about.gif) no-repeat  top left; }
h1.events { display: block; height: 20px; text-indent: -9999px; background: url(../images/h_events.gif) no-repeat  top left; }
h1.media { display: block; height: 20px; text-indent: -9999px; background: url(../images/h_media.gif) no-repeat  top left; }
h1.contact { display: block; height: 18px; text-indent: -9999px; background: url(../images/h_contact.gif) no-repeat  top left; }		
h2 { display: block; height: 24px; text-indent: -9999px; background: url(../images/h_maillist.gif) no-repeat  top left; }
	
#header {
	width: 545px;
	margin: 2px auto;
	background: url(../images/top_bg.gif) no-repeat;
	height: 25px;
	}
#place_hold {	
  width: 100%;
	margin: 0 auto;
	border-top: 1px solid #d8ccb0;
	border-bottom: 1px solid #d8ccb0;
	background-color: #fff;
	}
#flash {
	width: 100%;
	border-top: 2px solid #f0ebdd;
	border-bottom: 2px solid #f0ebdd;
	text-align: center;
	}
/* Main navigation
------------------------------------------------------------------*/
#navigation {
  width: 545px;
	margin: 0 auto;
	text-align: left;
	border-top: 2px solid #e2d7be;
	background: transparent url(../images/navigation_bg.gif) repeat-x top left;
	}
	
ul#nav {
  margin: 0;
	padding: 0;
	width: 360px;
	height: 41px;
	}
	
ul#nav li {
	list-style-type: none;
	float: left;
	text-indent: -9999px;
	}
	
ul#nav li a {
	border: 0;
	text-decoration: none;
	display: block;
	background: transparent url(../images/navigation.gif) no-repeat;
	}

li#home a { width: 67px; height: 41px; }	
li#home a:link, li#home a:visited { background-position: 0px 0px; }	
li#home a:hover, li#home a:focus { background-position: 0px -41px; }

li#about a { width: 69px; height: 41px; }	
li#about a:link, li#about a:visited { background-position: -59px 0px; }	
li#about a:hover, li#about a:focus { background-position: -59px -41px; }

li#events a { width: 71px; height: 41px; }	
li#events a:link, li#events a:visited { background-position: -118px 0px; }	
li#events a:hover, li#events a:focus { background-position: -118px -41px; }

li#media a { width: 73px; height: 41px; }	
li#media a:link, li#media a:visited { background-position: -181px 0px; }	
li#media a:hover, li#media a:focus { background-position: -181px -41px; }

li#contact a { width: 77px; height: 41px; }	
li#contact a:link, li#contact a:visited { background-position: -248px 0px; }	
li#contact a:hover, li#contact a:focus { background-position: -248px -41px; }


/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#home-page ul#nav li#home a { background-position: 0px -82px; }
body#about-page ul#nav li#about a { background-position: -59px -82px; }
body#events-page ul#nav li#events a { background-position: -118px -82px; }
body#media-page ul#nav li#media a { background-position: -181px -82px; }
body#contact-page ul#nav li#contact a { background-position: -248px -82px; }

#primary {
  width: 505px;
	margin: 0 auto;
	padding: 10px 20px;
	color: #fff;
	text-align: left;
	background-color: #5a471b;
	}
	
#footer {
	width: 545px;
	margin: 0 auto;
	background: url(../images/bot_bg.gif) no-repeat;
	height: 25px;
	}
	
div.m_content {
	padding: 20px;
	background: url(../images/c_bg.gif) repeat-x bottom left;
	}

div.m_content p {
	padding-top: 10px;
	}
	
div.m_content img {
	float: right;
	position: relative;
	display: inline;
	margin: 10px 0 10px 10px;
	}
	
div.n_form {
	padding: 20px;
	padding-bottom: 0;
	font-size: 11px;
	line-height: 1.2em;
	border-top: 1px solid #4a3a16;
	background: url(../images/f_bg.gif) repeat-x top left;
	}

div.n_form p {
	float: left;
	margin-right: 15px;
	padding-top: 5px;
	width: 200px;
	}

div.n_form form {
	float: left;
	width: auto;
	margin-top :10px;
	}