body { 
  color: white; 
  font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
  font-weight: bold; 
  background-color: #231F20;
  margin:0;
  padding: 0;
}

p{ 
  margin: 0; 
  padding-left: 9px; 
  font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;        
  font-weight: bold; 
  color: white;
}

td { 
  font-family: Arial, sans-serif, Helvetica, Geneva, SunSans-Regular, sans-serif;    
  font-weight: bold; 
}

.plain td {
  font-weight: normal;
}


a:link { 
  color: #0769c2;  
  text-decoration: none; 
}

a:visited { 
  color: #0769c2; 
  text-decoration: none; 
}

a:hover { 
  /*color: #0982F0; */
  color: #1E82C8; 
  text-decoration: none; 
}

a:active { 
  color: #0769c2; 
  text-decoration: none; 
}

h1 { 
  font-family: "Arial Narrow", "Trebuchet MS", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
  font-size: 11px; 
  margin: 0; 
  padding: 0; }

h2 { 
  font-size: 16px; 
  font-family: "Times New Roman", Times, Georgia, serif; 
  margin: 0; 
  padding: 4px 0 0 7px; 
}


h3 { 
  /*color: #6f9d78;*/
  color: #5B9167; 
  font-size: 12px; 
  margin: 0; 
  padding: 0 0 0 2px; 
}

.news-headlines h3 {
  font-size: 68%;
  padding: 3px 0 3px 2px;
  width: 93%;
}

h4 { 
  /*color: #6f9d78;*/
  color: #5B9167; 
  font-size: 14px; 
  margin: 0; 
  padding: 0 0 0 2px; 
}

/* defines section colors */
.coc {
  /*color: #6f9d78;*/
  /*color: #5B9167; */
  color: #639D70; 
	}

.scull {
	color: #f49f2b; 
	}

.ski {
	color: #0769c2; 
	}
	
.run {
	color: #59a099; 
	}
.members {
  color: #4348a6;
}
.grp {
	color: #006f3a; 
}
	
/* not sure lodging,elderhostel, wedding are needed */
	
.elderhostel {
	color: #d2666f; 
	}
	
.wedding {
	color: #4e3a79; 
	}
	
.lodging {
  /*color: #6f9d78;*/
  /*color: #5B9167; */
  color: #639D70; 
	}
	
/* end section colors */
	
.calendar { 
  color: #0769c2; 
  font-size: 15px; 
  font-family: "Times New Roman", Times, Georgia, serif; 
  padding-right: 72px; 
}
	
.calendar_half_pad { 
  color: #0769c2; 
  font-size: 15px; 
  font-family: "Times New Roman", Times, Georgia, serif; 
  padding-right: 36px; 
}

.calendar_no_pad { 
  color: #0769c2; 
  font-size: 15px; 
  font-family: "Times New Roman", Times, Georgia, serif; 
}
	
.events { 
  color: #0769c2; 
  font-size: 11px; 
}
	

.search {
	color: #5B9167; font-size: 13px;
	}
	
p.jump { 
  color: #5B9167; 
  font-size: 14px; 
  padding: 24px 0 2px 7px; 
}

form.jump { 
  color: #222; 
  font-size: 9px; 
  font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
  padding: 0 0 2px 9px; 
}

select.jump { 
  color: #3b3b3b; 
  font-size: 11px; 
  font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
  font-weight: 600; 
  background-color: #f1f1f1; 
  padding: 0; 
}

input.searchBox { 
  color: #222; 
  font-size: 13px; 
  font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
  font-weight: 500; 
  background-color: #f1f1f1; 
  padding: 1px 1px 1px 2px; }
  
form { 
  margin: 0 0 0 0; 
  padding: 0; 
}

p.textmenu { 
  font-size: 10px; 
  padding: 6px 0 0 0; 
}

p.feature { 
  font-size: 10px;
}

p.event { 
  font-size: 10px; 
  font-weight: bold; 
  padding: 2px 0 16px 2px; 
}

.boldText {
  font-weight: bold;
}

.boldtext {
  font-weight: bold;
}

#prog_head { 
  color: #5e8566; 
}

#prog_desc {
  color: #737373;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#content {
  font-size: .8em;
  margin: 0;
  padding: 0;
}


#content p  { 
  /* color: #777; */
  padding: 0px 0px 8px 2px; 
  margin: 0px 0px 0px 0px; 
  font-weight: normal;
}


#content ul li { 
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 10px; 
  font-weight: normal;
}


#content ol li { 
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 10px; 
  font-weight: normal;
}

#content dl {
  padding-top: 0px;
  margin-top: 0px;
}

#content dl dt { 
  padding: 4px 0px 0px 0px; 
  margin: 0px 0px 0px 10px; 
  font-weight: bold;
  }
#content dl dd {
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 24px; 
  font-weight: normal;
}


#content p.caption  { 
  /* color: #777; */
  font-size: 11px;
  padding: 0px 0px 8px 4px; 
  margin: 0px 0px 0px 0px; 
  font-weight: normal;
}


#content h1 {
  /*font-family: "Times New Roman", Times, Georgia, serif; */
  font-family: Geneva, Helvetica, Arial, SunSans-Regular, sans-serif; 
  font-size: 22px;
  padding: 0px 0px 8px 0px; 
  margin: 0px 0px 0px 0px; 
  font-weight: bold;
  /*font-family: Garamond, "Times New Roman", Times, Georgia, serif; */
}

#content h2 {
  /*color: #6f9d78;
  color: #639d70; */
  color: #5B9167; 
  font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
  font-size: 15px; 
  margin: 0; 
  padding: 0px 0px 12px 0px; }
  

#content .likeH2 {
  color: #5B9167; 
  font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
  font-size: 15px; 
  margin: 0; 
  padding: 0px 0px 12px 0px;
}

#content h2.noPad {
  padding: 0;
}

#content h3 {
  /*color: #6f9d78;*/
  color: #5B9167; 
  font-size: 11px; 
  margin: 0; 
  padding: 4px 0px 0px 2px; }

.like_h3 {
  /*color: #6f9d78;*/
  color: #5B9167; 
  font-size: 11px; 
  font-weight: bold; }
  
#content .events { 
  color: #0769c2; 
  font-size: 11px; 
}

  
#content p.event {
  font-size: 10px; 
  font-weight: normal; 
  padding: 0px 0px 8px 2px; 
}

#content p.news { 
  font-size: 11px; 
  font-weight: normal; 
  padding: 0px 0px 0px 2px; 
}

#content h3.news {
  /*color: #6f9d78;*/
  color: #5B9167; 
  font-size: 11px; 
  margin: 0; 
  padding: 0px 0px 0px 2px; }

#content p.newsPhotoCaption {
  /*color: #6f9d78;*/
  color: #5B9167; 
  font-size: 11px; 
  font-weight: bold;
  margin: 0; 
  padding: 3px 0px 0px 2px; }
  
#content .calendar { 
  color: #0769c2; 
  font-size: 16px; 
  font-family: "Times New Roman", Times, Georgia, serif; 
  padding-right: 36px; 
}


#content .floatImgLeft{
	float: left;
	padding: 3px 16px 10px 0px;
}


#content .floatImgRight{
	float: right;
	padding: 3px 0px 10px 16px;
}

#content .photoCaption {
  font-size: 11px;
  font-style: italic;
  padding: 2px 0px 0px 1px;
}

#content ul, #content ol, #content li { 
 /* color: #777; */
  font-size: 12px;
  padding: 0px 0px 0px 0px; 
  margin: 0px 10px 0px 16px; 
  font-weight: normal;
}



#coc_info {
  font-size: 11px;
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px; 
  font-weight: normal;
}

#coc_info table tr td {
  font-size: 11px;
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px; 
  font-weight: normal;
}

#quickform_table {
  font-size: 11px; 
  font-weight: normal;
}

#quickform_table table tr td {
  font-size: 11px;
  font-weight: normal;
}


/*********** #eventList ********************/
#eventList {
  padding: 0px 0px 0px 0px }

#eventList h2 {
  color: #5B9167; 
  font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
  font-size: 15px; 
  margin:  0px 0px 2px 0px; 
  padding: 0px 0px 0px 0px; }
  
#eventList h3 {
  color: #5B9167; 
  font-size: 11px; 
  margin: 0; 
  padding: 0px 0px 0px 0px; }
  
#eventList p.dateHeader { 
  color: #0769c2; 
  font-size: 11px; 
  font-weight: bold;
}

/************ #event neseted in eventList *******/
#event {
  padding: 0px 0px 16px 0px; }
  
div.event{
  padding: 0px 0px 16px 0px; }



/*********** .jumpMenu styles ***********/

#submenu{
	margin: 0px;
	padding: 0px 0px 8px 0px;
}

#submenu h3{
	padding: 8px 0px 1px 0px;
	font-size: 80%;
}

/* Uses form and select classes below

/*********** .jumpMenu styles ***********/

.jumpMenu{
	margin: 0px;
	padding: 0px 0px 8px 0px;
	font-size: 90%;
}

.jumpMenu h3{
	padding: 8px 0px 1px 0px;
}

.jumpMenu a:link,
.jumpMenu a:visited {
}

form.jump { 
  color: #222; 
  font-size: 9px; 
  font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
  padding: 1px 0px 2px 0px; 
}

form.jumpHome { 
  color: #222; 
  font-size: 9px; 
  font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
  padding: 1px 0px 2px 6px; 
}

select.jump { 
  color: #555; 
  font-size: 11px; 
  font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
  font-weight: 600; 
  background-color: #f1f1f1; 
  padding: 0; 
}



/************* #siteInfo styles ***************/



#social-media-icons {
	float:right;
	margin: 10px 0;
	padding: 0;
}
#social-media-icons img {
}

#siteInfo{
	/* border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; */
	float: left;
	font-size: 11px;
	padding: 0px 10px 4px 0;
	text-align: left;
	width: 500px;
}



#siteInfo a{
	padding: 0 2px;
}


#siteInfo #address{
  clear:both;
	padding: 8px 2px;
}

#siteInfo #copyright {
	padding: 2px;
}




/***********************************************/
/* Old Style span Handlers                     */
/***********************************************/
.sectiontitle { 
  /*color: #6f9d78;*/
  color: #5B9167; 
  font-size: 13px; 
  margin: 8px 0px 0px 0px; 
  padding: 8px 0px 0px 0px; 
  font-weight: bold;
}

.sectiontitle2 { 
  /*color: #6f9d78;*/
  color: #5B9167; 
  font-size: 13px; 
  margin: 8px 0px 0px 0px; 
  padding: 8px 0px 0px 0px; 
  font-weight: bold;
}

.sectionhead { 
  /*color: #6f9d78;*/
  color: #5B9167;  
  font-size: 13px; 
  margin: 8px 0px 0px 0px; 
  padding: 8px 0px 0px 0px; 
  font-weight: bold;
}




.text_red {
  color: #FF0000;
}

.indent {
  margin-left: 20px;
  margin-right: 10px;
 }

.indentFirst {
  margin-left: 20px;
 }


/* //////////////////////////// */
/* News and event toggle styles */
/* //////////////////////////// */
#content #toggleLabel {
  font-size: 140%;
  font-weight: bold;
  margin-bottom: 2px;
  padding: 0;
}
#content #toggleList {
  padding: 0 0 10px 0;
  margin: 0;
}

#content #toggleList div.checkbox-container {
  display: inline-block;
  margin-right: 16px;
  text-align: center;
}

#content #toggleList div.checkbox-container span {
  font-size: 110%;
  font-weight: bold;
  text-transform: uppercase;
}


div.news-item {
  clear: both;
  margin-bottom: 8px;
}

div.news-item img {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}

div.month-divider {
  clear: both;
  margin-bottom: 8px;
  padding-top: 8px;
}





/*new layout div ids*/
#outer-container {
}
#container {
  width:996px;
  margin-left: auto;
  margin-right: auto;
}
#left-column{
  float: left;
  width:219px;
}