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: #6e8953;
}

#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-position: bottom center;
  background-repeat: no-repeat;
  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: 860px;
 /* height: 200px; */
 margin: 0 auto;
}

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

#logoPhotoContainer div.dTopPhoto {
 float: right;
 width: 640px;
 height: 200px;
 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: 150px;
 background-color: #336600;
 background-image: url('img/logo_pages.gif');
 background-repeat: no-repeat;
 background-position: center center;
}

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



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

/* Menu container */
#menu {
 clear: both;
 width: 860px;
 height: 30px;
 background-color: transparent;
 background: url('img/blank.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: transparent;
  margin: 0 auto;
  font-family: tahoma, verdana, geneva, sans-serif;
  font-size: 11px;
  color: #333;
 }

/* 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: left;
  width: 219px;
  min-height: 480px;
  padding: 0px;
  background-color: transparent;
  border-right: 1px dotted #d2e9bb;
}

#colwrapper div.dFeatured TABLE {width: 95%; border: 0px;}
#colwrapper div.dFeatured TH {border-bottom: 1px solid #bde297; text-align: left;}
#colwrapper div.dFeatured TD {font-size: 11px; padding: 3px; vertical-align: top;}
#colwrapper div.dFeatured ul {margin-left:0 !important;}
#colwrapper div.dFeatured a {font-size: 11px; 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: right;
  width: 640px;
  min-height: 480px;
  padding: 0px;
  background-color: transparent;
}

/* 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: #d2e9bb; 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: 50px;
 line-height: 50px;
 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: bold;
  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 #e1e1e1;
		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;}

#verform {visibility:hidden; display:none;}