/* Remove default styling from every element */

* {
   padding: 0;
   margin: 0;
}

/* end Remove default styling */




/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */




/*   HTML items defined here   */


a:link {
	color: #6D3A47;
	text-decoration: underline;
}
a:visited {
	color: #6D3A47;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #6D3A47;
	text-decoration: underline;
}






body {
	background: #46181b url('images/background-body.jpg') /* top center fixed */;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
	text-align: left;
	margin: 0;
	padding: 0;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
	text-align: left;
	color: #6D3A47;
	margin: 0 0 5px 30px; 
	padding: 0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
	text-align: left;
	color: #6D3A47;
	margin: 50px 0 5px 30px; 
	padding: 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	font-weight: bold;
	color: #6D3A47;
	margin: 30px 0 2px 30px; 
	padding: 0;
}

h2.memberHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
	text-align: left;
	color: #6D3A47;
	margin: 50px 0 5px 30px; 
	padding: 0 0 3px 0;
	border-bottom: #000000 solid 1px; 
}




p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #000000;
	margin: 0 0 20px 30px; 
	padding: 0;
}


ul {
	margin: 5px 30px 15px 45px; 
	padding: 0;
	list-style-position: outside;
}


li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #000000;
	margin: 10px 0; 
	padding: 0;
}


img {
	border-style: none;
	margin: 0; 
	padding: 0;
}

img.centered {
	display: block;
	border-style: none;
	margin: 0 auto; 
	padding: 0;
}







/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */




/*   Class items defined here   */



/* floated div */
.boardOfficer_photo {
	float: left;
	margin: 20px 0 20px 30px; 
	padding: 0;
}


.boardOfficer_description {
	float: left;
	margin: 0; 
	padding: 0;
}

.clearFloat {
	clear:both;
}



/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */




/*   Callout box items defined here   */


p.calloutBox_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	color: #000000;
	margin: 0; 
	padding: 0;
}


h1.calloutBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	font-weight: normal;
	color: #6D3A47;
	margin: 30px 17px 0 17px;  
	padding: 0 0 3px 0;
	border-bottom: solid #6D3A47 1px; 
}

h2.calloutBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	font-weight: normal;
	color: #6D3A47;
	margin: 10px 17px 0 17px; 
	padding: 0;
}



p.calloutBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	color: #000000;
	margin: 0 17px 20px 17px; 
	padding: 0;
}



#weather_module {
	width: 180px;
	height: 150px;
	margin: 10px auto; 
	padding: 0;
}











.pageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	color: #000000;
	margin: 0; 
	padding: 20px 20px 6px 229px;
}


.pageFooterCredits {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	color: #000000;
	margin: 0; 
	padding: 0px 20px 20px 229px;
}



/* 
.pageFooter a:link {
	color: #ffffff;
	text-decoration: underline;
}
.pageFooter a:visited {
	color: #ffffff;
	text-decoration: underline;
}
.pageFooter a:hover {
	color: #e3e7c7;
	text-decoration: none;
}
.pageFooter a:active {
	color: #ffffff;
	text-decoration: underline;
}

*/







.clearFloat {
	margin: 0;
	padding: 0;
	clear: both;
}



div.tableMargin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #000000;
	margin: 0 0 20px 30px; 
	padding: 0;
}



div.galleryPhoto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	width: 230px;
	color: #000000;
	margin: 0; 
	padding: 0;
	float: left;
}



.photoCaptionCentered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #000000;
	font-style: italic;
	margin: 5px; 
	padding: 0;
}





/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */







/*   FORM items defined here   */






.adminFormText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	text-align: left;
	margin: 3px 10px; 
	padding: 5px;
	width: 280px;
	/* height: 1em; */
	background: #ffffff;
	border: #6D3A47 1px solid;
}

.adminFormTextarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	text-align: left;
	margin: 3px 10px; 
	padding: 5px;
	width: 280px;
	height: 4em; /* */
	background: #ffffff;
	border: #6D3A47 1px solid;
}

.adminFormTextareaFull {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	text-align: left;
	margin: 3px 10px; 
	padding: 5px;
	width: 600px;
	height: 400px; /* */
	background: #ffffff;
	border: #6D3A47 1px solid;
}

.adminFormSelect {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	text-align: left;
	margin: 3px 10px; 
	padding: 5px;
	/* width: 280px;
	 height: 1em; */
	background: #ffffff;
	border: #6D3A47 1px solid;
}


.adminFormSubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	text-align: center;
	margin: 3px 10px; 
	padding: 3px 10px;
	background: #6D3A47;
	border: #ffffff 1px solid;
}



.formLabelLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: right;
	color: #000000;
	margin: 0; 
	padding: 0;
}

.formLabelRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #000000;
	margin: 0; 
	padding: 0;
}

.formRequiredLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: right;
	color: #FF0000;
	margin: 0; 
	padding: 0;
}

.formRequiredRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #FF0000;
	margin: 0; 
	padding: 0;
}








/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */




/*   DIV items defined here   */

#wrap {
	width: 1000px;
	background: #FFFFFF url('images/background-wrap.jpg');
	margin: 0 auto;
	padding: 0;
	/* position: relative;  establish relative position for absolute positioned items inside */
}

#header {
	width: 1000px;
	height: 282px;
	margin: 0;
	padding: 0;
	position: relative;
}


#header2 {
	width: 1000px;
	height: 300px;
	margin: 0;
	padding: 0;
	position: relative;
}



#navColumn {
	width: 229px;
	float: left;
	margin: 0;
	padding: 0;
}

#mainContent {
	width: 502px;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
}

#mainAdmin {
	width: 702px;
	/* float: left; */
	margin: 0 0 0 229px;
	padding: 20px 0 0 0;
}


#calloutBox {
	width: 215px;
	margin: 20px 36px 20px 18px;
	float: left;
	background: url('images/calloutBox-middle.jpg');
}

#footer {
	width: 1000px;
	clear: both;
	background: url('images/background-footer.jpg');
	margin: 0 auto;
	padding: 0;
}


#dropShadow {
	width: 1064px;
	background: url('images/dropShadow-sides.png');
	margin: 0 auto;
}

#dropShadow-bottom {
	width: 1064px;
	margin: 0 auto;
	padding: 0;
}



#ad1 {
	width: 226px;
	height: 181px;
	margin: 0 16px 16px 16px;
	padding: 0;
	float: left;
}

#ad2 {
	width: 226px;
	height: 181px;
	margin: 0 0 16px 0;
	padding: 0;
	float: left;
}

#ad3 {
	width: 469px;
	height: 92px;
	margin: 0 16px 16px 16px;
	padding: 0;
	clear: both;
}



/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */




/*   Position items in the header here   */


div#header div#branding {
	width: 229px;
	height: 282px;
	position: absolute;
	top: 0px;
	left: 0px;
}



div#header2 div#brandingTall {
	width: 229px;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
}


div#header div#topBorder, div#header2 div#topBorder {
	width: 770px;
	height: 18px;
	position: absolute;
	top: 0px;
	left: 229px;
}


div#header div#topBorder2, div#header2 div#topBorder2 {
	width: 770px;
	height: 18px;
	position: absolute;
	top: 282px;
	left: 229px;
}








/* This div sets the position for the flash in the header */
div#header div#flashContainer, div#header2 div#flashContainer {
	width: 770px;
	height: 264px;
	position: absolute;
	top: 18px;
	left: 229px;
	margin: 0;
	padding:0;
}

/* This div is overwritten, only sets size for the flash in the header */
div#header div#flashContent, div#header2 div#flashContent {
	width: 770px;
	height: 264px;
	margin: 0;
	padding:0;
}







div#flashLogos {
	width: 753px;
	margin: 0;
	padding:0;
	float:left;
	/* background: #009933; */
}








/* hide this text */
	div#header h1, div#header2 h1 {
		position : absolute;
		top : -9999px;
	}
	
	
	
/* tagline text in branding image, hide this text */
	div#header blockquote, div#header2 blockquote {
		position : absolute;
		top : -9999px;
	}
	
	
	
/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */
/* ////////////////////////////////////////////  */




/*   Position items in the header here   */

	div#navColumn ul {
		width: 229px;
		margin : 20px 0 0 0;
		padding : 0;
		list-style : none;
		/* position: relative; */
	}
	
	div#navColumn ul#nav_main li {
		margin : 0;
		position: relative; /* */
	}	
	
	div#navColumn ul#nav_main li a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 18px;
		width: 189px; /*229px; width: 100%; */
		text-align: left;
		color: #000000;
		margin : 0;
		padding : 6px 20px;
		display : block;
		text-decoration: none;
	}	
	
	
	
	div#navColumn ul#nav_main li a:link {
		color: #ffffff;
		text-decoration: none;
	}
	
	div#navColumn ul#nav_main li a:visited {
		color: #ffffff;
		text-decoration: none;
	}
	
	div#navColumn ul#nav_main li a:hover {
		color: #000000;
		text-decoration: none;
		background: #d9d3c5;
	}
	
	div#navColumn ul#nav_main li a:active {
		color: #000000;
		text-decoration: none;
		background: #d9d3c5;
	}
	
	
	
	
	/* Sub menus */
	
	div#navColumn ul li ul {
		width: 229px;
		margin : 0;
		padding : 0;
		list-style : none;
		background: #d9d3c5;
		position: absolute;
		top: 0px;
		left: 229px;
		display: none; /* This hides the drop menu until its parent is rolled over */
	}
	
	div#navColumn ul#nav_main li ul li {
		margin : 0;
	}	
	
	div#navColumn ul#nav_main li ul li a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 18px;
		width: 189px; /*229px; width: 100%; */
		text-align: left;
		color: #000000;
		margin : 0;
		padding : 6px 20px;
		display : block;
		text-decoration: none;
	}	
	
	
	
	div#navColumn ul#nav_main li ul li a:link {
		color: #000000;
		text-decoration: none;
	}
	
	div#navColumn ul#nav_main li ul li a:visited {
		color: #000000;
		text-decoration: none;
	}
	
	div#navColumn ul#nav_main li ul li a:hover {
		color: #ffffff;
		text-decoration: none;
		background: #b6b09a;
	}
	
	div#navColumn ul#nav_main li ul li a:active {
		color: #ffffff;
		text-decoration: none;
		background: #b6b09a;
	}
	
	
	
	/* This makes the sub-menu visible on rollover*/
	div#navColumn ul#nav_main li:hover ul { 
		display: block;
	}
	
	
	/* This makes the hover state active on sub-menu rollover*/
	div#navColumn ul#nav_main li ul:hover div#navColumn ul#nav_main li { 
		color: #000000;
		text-decoration: none;
		background: #d9d3c5;
	}