html, body {
  height: 100%;
}
 
body {
  margin: 10px 0 0 0;
  padding: 0;
  text-align: center;
  color: #333;
  background-image: url('img/bg_site.gif');
  background-repeat: repeat-x;
  background-color: #7da13e;
}

#wrapper {
  width: 900px;
  min-height: 100%;
  height: 100%;
  height:auto !important;
  display: table;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  background-image: url('img/bg_content.jpg');
  background-repeat: repeat-y;
  background-color: white;
  /* border: 1px solid #000; */
}

/* Header styles */
#header {
 clear: both;
 width: 900px;
 height: 30px;
 background-color: transparent;
 color: #fff;
 background: url('img/bg_top.gif'); 
 background-repeat: no-repeat;
}

/* Header - Subclasses Left column styles */
#header div.dHLeft {float: left; width: 25%; height: 30px; background-color: transparent; line-height: 30px;text-indent: 10px;}
#header div.dHLeft img {position: relative; top: 4px;}

/* Header - Subclasses Right column headers style */
#header div.dHRight {float: right; width: 75%; height: 30px; background-color: transparent; text-align: right; line-height: 30px;}
#header div.dHRight img {position: relative; top: 4px; right: 10px;}


/* Logo and top photo */
#logoPhotoContainer {
 clear: both;
 width: 900px;
 height: 200px;
 margin: 0 auto;
 background-image: url('img/top_img.jpg');
 background-position: top left;
}

/* Subclasses Main page */
#logoPhotoContainer div.dLogo {
 float: left;
 width: 220px;
 height: 120px;
 background-color: #fff;
 background-image: url('img/logo.gif');
 background-repeat: no-repeat;
 background-position: center center;
}

#logoPhotoContainer div.dTopPhoto {
 float: right;
 width: 640px;
 height: 120px;
 background-color: transparent;
 background-repeat: no-repeat;
 background-image: url('img/top_img.jpg');
 background-position: top left;
}


/* Subclasses All other pages */
#logoPhotoContainer div.dLogoPages {
 float: left;
 width: 220px;
 height: 120px;
 background-color: #fff;
 background-image: url('img/logo.gif');
 background-repeat: no-repeat;
 background-position: center center;
}

#logoPhotoContainer div.dTopPhotoPages {
 float: right;
 width: 640px;
 height: 120px;
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: top left;
}



/* Inner spacer */
.innerSpacer {
 clear: both;
 width: 860px;
 height: 10px;
 background-color: transparent;
 margin: 0 auto;
}

/* Menu container */
#menu {
 clear: both;
 width: 900px;
 height: 27px;
 background-color: transparent;
 background: url('img/bg_menu.gif');
 margin: 0 auto;
}

#MenuSpacer {
 clear: both;
 width: 860px;
 height: 8px;
 background-color: transparent;
 background: url('img/bg_menuspacer.gif');
 background-repeat: repeat-x;
 margin: 0 auto;
}

/* Wrapper subclass for for position row */
#wrapper div.dPosition {
  clear: both;
  width: 860px;
  height: 30px;
  line-height: 30px;
  background-color: #efefef;
  margin: 0 auto;
  font-family: tahoma, verdana, geneva, sans-serif;
  font-size: 11px;
  color: #333;
  padding-left: 5px;
 }

/* columns left and right */
#colwrapper {
 clear: both;
 width: 860px;
 height: 100%;
 height:auto !important;
 display: table;
 margin: 0 auto;
}

/* Subclasses styles for Featured (i.e. News, Featured, Quotes, Newsletter */
#colwrapper div.dFeatured {
  float: right;
  width: 220px;
  min-height: 480px;
  padding: 0px;
  background-color: transparent;
  /* border-left: 1px dashed #598137; */
}

#colwrapper div.dFeatured TABLE {width: 95%; border: 0; margin-left: 10px; margin-right: 10px;}
#colwrapper div.dFeatured TH {border-bottom: 1px solid #598137; text-align: left; color: #fff;}
#colwrapper div.dFeatured TD {font-size: 10px; padding: 3px; vertical-align: top;}
#colwrapper div.dFeatured ul {margin-left:0 !important;}
#colwrapper div.dFeatured a {font-size: 10px; text-decoration: none; color: #000; border-bottom: none;}
#colwrapper div.dFeatured a:hover {color: #ff9900; text-decoration: underline;}

#colwrapper div.dFeatured a.subMenu {
  font-size: 11px;
  text-decoration: none;
  color: #000;
  border-bottom: none !important;
  }

#colwrapper div.dFeatured a.subMenu:hover {
  color: #ff9900;
  text-decoration: underline;
  }

/* th backgrounds for featured (first page) */
#colwrapper div.dFeatured TH.thNews {background-image: url('img/th_news.gif'); background-repeat: no-repeat; border-bottom: none; font-size: 12px; text-align: left; text-indent: 25px;}
#colwrapper div.dFeatured TH.thShortCuts {background-image: url('img/th_shortcuts.gif'); background-repeat: no-repeat; border-bottom: none; font-size: 12px; text-align: left; text-indent: 25px;}
#colwrapper div.dFeatured TH.thQuotes {background-image: url('img/th_quotes.gif'); background-repeat: no-repeat; border-bottom: none; font-size: 12px; text-align: left; text-indent: 25px;}
#colwrapper div.dFeatured TH.thNewsLetter {background-image: url('img/th_newsletter.gif'); background-repeat: no-repeat; border-bottom: none;font-size: 12px; text-align: left; text-indent: 25px;}


 /* Subclasses styles for right column content area */
#colwrapper div.dContent {
  float: left;
  width: 639px;
  min-height: 480px;
  padding: 0px;
  background-color: transparent;
  border-right: 1px dashed #598137;
}

/* Container style for the Content area (i.e. where all the info goes), used by all templates but display.asp */
#colwrapper div.dContent TABLE {border: 0px;}
#colwrapper div.dContent TH {font-size: 13px; color: #fff; background-color: #c4e28f; text-align: center;}

/* Container for display.asp - One column, full width */
#colwrapper div.dContentFull {
 clear: both;
 width: 860px;
 min-height: 480px;
 padding: 0px;
 margin: 0 auto;
}


/* footer */
#footer {
 clear: both;
 width: 900px;
 height: 61px;
 background-color: transparent;
 color: #fff;
 margin: 0 auto;
 background: url('img/bg_bottom.gif'); 
 background-repeat: no-repeat;
}

#footer TD {font-size: 11px; color: #fff;}
#footer a {text-decoration: none; color: #fff; border-bottom: none;}
#footer a:hover {color: #ff9900; text-decoration: underline;}


/* bottom spacer */
#footerSpacer {
 clear: both;
 width: 900px;
 background-color: transparent;
 height: 10px;
 line-height: 10px;
 margin: 0 auto;
}


/* Special fonts and links - for loggedin admin */
.editlink {
  font-family: verdana, geneva, sans-serif;
  font-size: 10px;
  color: #ff9900;
  font-weight: bold;
  border-bottom: none;
  }

.statuslink {
  font-family: verdana, geneva, sans-serif;
  font-size: 9px;
  color: #ff9900;
  border-bottom: none;
  }

.openedlink {
  font-family: tahoma, verdana, geneva, sans-serif;
  font-size: 11px;
  color: #ff9900;
  text-decoration: none;
  font-weight: normal;
  border-bottom: none;
  }


/* EXPANDING menu styling - inactive */
/*
#mnux ul {
	margin-left:0 !important;
	margin-top:1px !important;
	width:162px !important;
	w\idth:154px !important;
	}

#mnux ul ul {
	width:154px !important;
	w\idth:146px !important;
	background-color: #fff !important;
	}
#mnux ul ul ul {
	width:146px !important;
	w\idth:138px !important;
	background-color: #fff !important;
	}

#mnux a {
	cursor:pointer !important;
	}
*/

/* ----------  ALBUM STYLE - 1. containers ---------- */
#photoContainer {
        float: left;
		padding-top: 10px;
		width: 520px;
		margin-right: 10px;
		}

#thumbnails {
		width: 100%;
		padding-top: 10px;
		}

/* ---------- ALBUM STYLE - 2. images ---------- */
#photoContainer img {
		border: 10px solid #336600;
		margin-bottom: 20px;
		}
		
#thumbnails img {
		margin: 0 -3px; ma\rgin: 0;
		padding: 2px;
		border: 0;
		}

/* Special style for ShowWaitMsg() - js function */
.waitMsg {visibility: hidden; color: red;}

/* -------------- AJAX TICKER -------------------*/
#ajaxticker1{
min-height: 100px;
padding: 0;
background-color: #fff;
}

 /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
#ajaxticker1 div{
background-color: #fff;
}

.ticker {
font-family: verdana, arial, helvectica, sans-serif;
font-size: 10px;
line-height: 14px;
}