﻿/* Main layout and header */
body {
	background:url(plumshadow.gif) repeat-y top center #f0f0f0;	
	line-height:1.2em; 
	margin:0 auto; 
 	padding:0;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 76%;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	}
#wrap {
	background:#fff; 
	color:#303030; 
	margin:0 auto; 
	padding:0; 
	width:860px;
	}
#header {
	background:#fff url('masthead860.jpg') no-repeat left bottom; 
	color:#505050; 
	height:220px; 
	margin:0; 
	padding:0;
	}

/* Left sidebar and menu */

#leftside {
	clear:left; 
	float:left; 
	margin:10px 0 10px 5px; 
	padding:0; 
	width:150px;
	line-height:1.1em;
	}
#leftside ul.avmenu {
	list-style:none; 
	margin:0 0 18px 0; 
	padding:0; 
	width:150px;
	}	
#leftside ul.avmenu li {
	display:inline; 
	padding:0; 
	width:150px;
	}
#leftside ul.avmenu li a {
	background:#f4f4f4; 
	border-bottom:1px solid #d8d8d8; 
	border-left:4px solid #cc6699; 
	border-right:1px solid #d8d8d8; 
	border-top:1px solid #d8d8d8; 
	color:#505050; 
	float:left; 
	font-size:1em; 
	font-weight:700; 
	margin-bottom:5px; 
	padding:5px 1px 5px 5px; 
	text-decoration:none; 
	width:138px;
	}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {
	background:#eaeaea; 
	border-bottom:1px solid #b0b0b0; 
	border-left:4px solid #993366; 
	border-right:1px solid #b0b0b0; 
	border-top:1px solid #b0b0b0; 
	color:#505050;
	}
#leftside ul.avmenu ul {
	font-size:0.9em; 
	margin:0 0 0 15px; 
	padding:0 0 5px 0; 
	width:133px;
	}
#leftside ul.avmenu ul a {
	padding:3px 1px 3px 5px; 
	width:123px;
	}
#leftside ul.avmenu ul ul {
	font-size:1em; 
	width:120px;
	}
#leftside ul.avmenu ul ul a {
	width:108px;
	}
#leftside h1 {
	color: #993366; 
	font-size:2.5em; 
	font-weight:400; 
	letter-spacing:-2px; 
	margin:10px 0 15px; 
	padding:0;
	}
#leftside h2 {
	color:#993366; 
	font-size:2em; 
	font-weight:600; 
	letter-spacing:-1.5px; 
	margin:8px 0; 
	padding:0;
	}
#leftside h3 {
	color:#993366; 
	font-size:1.7em; 
	font-weight:600; 
	letter-spacing:-1px; 
	margin:6px 0; 
	padding:0;
	}
#leftside h4 {
	color:#993366;
	font-size:1.5em; 
	font-weight:600; 
	margin:5px 0; 
	padding:0;
	text-align:center	
	}
#leftside h5 {
	font-size:1.2em; 
	font-weight:600; 
	color:#993366;
	letter-spacing:-1px; 
	margin:3px 0 3px;  
	padding:0;
	line-height: 1em;
	text-align:center	
	}
	
#leftside p {
	font-size:0.9em; 
	line-height:1.1em; 
	margin:0 0 3px; 
	}

#leftside .announce {
	border-bottom:1px solid #d8d8d8; 
	border-left:4px solid #cc6699; 
	border-right:1px solid #d8d8d8; 
	border-top:1px solid #d8d8d8; 
	clear:left; 
	line-height:1.1em; 
	margin:10px 0; 
	padding:0px 2px 5px; 
	background:#ffccff; 
	width:140px;
	}
#leftside announce p {
	font-size:0.9em; 
	line-height:1.1em; 
	margin:0 0 5px; 
	}
#leftside img {
	display:block;
	margin:5px auto;
	}
#leftside .headline {
	border-bottom:4px solid #cc6699; 
	border-left:0; 
	border-right:0; 
	border-top:4px solid #cc6699; 
	margin:0; 
	padding:3px 0; 
	background:#ffccff; 
	width:148px;
	font-size:1.2em; 
	font-weight:600; 
	color:#993366;
	letter-spacing:-1px; 
	line-height: 1em;
	text-align:center
	}
#leftside .spacer {
	clear:left; 
	margin:0; 
	padding:0; 
	width:148px; 
	height:10px;
	}
	
	#leftside .spacerlong {
	clear:left; 
	margin:0; 
	padding:0; 
	width:148px; 
	height:400px;
	}

#leftside .textbox{
	width:140px;
	background:#ffcccc; 
	border:0;
	color:#303030; 
	padding:3px;
	}

#leftside .archive {
	margin:0px 0 6px 10px; 
	font-size:.9em; 
	}
#leftside .archive a {
	color:#993366;
	}
#leftside .archive a:hover {
	color:#660033; 
	text-decoration:none;
	}



/* Right sidebar */
#extras {
	float:right; 
	margin:10px 5px 10px; 
	padding:0; width:160px;
	}
#extras p {
	font-size:0.9em; 
	line-height:1.1em; 
	margin:0 3px 5px; 
	}
#extras ul {
	font-size:0.9em; 
	line-height:1.1em; 
	margin:0 0 10px; 
	padding:5px 2px 5px;
	}

#extras li {
	list-style:none; 
	margin:0 0 6px; 
	padding:0;
	}
#extras li li {
	list-style:none; 
	margin:0 0 6px 10px; 
	padding:0;
	}
#extras ul a {
	color:#993366;
	}
#extras ul a:hover {
	color:#660033; 
	text-decoration:none;
	}
#extras .headline {
	border-bottom:4px solid #cc6699; 
	border-left:0; 
	border-right:0; 
	border-top:4px solid #cc6699; 
	margin:0; 
	padding:3px 0; 
	background:#ffccff; 
	width:158px;
	font-size:1.2em; 
	font-weight:600; 
	color:#993366;
	letter-spacing:-1px; 
	line-height: 1em;
	text-align:center
	}
#extras h1 {
	color: #993366; 
	font-size:2.5em; 
	font-weight:400; 
	letter-spacing:-2px; 
	margin:10px 0 15px; 
	padding:0;
	}
#extras h2 {
	color:#993366; 
	font-size:2em; 
	font-weight:600; 
	letter-spacing:-1.5px; 
	margin:8px 0; 
	padding:0;
	}
#extras h3 {
	color:#993366; 
	font-size:1.7em; 
	font-weight:600; 
	letter-spacing:-1px; 
	margin:6px 0; 
	padding:0;
	}
#extras h4 {color:#993366;
	font-size:1.5em; 
	font-weight:600; 
	margin:5px 0; 
	padding:0;
	text-align:center	
	}
#extras h5 {
	font-size:1.2em; 
	font-weight:600; 
	color:#993366;
	letter-spacing:-1px; 
	margin:3px 0 3px;  
	padding:0;
	line-height: 1em;
	text-align:center	
	}
#extras img {
	display:block;
	margin:5px auto;
	text-align:center;
	}
/* Main content */
#content {
	float:left;
	width:500px;
	line-height:1.2em; 
	margin:10px 10px 10px 10px; 
	padding:0; 
	text-align:left;
	}
#contentwide {
	float:left;
	width:675px;
	line-height:1.2em; 
	margin:10px 0px 10px 10px; 
	padding:0 15px 0 0; 
	text-align:left;
	}
#content h1,#contentwide h1 {
	color: #993366; 
	font-size:2.5em; 
	font-weight:400; 
	letter-spacing:-2px; 
	margin:10px 0 15px; 
	padding:0;
	}
#content h2,#contentwide h2 {
	color:#993366; 
	font-size:2em; 
	font-weight:600; 
	letter-spacing:-1.5px; 
	margin:8px 0; 
	padding:0;
	}
#content h3,#contentwide h3 {
	color:#993366; 
	font-size:1.7em; 
	font-weight:600; 
	letter-spacing:-1px; 
	margin:6px 0; 
	padding:0;
	}
#content h4,#contentwide h4 {color:#993366;
	font-size:1.5em; 
	font-weight:600; 
	letter-spacing:-.5px; 
	margin:5px 0; 
	padding:0; 
	}
#content h5,#contentwide h5 {
	font-size:1.2em; 
	font-weight:600; 
	color:#993366;
	letter-spacing:-1px; 
	margin:5px 0;  
	padding:0;
	line-height: 1em;
	}
#content h6,#contentwide h6 {
	font-size:1.2em; 
	font-weight:600; 
	color:#CC6699;
	letter-spacing:-1px; 
	margin:5px 0;  
	padding:0;
	line-height: 1em;
	}
.centeredheadline {
  	text-align: center;
  	color:#993366;
	font-size:1.5em; 
	font-weight:600; 
	margin:5px 0; 
	padding:0; 
  }


#content .imgleft,#contentwide .imgleft {
	float:left; 
	margin:0px 10px 5px 0;
	border:0; 
	display:inline; 
	padding:1px; 
	}
	
#content .imgright,#contentwide .imgright {
	float:right; 
	margin:0px 0px 5px 10px;
	border:0; 
	display:inline; 
	padding:1px; 
	}

	
#content ul,#content ol,#contentwide ul,#contentwide ol {
	margin:0 0 16px 20px; 
	padding:0;
	}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {
	margin:2px 0 2px 15px;
	}
#content li,#contentwide li {
	margin:0 0 2px 5px; 
	padding:0 0 0 4px;
	}
#content .textbox {
 	float:left;
  	background-color: #FFF; 
  	margin:0 15px 0 0;
  	padding:0;
	}
	
#contentwide .textbox {
 	float:left;
  	background-color: #FFF; 
  	margin:0;
  	padding:0;
	}

/*page title bar*/

#content .pagetitlebar,#contentwide .pagetitlebar {
	margin-bottom:5px;
	border:0;
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	}
#content .pagetitlebarmain,#contentwide .pagetitlebarmain {
	color:#F2B6CE;
	font-size:1.5em; 
	font-weight:600;
	margin:5px 0; 
	background-color:#cc6699;
	padding:5px;
	text-align:left;
	}
#content .pagetitlebarcorner,#contentwide .pagetitlebarcorner {
	background-color:#cc6699;
	background-image: url('top_right.gif'); 
	width: 1%;
	text-align: left;
	padding:5px;
	}
	
		
/*centered div container for paypal form on membership page*/

.fullwidthleftfloat {
	float:left;
	width:100%;
}

.fieldsetcontainer {
	width:400px;
	margin:0 auto;
	}


.paypalcontainer {
	float:left;
	width:550px;
}

	
/* calendar section on events page*/
#content .calmain,#contentwide .calmain {
 	width:96%;
}

#content .calcontainer,#contentwide .calcontainer {
  	padding:10px;
}

	
#content .calleft,#contentwide .calleft {
 	width: 61px;
 	vertical-align:top;
 	text-align:center;
 	}

#content .calright,#contentwide .calright {
 	vertical-align: top;
 	}

#content .calmonth,#contentwide .calmonth {
	font-weight:600;
  	text-align: center;
  	background-color:#cc6699;
  	height:20px;
 	}
  
#content .calday,#contentwide .calday {
	font-weight:600;
  	text-align: center;
  	background-color: #ffcccc;
    }
  
 #content .calblock,#contentwide .calblock {
 	width: 72%; 
 	height: 50px;
 	margin:0;
 	border-collapse:collapse;
}

.caltitle {
	color:#993366;
	font-weight: 600;
}

/* calendar section on community calendar page*/
#content .commcalmain {
 	width:96%;
 	}

#content .commcalcontainer {
  	padding:10px;
}

	
#content .commcalleft {
 	width: 45px;
 	vertical-align:top;
 	text-align:right;
 	font-weight:600;
 	}

#content .commcalright {
 	vertical-align: top;
 	border-spacing:10px;
 	}



/* Footer */
#footer {
	background:#fff; 
	border-top:2px solid #dadada; 
	clear:both; 
	color:#666; 
	font-size:0.9em; 
	margin:0 auto; 
	padding:8px 0; 
	text-align:center; 
	width:860px;
	}
#footer p {
	margin:0; 
	padding:0;
	}
#footer a {
	background:inherit; 
	color:#666; 
	font-weight:400; 
	text-decoration:none;
	}
#footer a:hover {
	color:#2F4F4F;
	font-weight:600;
	}
#footer span {
	font-size:1.2em;
	}

/* Links and paragraphs */
a {
	background:inherit; 
	color:#166090; 
	text-decoration:none; 
	font-weight:700;
	}
a:hover {
	background:inherit; 
	color:#2882a0; 
	text-decoration:none;
	}
a img {
	border:0;
	}
p {
	margin:0 0 10px;
	}
blockquote {
	background:#f4f4f4; 
	border-bottom:1px solid #d8d8d8; 
	border-left:4px solid #ccc; 
	border-right:1px solid #d8d8d8; 
	border-top:1px solid #d8d8d8; 
	color:#505050; 
	margin:16px; 
	padding:7px 7px 7px 11px;
	}
blockquote p {
	font-size:1.1em; 
	line-height:1.2em; 
	margin:0;
	}
.box {
  	background-color: #303030;
  	width:500px; 
	margin:10px auto;
	padding:20px;
}


/* Images and captions */
div.figure {
  float: right;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  margin:0;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  line-height: 1em;
}

div.figureleft {
  float: left;
  margin: 0.5em;
  padding: 0.5em;
}
div.figureleft p {
  text-align: center;
  margin:0;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  line-height: 1em;

}


div.figurecenter {
  text-align: center;
  margin: 5px auto;
  padding: 0.5em;
}
div.figurecenter p {
  text-align: center;
  margin:0;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  line-height: 1em;
}

/* Search box */
#searchbox label,.hide {
	display:none;
	}
#searchbox {
	margin:6px 0 16px; 
	padding:0;
	}
#searchform {
	background:#fff; 
	border:1px solid #ccc; 
	color:#505050; 
	font-size:0.9em; 
	padding:4px; 
	width:116px;
	}

/* Additional classes */
.textright {
	margin:-5px 0 4px; 
	text-align:right;
	}
	
.tablecenter { 
	margin-left: auto;
	margin-right: auto;
}

.formcontainer { 
	width:460px;
	margin-left: 200px;
	}

.small {
	font-size:0.8em;
	}
.large {
	font-size:1.3em;
	}
.plum {
	color:#993366
	}
.dkpurple {
	color:#660033;
	}
.duskypink {
	color:#cc6699;
	}
.ltpink {
	color:#ffcccc;
	}
.blue {
	color:#F2B6CE;
	}
.ltblue {
	color:#efaefa;
	}
.red {
	color:#cc0000;
	}

.highlighted {
	background:#f0f0f0; 
	border:1px solid #b0b0b0; 
	color:#303030; 
	padding:3px;
	}
.left {
	float:left; 
	}
.right {
	float:right; 
	}
.center {
	text-align:center;
	}
	
td.form {
        font-family: verdana, sans-serif;
        font-size: 11px;
	font-weight: bold;
        color: #660033;
}


