/* RESET STYLES */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, a, img, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul { list-style: none;}


/* BASIC STYLES */
body {
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background:#BFBEA7 url(images/bg.jpg) repeat-x top;
}
pre {
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 100%;
}
a:link, a:visited {color:#8C2823;}
a:hover {background-color:#80001E; color:#FFF;}
a:active {color:#FFF;}

h2 {
	font-size:2.3em;
	line-height:1.3em;
	font-weight:bold;
	margin-bottom:0.5em;
}
h3 {
	font-size:2.2em;
	line-height:1.3em;
	font-weight:bold;
	margin-bottom:0.5em;
}
h4 {
	font-size:1.8em;
	line-height:1.3em;
	margin-bottom:0.5em;
}
p {
	font-size:1.4em;
	line-height:1.3em;
	margin-bottom:0.75em;
}

p.clearall {
	display:block;
	clear:both;
	margin:0;
}

/* WRAPPER */
#wrapper {
	margin:0 auto;
	width:980px;
	position:relative;
}

/* HEADER */
#header {
	display:block;
	width:980px;
	height:158px;
	background:url(images/bg_top.jpg) no-repeat top right;
	position:relative;
}
#header h1#logo {
	display:block;
	width:610px;
	height:158px;
	background:url(images/logo.png) no-repeat;
	position:absolute;
	top:0;
	left:0;
	text-indent:-5000px;
}

/* NAVIGATION */
#navigation {
	width: 980px;
	height:90px;
	background:url(images/bg_navigation.jpg) no-repeat bottom #FFFDF1;
}
ul#nav {
	width: 980px;
	height:46px;
	background:url(images/menu_left.jpg) no-repeat top left;
	list-style:none;
	margin:0;
}
ul#nav li {
	float:left;
	display:block;
	height:46px;
	margin:0;
	text-indent:-5000px;
}
ul#nav li a {
	color:#FEF5CD;
	font-size:1.4em;
	font-weight:bold;
	display:block;
	height:46px;
}

	ul#nav li#home a {background-image:url(images/nav_home.jpg); width:70px;margin-left:18px;}
	ul#nav li#about a {background-image:url(images/nav_about.jpg); width:106px;}
	ul#nav li#services a {background-image:url(images/nav_serv.jpg); width:98px;}
	ul#nav li#outreach a {background-image:url(images/nav_prog.jpg); width:108px;}
	ul#nav li#green a {background-image:url(images/nav_green.jpg); width:132px;}
	ul#nav li#photo a {background-image:url(images/nav_gal.jpg); width:138px;}
	ul#nav li#news a {background-image:url(images/nav_news.jpg); width:76px;}
	ul#nav li#contact a {background-image:url(images/nav_contact.jpg); width:119px;}
	ul#nav li#members a {background-image:url(images/nav_members.jpg); width:97px;}
	ul#nav li#nav-end {background-image:url(images/menu_right.jpg); width:18px;}


#breadcrumb {
	float:left;
	margin-top:14px;
	margin-left:30px;
}
#breadcrumb span {
	font-size:1.0em;
	font-weight:bold;
	text-transform:uppercase;
}


#ajaxSearch_form, #navigation form {
	display:block;
	height:46px;
	float:right;
	margin-right:10px;
	padding-left:40px;
	background:url(images/bg_search.jpg) no-repeat left 0;
}
#ajaxSearch_input {
   width: auto;
   display: inline;
   height: 18px;
   margin: 12px 0 0 0;
   padding: 0;
   vertical-align: top;
}
#ajaxSearch_submit {
   display: inline;
   height: 18px;
   margin: 12px 20px 0 0;
}
#ajaxSearch_output {
   padding: 10px;
   background: #fff;
   display: block;
   height: auto;
   vertical-align: top;
}
.AS_ajax_result {
   color: #444;
   margin-bottom: 3px;
}
.AS_ajax_resultLink {
   text-decoration: underline;
}
.AS_ajax_resultDescription {
   color: #555;
}
.AS_ajax_more {
   color: #555;
}

/* MIDDLE SECTION */  
#middle {
	background-color:#FFFDF1;
	width:980px;
	margin:0;
	position:relative;
}
#content {
	/*position:absolute;  Position is declared "relative" to gain control of stacking order (z-index). */
	width:480px;
	min-width:120px;
	margin:0px 0 0 250px;
	padding:20px 0 10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. 
	top:0;*/
	float:left;
}
#content h3 {
}

#content ul {
	margin:0 0 1em 1.5em;
}
#content li {
	font-size:1.2em;
	line-height:1.3em;
	margin-bottom:0.75em;
	list-style:disc;
}

#content dl {
	font-size:1.3em;
	margin:10px 0;
}
#content dt.event-date {
	font-size:0.8em;
	margin-bottom:0.5em;
}
#content dt.event-title,
#content dd.event-title {
	display:block;
	margin:0 0 0.25em;
	font-size:1.5em;
	font-weight:bold;
}
#content dd.event-teaser {
	font-size:0.8em;
	line-height:1.3em;
	margin:0 0 0.75em;
	padding-bottom:0.9em;
/*	border-bottom:1px solid #867F6F;*/
	}
	#content dd.event-teaser:last-child {
		padding-bottom:2em;
		border-bottom:none;
}
#content dd.event-teaser p {
	line-height:1.3em;
	}
.usersDirectoryListing {
	width:100%;
	border:1px solid #333;
	border-collapse:collapse;
}
.usersDirectoryListing td, .usersDirectoryListing th {
	border:1px solid #333;
	width:25%;
}
#content label {
	display:block;	
}

/* SIDEBAR */  

#sidebar-left {
	position:relative;
	z-index:2;
	width:210px;
/*	top:260px;*/
	top:0;
	left:10px;
	padding:10px;
	float:left;
	margin:0 0 0 -730px;
}
.left-content {
	width:210px;
	margin-bottom:10px;
	padding-bottom:6px;
	background:url(images/bg_sidebar_btm.png) no-repeat bottom #BFBEA7;
}
#sidebar-right {
	position:relative;
	z-index:1;
	width:210px;
	top:260px;
	top:0;
	right:10px;
	padding:10px;
	float:right;
}
.right-content {
	width:210px;
	margin-bottom:10px;
	padding-bottom:6px;
	background:url(images/bg_sidebar_btm.png) no-repeat bottom #BFBEA7;
}
.left-content h4,
.right-content h4 {
	display:block;
	width:190px;
	height:32px;
	background:url(images/bg_sidebar_top.png) no-repeat top ;
	color:#ECCC6D;
	font-size:1.6em;
	padding:12px 10px 0;
}
.left-content ul,
.left-content dl,
.right-content ul,
.right-content dl {
	font-size:1.3em;
	margin:10px 10px;
}
.left-content li,
.right-content li {
	margin:0 0 0.75em;
}
.left-content dt,
.right-content dt {
	margin:0 0 0.15em;
}
.left-content dd.event-title,
.right-content dd.event-title {
	display:block;
	margin:0 0 0.25em;
	font-size:1.1em;
	font-weight:bold;
}
dd.event-note {
	margin:0 0 0.75em;
	padding-bottom:0.75em;
	border-bottom:1px solid #867F6F;
	}
	dd.event-note:last-child {
		padding-bottom:0;
		border-bottom:none;
}
.left-content p,
.right-content p {
    font-size:inherit;
	margin:0 10px;
}
.left-content p.more,
.right-content p.more {
	text-align:right;
	margin-bottom:0.75em;
	font-size:1.2em;
	font-style:italic;
	font-weight:bold;
}

	


/* FOOTER */
#footer {
	width:100%;
	margin:0;
	padding:0;
	clear:both;
	background:url(images/bg_footer.jpg) repeat-x top #26281E;
}
#footer-content {
	width:980px;
	margin:0 auto;
	padding:30px 0 20px;
	background:url(images/bg_footer_cont.jpg) no-repeat top;
}
#footer img {
	float:left;
	margin:25px 20px 0 250px;
}
#footer p {
	display:block;
	font-size: 1.3em;
	line-height: 1.5em;
	color:#FFF;
	margin-top:20px;
}
#footer p strong {
	font-size: 1.1em;
}
#footer p a {
	color:#FFF;
	background-color:#6E0014;
	padding:0 4px;
}
#footer p a:hover {
	background-color:#FFF;
	color:#6E0014;
	padding:0 4px;
}

/* CALENDAR */

.month {
	width:100%;
}
.month td {
	width:15%;
	overflow:hidden;
	height: 100px;
	border: 1px solid black;
	vertical-align:top;
}
.eventcontent td  {
	height:0;
	border:0;
}
td.monthnavigation, td.monthname {
	height:0; 
	border:none;
}
