body {
	font-family:  'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;  
	background: #CCCCCC url(./images/bg.gif) repeat-x;
	margin: 0 0 40px 0; 
	padding: 0;
	border: 0;
	}

form { 
	padding: 0; 
	margin: 0; 
	}

img {
	border: 0;
	margin: 0;
	}

#wrapper {
	border: 1px solid #FFF;  
	width: 900px;
	margin-bottom: 50px;
	background: #FFF;
	text-align: left;
	}

#club-logo {
	border-bottom: 2px solid #FFF;
	height: 170px;
	overflow: hidden;
	}

#content {
	background: #FFF; 
	margin: 0; 
	text-align: left;
	}

.content-wrapper {
	padding: 20px 20px 40px 20px;
	}


#content h2 {
	font: 22px Palatino, Times, New Century Schoolbook, serif; 
	margin: 0; 
	padding: 0 0 0.3em 0 ;
	color: #666565;
	border-bottom: 1px solid #888;
	}

#content div.copy {
	padding-top: 10px;
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	line-height: 1.5em;
	color: #000000;
	}

#submenu {
	clear: both;
	margin: 0; 
	padding: 10px 0 0 0;
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular; 
	}

#actions {
	background: transparent; 
	margin: 0; 
	padding: 0;
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	}

#filter {
	background: trasparent; 
	margin: 0; 
	padding: 0;
	float: right;
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	}


#signup-membership {
	background: #FFF url('./images/signup_membership.jpg') ;
	text-align: left;
	height: 110px; 
	overflow: hidden;
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	font-style: normal;
	line-height: 1.5em;
	}

#signup-membership h3 {
	text-align: left;
	color: #666565;
	padding: 15px 10px 5px 15px;
	margin: 0;
	}

#signup-membership div {
	text-align: left;
	padding: 0 50px 10px 15px;
	margin: 0;
	line-height: 1.3em;
	}


#signup-newsletter {
	background: #FFF url('./images/signup_newsletter.jpg') ;
	text-align: left;
	height: 110px; 
	overflow: hidden;
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	font-style: normal;
	line-height: 1.5em;
	}

#signup-newsletter h3 {
	text-align: left;
	color: #666565;
	padding: 15px 10px 5px 15px;
	margin: 0;
	}

#signup-newsletter div {
	text-align: left;
	padding: 0 100px 10px 15px;
	margin: 0;
	line-height: 1.3em;
	}


#adminsettings-floater {
	float: right;
	padding: 20px;
	width: 200px;
	border: 1px solid #B6B6B6;
	margin: 15px 0 0 30px;
	background: #F4F4F4;
	}
	
#login-floater {
	float: right;
	padding: 20px;
	width: 200px;
	border: 1px solid #B6B6B6;
	margin: 15px 0 0 30px;
	background: #F4F4F4;
	}

#login-floater h3 {
	padding: 0;
	margin: 0;
	color: #666565;
	}

#commerce {
	text-align: left;
	padding: 0 0 20px 0;
	visibily: visible;
	}

#footer {
	background: #0B3E71;	    
	text-align: left;
	height: 35px;
	overflow: hidden; 
	}

#footer a {
  color: #FFFFFF;
	}

#footer td {
	font: 10px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	color: #FFF;
	padding: 5px 20px;
	}


/* ------------------- LISTEN ENTRIES ------------------- */


.payment-entry {
	border: 1px solid #888;
	padding: 10px;
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
margin-bottom: 20px;
background: #F4F4F4;
	}


.memberdirectory-entry {
	padding-bottom: 5px
	}

.event-entry {
	padding-bottom: 40px
	}

div.event-entry .name {
	color: #666565;
	font: 14px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	font-weight: bold;
	padding-bottom: 10px;
}

div.event-entry .time {
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	font-style: italic;
	padding-bottom: 5px;
}

div.event-entry .text {
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	font-style: normal;
	line-height: 1.5em;
}


.news-entry {
	padding-bottom: 40px
}

div.news-entry .name {
	color: #666565;
	font: 14px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	font-weight: bold;
	padding-bottom: 5px;
}

div.news-entry .text {
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	font-style: normal;
	line-height: 1.5em;
}

div.news-entry .image {
	float: right;
	padding: 0 0 10px 10px;
}



.download-entry, .classified-entry, recommendations-entry {
	padding-bottom: 20px
}

div.download-entry .name, div.classified-entry .name, div.recommendations-entry .name {
	color: #666565;
	font: 14px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	font-weight: bold;
}

div.download-entry .text, div.classified-entry .text, div.recommendations-entry .text {
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	font-style: normal;
	line-height: 1.5em;
}




.link-entry {
	padding: 10px 0;
}

div.link-entry .name {
	color: #666565;
	font: 14px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	font-weight: bold;
}

div.link-entry .text {
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	font-style: normal;
	line-height: 1.5em;
}





/* ---------------    TABLE GERAFFEL ----------------- */

tr.odd {
	background: #DEDEDE;
	}

tr.even {
	background: transparent;
	}

td.column-nowidth {
	font-family:  'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;  
	font-size: 12px;
	padding-right: 35px;
	line-height: 1.5em;
	}


td.single-column {
	padding-right: 35px;
	width: 260px;
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	}

td.single-column-last {
	width: 260px;
	}

td.td {
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	padding: 4px 7px 4px 7px;
	}

td.th {
	background: #888 url('./images/bg_table.gif') repeat-x;
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	padding: 3px 7px 1px 7px;
	font-weight: bold;
	}

td.financial-sum {
	background: #F4F4F4;
border-bottom: 20px solid #FFF;
border-top: 10px solid #FFF;
	font-weight: bold;
padding: 5px 0 5px 0;
	}


td.financial-total {
	background: #F4F4F4;
	font-weight: bold;
border-top: 10px solid #FFF;
border-bottom: 20px solid #FFF;
padding: 5px 0 5px 0;
	}


/* ---------------  LINKS  ----------------- */

a {
	text-decoration: none;
	color: #0B3E71;
	}

a:hover {
	text-decoration: none;
	color: #F40B1E;
}


td.td a {
	text-decoration: none;
	color: #0B3E71;
}

td.th a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

td.td a:hover {
	text-decoration: none;
	color: #F40B1E;
}


/* DROP DOWN MENU */

#menu {
	background: #0B3E71;
	width: 900px;
	height: 21px;
}

div.menuBar {
z-index:10;
}

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
  font-weight: bold;
  text-align: left;
}

div.menuBar {
  background-color: transparent;
}

div.menuBar a.menuButton {
  background-color: #0B3E71;
  border: 1px solid #FFFFFF;
  border-width: 0 1px 0 0;
  margin: 0;
  color: #FFFFFF;
  cursor: default;
  padding: 3px 20px 3px 20px;
  position: relative;
  text-decoration: none;
  top: 3px;
  left: 0;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: #818181;
  color: #FFFFFF;
}

div.menuBar a.menuButtonSelected {
  background-color: #818181;
  color: #FFFFFF;
  padding: 1px 20px 3px 20px;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #818181;
  color: #FFFFFF;
  left: 0;
  top: 3px; 
}

div.menu {
  background-color: #0B3E71;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #FFFFFF;
  cursor: default;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  padding: 3px 20px 3px 20px;
  border: 1px solid #FFFFFF;
  border-width: 1px 1px 0 1px;
}


div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #818181;
  color: #FFFFFF;
  padding: 3px 20px 3px 20px;
  display: block;
  white-space: nowrap;
  border: 1px solid #FFFFFF;
  border-width: 1px 1px 0 1px;
}


/* DROP DOWN MENU END */





.form-field {
	padding-bottom: 10px;
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
}

.form-field-float {
	float: left;
	padding: 0 20px 10px 0;
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
}

.form-label {
	color: #888; 
	padding-bottom: 1px;
}

.form-login {
	width: 180px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	background-color: #FFF;
	font-size: 1.1em 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	padding: 3px 1px;
	color: #000;
}

input.form-text, 
textarea.form-textarea, 
input.form-file, 
input.form-text-short, 
select.form-select, 
select.form-select-short  {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	background-color: #F7F7F7;
	font-size: 1.1em 'Lucida 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	padding: 3px 1px;
	color: #000;
}

input.form-text-newcat {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	background-color: #FFF6EF;
	font-size: 1.1em 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	padding: 3px 1px;
	color: #000;
}



input.form-text,
input.form-text-newcat {
	width: 400px;
}

input.form-file {
	width: 400px;
}

input.form-text-short {
	width: 100px;
}


textarea.form-textarea {
	font-size: 1.1em 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	width: 400px;
}

select.form-select {
	background-color: #F7F7F7;
	font-size: 1.1em;
	font-family: 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	color: #000;
	width: 400px;
}

.form-select-short {
	width: 200px;
background-color: #F7F7F7;
	font-size: 1.1em;
	font-family: 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	color: #000;
}

.form-button {
	border: 1px solid #B9B9B6;	
	background: #F4F4F4;
	color: #706969;
	padding: 1px 15px 1px 15px;
}

.form-button:hover {
	border: 1px solid #333;	
	background: #FFF;
	color: #333;
	padding: 1px 15px 1px 15px;
}








.form-label-error {
	font-size: 12px;
	color: #FB0303;
	padding-bottom: 1px;
}

.form-error {
	font-size: 12px;
	color: #B5191A; 
	padding-bottom: 1px;
}

.form-help {
	font-size: 12px;
	color: #888; 
	padding-top: 2px;
}

.required {
	color: #880D19;
	font-weight: bold;
	padding-left: 2px;
}

#feedback {
	background: #E8E8E8;
	border: 1px solid #CCCCCC;
	padding: 5px 10px;
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	margin-bottom: 15px;
}
		
#feedback ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
			
#feedback ul li {
	padding: 0;
	list-style: none;
	color: #0D691F;
	background: url(./images/feedback_ok.gif) no-repeat;
	padding: 3px 0 3px 22px;
}
		
#feedback ul li.error {
	padding: 0;
	list-style: none;
	color: #900;
	background: url(./images/feedback_error.gif) no-repeat;
	padding: 3px 0 3px 22px;
}


.green {
	color: #0D691F;
}

.red {
	color: #900;
}

#floater {
	float: right;
	padding: 20px;
	width: 200px;
	border: 1px solid #B6B6B6;
	margin: 15px 0 0 30px;
	background: #F4F4F4;
	}



/* BOARDMEMEBER STUFF */

div.boardmember-thumb {
	float: left;
	padding: 10px;
	border: 1px solid #AAA;
	font: 10px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	margin: 0 20px 20px 0; 
	width: 130px;
	height: 180px;
	text-align: center;
	vertical-align: bottom;
	}

div.member-profile {
	float: right;
	padding: 15px 0 20px 20px;
	}

td {
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	}

#accounts,
#accounts td.td  {
	font: 10px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	}

#pager {
	background: #666565;
	padding: 3px 10px 3px 10px;
	}

#pager a.batch_unselected, 
#pager a.batch_selected, {
	font: 12px 'Lucida Grande', Verdana, Swiss, Helvetica, sans-serif, SunSans-Regular;
	color: #FFF;
}

#pager a.batch_unselected:visited, 
#pager a.batch_selected:visited, {
	color: #FFF;
}


.unpaid {
	color: red;
	font-weight: bold;
	padding-left: 2px;
}