/***************** "generic" styles ***************/
html, ul, li, h1, h3, h4 {
	margin: 0;
	padding: 0;
}

body, img {
	margin: 0;
	padding: 0;
	background: #FFF; color: #695C4E;
	font: small Verdana, Helvetica, Arial, sans-serif;
}

a {
	text-decoration: none;
}

a:link {
	color: purple
	}

a:visited {
	color: navy
	}

a:hover {
	color: purple
	}
	
a:active {
	color: purple
	}

a img {
	border: 0;
}

p {
	margin: 0 0 1em;
}

#page-container {
	width: 760px;
	margin: 1em auto;
	background: #FFF;
	border: 1px solid #695C4E;
}

/*************** masthead styles ******************/
#masthead {
	margin-bottom: .75em; padding-top: 1px;
	background: #FFF;
}
/**************** menu coding *****************/
#menu {
width: 100%;
background: #999;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 108.5px;
float: left;
}

#menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
color: #fff;
background: #999;
}

#menu a {
font: normal 10px/12px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
color: #fff;
background: #999;
text-decoration: none;
}

#menu a:hover {
color: #e52324;
background: #ccc;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/**********end Menu coding ******/

#banner {
	border-top: none;
	border-bottom: 10px solid #FFF;
}

img.topBanner {
	border-right: 1px solid #FFF
}

img.topBannerLast {
	border-right: none
}

#title {
	background-color:#ED2939;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	color: #FFF;
	display:block;
	padding: .25em 0em .25em .5em;
	margin: 0em 0em 0em 0em;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	clear: both;
	}
	
#boardList {	
	padding: .5em 0em 0em .5em;
	}
#boardList  p, h3, table, tr, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	}
	
#committeeList {	
	padding: .5em 0em 0em .5em;
	}

#committeeList p, h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	}

#memList {	
	padding: .5em 0em 0em .5em;
	}

#memList p, h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	}
	
#memList td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:smaller;
	}
	
#memList th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color: #e52324;
	text-align: left;
	}
	
#jobList {	
	padding: .5em 0em 0em .5em;
	}

#jobList p, h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	}
	
#jobList td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:smaller;
	}
	
#jobList td.heading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:smaller;
	color: #e52324;
	text-align: left;
	width: 25%;
	}
		
#contentSec {	
	padding: .5em 0em 0em .5em;
	}
#contentSec  p, h3, table, tr, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	}
	
#contentSec h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:large;
	font-style:italic; 
	}
#contentSec h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #695C4E;
}
	
#contentSec h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#e52324; 
	}
#event h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	padding-top: 10px;
	padding-bottom: 10px;
}

#contentSec img.illus {
	float: left;
	margin: 0 1em 1em 0;
	}
		
#contentSec p.address {
	float: left;
	clear: both;
	}
	
ul.memBenefits {
	list-style-type: disc;
	margin-left: 2em;
	font-size:small;
	}
	
li.memBenefits {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	}
				
#calendar {
	padding-top:1em;
	}

#calendar table {
	margin: 0 auto;
	}
	
#calendar .caption {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:large;
	padding-bottom:1em;
	}
	
#calendar th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:normal;
	border: 0;
	text-align: center;
	}
	
#calendar .date {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	}
	
#calendar .calendarDays {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	}

#calendar td.calFooter {
	border: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	padding-top:1em;
	}
	
#calendar .event {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	}
	
#contentHome {
	float: left;
	clear: both;
	width: 580px;
	padding: 0em 0em 0em 0em;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sidebar {
	float: right;
	width: 179px;
	height: 501px;
	padding: 0em 0em 0em 0em;
	margin: 0px 0px 0px 0px;
	background: #e0dfdf;
	color: #695c4e;
	border-top: 1px solid #FFF;
	border-left: 1px solid #999;
}

#sidebar li {
	display: block;
	list-style: none;
	padding: .5em 0em 0em .5em;
	border-right: none;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#sidebar hr {
	color: #FFFFFF;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
#sidebar p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	padding: 1em .5em 1em .5em;
	color: #E52324;
	text-align: left;
	display: block;
	background-color: #e0dfdf;
	margin: 0em 0em 0em 0em;
}

#sidebar li li {
	display: block;
	list-style: none;
	padding: .5em 0em 0em .5em;
	border-right: none;
	font-size: smaller;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sidebar li.last {
	border-right: 0;
}

#sidebar a {
	color: #666;
}

#sidebar a:hover {
	color: #e52324;
}

#sidebar li {
	color: #e52324;
}

#footer {
	display: block;
	clear: both;
	background: white;
	font-size: smaller;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 1em 0em .5em 0em;
}

#footer a {
	text-decoration: none;
}

