/* CSS Document CPS by Karen Wells December 2006*/

body {
	font: 80% Verdana, Arial, Helvetica, sans-serif; 
	padding: 0;
	background-color: #e3e1ca;
}

		#container {
			width: 760px;
			\width: 780px;
			w\idth: 760px;
			border: 0;
			margin: 0;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			background-color: white;
		}
		
/* up to page top class*/

.up {
	float: right;
	margin: .5em 0 1em 0;
	text-align: right;
}

img {

	border: 0;
}
			
		
/* content */
		

#content {
	padding: 0 0 0 0;
	margin: 1em 190px 0 290px;
	background-color: white;
	border: 1px solid #663;
	color: black;
	background-image:
	url(images/transgif.gif);
	background-repeat: no-repeat;
	min-height: 420px;
	}
	
.redmarker {
	padding: 0 0 0 .5em;
	margin: 1em 0 0 1em ;
	background-color: white;
	border-left: 9px solid #933;
	color: #663;
	}
	
	
.greenmarker {
	padding: 0 0 0 .5em;
	margin: 1em 0 0 1em ;
	background-color: white;
	border-left: 9px solid #696;
	color: #663;
	}	
	
#content p{
	margin: 1em 1em 1em 1em;
}	
		
		
/* left */

#left {
	float: left;
	width: 280px;
	margin: 1em 2em .5em .3em;
	padding: 0;
	background-color: white;
	border: 1px solid #663;
	min-height: 420px;
}
		
#left p{
	margin: 1em 1.5em 1em 1em;
}		

/* right */

#right {
	float: right;
	width: 180px;
	margin: 1em .3em 0 0;
	padding: 0;
	background-color: #f8f7f1;
	color: #663;
	font-style: italic;
	border: 1px solid #cc9;
	min-height: 420px;
}

#right p{
	margin: 1em 1em 1em 1em;
	line-height: 20px;
}

#footer {
	clear: both;
	padding: .1em 1em .1em 0;
	margin: 1em 0 0 0;
	background-color:#cc9; 
	text-align: right;
}

#footer ul{
	list-style: none;
	
}

#footer ul li{
	display: inline;
	padding: 0 .5em 0 .5em;
}

#footer a{
	color: #663;
}

		
/* general	*/	

h2 {
	background-color:#cc9 ;
	color:#663;
	font-size: 100%;
	padding: .5em 0 .5em 1em;
	margin: 0;

}

h3 {
	
	color:#663;
	font-size: 100%;
	padding: 1.5em 0 0 1em;
	margin: 0;

}
	
/* Top banner */

#banner {
		padding: 5px 0 0 0;
		margin:0 ;
		background-color: #996;
}	

ul#topnav {
	background: #663;
	font-weight: normal;
	text-align: left;
	padding: 10px 0 11px 1em;
	margin: 0 0 0 0;
	color: white;
}

ul#topnav a {
	text-decoration: none;
	background-color: transparent;
	color: white;
}

ul#topnav a:hover {
	text-decoration: underline;
}

ul#topnav li { 
  display: inline; 
  margin: 0; 
  padding: 0 .1em 0 .1em;
} 

.bannerimage {

	padding:0;
	margin:0;
	width:760px;
	 height:65px;
	 background-color: white;
	 border-bottom: 1px solid #cc9;
}
	

.chap {

	border: 0;
	margin: 1em;

}

p#strapline {
	float: right;
	list-style: none;
	margin: 4em 1em 0 0;
	padding: 0;

}	

.charter {

	width:145px;
 	height:85px;
	border: 1px solid #996;
	margin: .5em 0 0 0;
}

.chartercaption {
	padding: 0;
	margin: 0;
	line-height: normal;
	font-style: normal;	
}

a {
	color: blue; 
	text-decoration: none;
}

a:link {
	color: blue; 
	text-decoration: none;
} 

a:visited {
	text-decoration: none;
} 

a:hover {
	text-decoration: underline;
} 

		
/* officers */

#contentofficers {
	float: left;
	width: 700px;
	margin: 1em 3em .5em .3em;
	padding: 0;
	background-color: white;
}
		
#contentofficers p {
	margin: 1em 1.5em 1em 1em;
}

#contentofficers h2 {
	color: #663;
	font-size: 120%;
	padding: .5em 0 .5em 1em;
	margin: 0;
	background-color: white;

}

#contentofficers h3 {
	color:#663;
	font-size: 100%;
	padding: 1.5em 0 0 1em;
	margin: 0;

}

/*Events page*/

#eventsright {
	padding: 0 0 0 0;
	margin: 1em 5px 0 355px;
	background-color: white;
	border: 1px solid #663;
	color: black;
	background-image:
	url(images/transgif.gif);
	background-repeat: no-repeat;
	}
	
#eventsleft {
	float: left;
	width: 345px;
	margin: 1em 2em .5em .3em;
	padding: 0;
	background-color: white;
	border: 1px solid #663;
}