body {
	background: #babaab;
	font: 12px/18px arial, tahoma, helvetica, sans-serif;
	color: #4d5153;
	text-align: center;
	margin: 15px auto; 
	}
table, td, tr {
	font: 12px/18px arial, tahoma, helvetica, sans-serif;
	color: #4d5153;
	border: 0;
	border-collapse: collapse;
	}
h1, h2, h3{ margin-top: 0; }
h3 {
	color: #8ea207;
}
img { border: 0; }

#main {
	background: #FFFFFF;
	border-top: 10px solid #acac9c;
	border-left: 10px solid #acac9c;
	border-right: 10px solid #acac9c;
	width: 745px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 4px 4px 4px;
	}
#login {
	margin-top: -5px;
	margin-bottom: 5px;
}
.error {
	font:Arial, Helvetica, sans-serif;
	color: #993300;
	font-size:12px;
	}

#calendarBox { float: right; }

#header {
	background: url(../images/backgroundHeader_palm100.gif) top left no-repeat;
	width: 743px;
	height: 175px;
	margin-left: auto;
	margin-right: auto;
	}
#middle {
	width: 743px;
	margin-top: 16px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
#content { padding: 20px 5px 20px 5px; }
#calendarContent {
	padding: 10px 25px;
	}
#box1, #box2, #box3, #box4 {
/*
	background: #E7E7E7 url(/images/backgroundBox.gif) repeat-x;
*/
	border: 1px solid #e1e1da;
	padding: 8px;
	margin: 5px;
}
.contentBox {
	padding: 8px;
}
#boxFlash {
	background: #FFFFFF;
	border: 1px solid #e1e1da;
	padding: 4px;
	margin: 5px;
}
.logintext {
	width: 500px;
	background: #FFFFFF;
	border: 1px solid #e1e1da;
	padding: 4px;
	margin: 5px;
}
#boxSubnav {
	font-size: 11px;
	background: #FFFFFF;
	padding: 4px 0 5px 7px;
	border-bottom: 1px solid #C2C2C2;
}
.upcomingEvents {
	margin-left: 10px;
	}
#banner {
	background: #ECECEC url(/images/tempBannerBackground.gif) no-repeat;
	padding: 8px;
	margin: 0 5px 5px 0;
	}
#footer {
	background: #000066 url(/images/backgroundFooter.gif) top repeat-x;
	border-bottom: 10px solid #acac9c;
	border-left: 10px solid #acac9c;
	border-right: 10px solid #acac9c;
	width: 733px;
	padding: 10px 10px 5px 10px;
	margin: 0 auto;
	text-align: left;
	}
#footer td {
	color: #ffffff;
	font-size: 11px;
	line-height: 14px;
	}

#temp {
	font: 10px arial, tahoma, verdana, 'trebuchet ms', sans-serif;
	color: #9B9B9B;
	width: 733px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	}
#submenu  {
	background: #AECC74 url(/images/backgroundSubmenu.gif) bottom repeat-x;
	font-size: 11px;
	margin: 5px 2px 0px 2px;
	border-bottom: 1px solid #728B34;
	height: 20px;
	vertical-align: middle;
	padding: 2px 0px 0px 5px;
	}

#submenu a { text-decoration: none; }
#submenu a:hover, a:active {color: #4A5221; }

#submenu img { padding: 0 3px; }
.full { width: 100%; }
.split {
	width: 50%;
	vertical-align: top;
	}

.membersTable { margin: 0 15px 15px 15px; }
.membersTable td, .membersTable th {
	font-weight: normal;
	text-align: left;
	padding: 5px;
	vertical-align: top;
	}
.membersTable th { border-right: 1px solid #cbdde9; }

.board {
	width: 100%;
	}
.board td {
	padding: 10px;
	vertical-align: top;
	}
.grid {
	border: 1px solid #959595;
	margin: 0 0 10px 0;
	}

.cellGrid {
	font-size: 11px;
	background: #f5f5f5;
	padding: 5px;
	border: 1px solid #5E5E5E;
	vertical-align: top;
	}
.cellGridTop {
	background: #000066 url(/images/formButton.gif) repeat-x;
	font: bold 11px 'trebuchet ms', arial, tahoma, verdana, sans-serif;
	text-indent: 2px;
	color: #FFFFFF;
	padding: 3px 4px 3px 4px;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 3px solid #000066;
	border-left: 1px solid #000066;
	}
.cellNormal {
	padding: 3px;
	vertical-align: top;
	}
.cellSubmit {
	padding: 3px;
	text-align: center;
	}
.cellPDF {
	font: bold 11px 'trebuchet ms', tahoma, arial, verdana, sans-serif;
	padding: 8px;
	text-align: center;
	}
.indent {	margin: 0 0 0 30px; }
.cellIndent { /* Used for Big Form Tables */
	padding: 3px;
	vertical-align: top;
	text-indent: 10px;
	}
.cellRight {
	text-align: right;
	padding: 3px;
	}
.center { text-align: center; }

/*used to distinguish the in focus section stories*/
.alt { background-color:#ededed; }
.boxinbox {
	border:1px solid #7E7892;
	}
#memberList  {
	max-height: 120px;
	min-width: 157px;
	overflow-y: scroll;
	overflow-x: hidden;
	position: absolute;
	background: #fff;
	padding: 5px 5px 5px 5px;
	border: 1px solid #728B34;
	display: none;
	}
.clear {
	clear: both;
	}
.photo {
	background: #ffffff;
	border: 1px solid #AECC74;
	padding: 4px;
	}
.photoBox {
	bacground: #ffffff;
	border-top: 1px solid #c2c3c9;
	border-right: 1px solid #848588;
	border-bottom: 1px solid #848588;
	border-left: 1px solid #c2c3c9;
	margin: 10px;
	padding: 2px;
	}

a:hover .photoBox {
	border-top: 1px solid #5aabde;
	border-right: 1px solid #3a6e8f;
	border-bottom: 1px solid #3a6e8f;
	border-left: 1px solid #5aabde;
	padding: 2px;
	}

.hr {
	background: #cbdde9;
	width: 100%;
	height: 1px;
	display: block;
	margin: 10px auto;
	}
.hr hr { display: none; }


h1 { /* Used for Top Page Titles */
	border-bottom: 1px solid #AECC74;
	font: 18px arial, 'trebuchet ms', helvetica, tahoma, sans-serif;
	color: #4A5221;
	display: block;
	}
span.title { /* Used for Middle Page Titles, mainly on the homepage */
	border-bottom: 1px solid #cbdde9;
	font: 18px arial, 'trebuchet ms', helvetica, tahoma, sans-serif;
	color: #3a6e8f;
	display: block;
	}
h2, span.subtitle {
	font-weight: bold;
	font-size: 14px;
	color: #8ea207;
	}
h3, span.h3 { font: bold 14px 'trebuchet ms', arial, tahoma, verdana, sans-serif; }
span.light { color: #5D5D5D; }
span.purple {  }
.loginHelp {
	font-size: 11px;
	text-align: center;
	}
.small { font-size: 11px; }

/*blockquote { margin: 15px;	}*/
ul {
	margin: 0 70px 0 25px;
	padding: 10px;
	list-style: url(/images/bullet01.gif);
	}
ul li {
	margin-bottom: 5px;
	}

.form {
	border: 1px solid #728B34;
	font: 11px 'trebuchet ms', arial, tahoma, verdana, sans-serif;
	color: #000066;
	padding: 0 2px 0 3px;
	}
.formButton {
	background: #000066 url(/images/formButton.gif);
	font: bold 12px 'trebuchet ms', arial, tahoma, verdana, sans-serif;
	color: #FFFFFF;
	border: 1px solid #000066;
	padding: 0 5px 0 5px;
	cursor: pointer;
	}

.recommendedLinksTable td { white-space: nowrap; }
.recommendedLinksTable img { margin: 3px 2px 8px 2px; }
.advertisementText { margin-top: -15px; text-align: center; color: #999; font-size: 10px; }

.calendarPhoto {
	border: 1px solid #e1e1da;
	background: white;
	padding: 4px;
	display: block;
	}
.calendarTable { width: 700px; }
.calendarTable th {
	font: normal 12px arial, tahoma, verdana, 'trebuchet ms', sans-serif;
	vertical-align: top;
	padding: 15px;
	text-align: left;
	width: 300px;
	}
	
.calendarTable td {
	font: 12px arial, tahoma, verdana, 'trebuchet ms', sans-serif;
	vertical-align: top;
	padding: 15px;
	}

.calendarForm {
	color: #3a6e8f;
	}
.calendarForm td {
	padding: 5px;
	background: #f2f2f2;
	}
.calendarForm textarea, .calendarForm input {
	font: normal 12px arial, tahoma, verdana, 'trebuchet ms', sans-serif;
	}
.calendarForm th {
	background: #000066 url(/images/formButton.gif);
	border: 1px solid #000066;
	padding: 2px;
	font: bold 12px 'trebuchet ms', arial, tahoma, verdana, sans-serif;
	color: #FFFFFF;
	text-align: center;
	}
.calendarFormSubmit {
	border-bottom: 3px solid #dcdcdc;
	text-align: center;
	padding: 5px;
	}
.headingGreen {
	font-weight: bold;
	font-size: 14px;
	color: #4A5221;
}
.calendarFormSubmit input { font-weight: bold; }

.title{ color: #000066;}

a:link, a:active, a:visited { color: #000066; }
a:hover { color: #3A6E8F; }

a:link.val, a:active.val, a:visited.val {
	font: 10px tahoma, arial, verdana, sans-serif;
	text-decoration: none;
	color: #9B9B9B;
	}
a:hover.val {
	font: 10px tahoma, arial, verdana, sans-serif;
	text-decoration: none;
	color: #B3B3B3;
	}

/* ---------------------- Main Navigation ---------------------- */

#navContainer {
	padding-top: 5px;
	position: relative;
	text-align: left;
	}
#logoutLink {
	position: absolute;
	top: 27px;
	right: 5px;
	}
ul.logout {
	list-style: none;
	padding: 0;
	margin: 0;
	}
ul.logout li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
	}
ul.logout li a:link, ul.logout li a:visited, ul.logout li a:active {
	font: bold 12px 'trebuchet ms', arial, tahoma, verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	}
ul.logout li a:hover {
	font: bold 12px 'trebuchet ms', arial, tahoma, verdana, sans-serif;
	color: #000066;
	text-decoration: none;
	}
ul#nav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
ul#nav li {
	display: inline;
	text-align: center;
	padding-left: 15px;
	}
ul#nav li a:link, ul#nav li a:visited, ul#nav li a:active {
	font: 12px 'trebuchet ms', arial, tahoma, verdana, sans-serif;
	color: #FFFFFF;
	padding-bottom: 4px;
	text-decoration: none;
	}
ul#nav li a:hover {
	font: 12px 'trebuchet ms', arial, tahoma, verdana, sans-serif;
	color: #5099C8;
	padding-bottom: 4px;
	text-decoration: none;
	}
body.home #nav li#nav-01 a { background: url(../images/on.gif) center top no-repeat; }
body.about #nav li#nav-02 a { background: url(../images/on.gif) center top no-repeat; }
body.join #nav li#nav-03 a { background: url(../images/on.gif) center top no-repeat; }
body.news #nav li#nav-04 a { background: url(../images/on.gif) center top no-repeat; }
body.calendar #nav li#nav-05 a { background: url(../images/on.gif) center top no-repeat; }
body.photos #nav li#nav-06 a { background: url(../images/on.gif) center top no-repeat; }
body.sponsorship #nav li#nav-07 a { background: url(../images/on.gif) center top no-repeat; }
body.contact #nav li#nav-08 a { background: url(../images/on.gif) center top no-repeat; }

/* ---------------------- Bottom Nav Area ---------------------- */

#bottom {
	font: 11px arial, 'trebuchet ms', tahoma, verdana, sans-serif;
	color: #666666;
	margin-left: auto;
	margin-right: auto;
	background: #AECC74 url(/images/backgroundBottomNav.gif) bottom repeat-x;
	border-left: 10px solid #acac9c;
	border-right: 10px solid #acac9c;
	width: 745px;
	padding: 2px 4px 4px 4px;
	}
#bottom ul {
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
	}
#bottom ul li {
	margin: 0;
	padding: 0;
	display: inline;
	}
#bottom ul li a { text-decoration: none; }
#bottom a:hover, a:active {color: #4A5221; }
