html, body {
  height: 90%;
}
 
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: #1a1553;
  /* background: #c7eff7 url('img/bg_test.jpg') repeat-x left bottom; */
}

/* Top line - all sites */
#allSites {
 clear: both;
 margin: 0 auto;
 width: 990px;
 height: 30px;
 background-color: transparent;
 line-height: 30px;
 color: #fff;
 /* background: url('img/bg_top.gif'); 
 background-repeat: no-repeat;
 */
}

#allSites a {color: #fff; font-weight: bold; font-family: arial, helvetica, sans-serif !important; font-size: 10px; text-transform: uppercase;}

#wrapper {
  width: 990px;
  min-height: 100%;
  height: 90%;
  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-left: 1px solid #000; */
}

/* Header styles */
#header {
 clear: both;
 width: 950px;
 margin: 0 auto;
 height: 30px;
 background-color: transparent;
 color: #fff;
 background: url('img/bg_top.gif');
 background-repeat: no-repeat;
 text-align: left;
}

/* Logo and top photo */
#logoPhotoContainer {
 clear: both;
 margin: 0 auto;
 width: 950px;
 /* height: 200px; */
}

/* 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: 730px;
 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; */
 margin: 0 auto;
 width: 946px;
 height: 180px;
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: top left;
}



/* Inner spacer */
.innerSpacer {
 clear: both;
 width: 950px;
 height: 10px;
 background-color: transparent;
 margin: 0 auto;
}

/* Menu container */
#menu {
 clear: both;
 width: 946px;
 height: 70px;
 background-color: transparent;
 background: url('img/bg_menu.gif');
 background-repeat: repeat-x;
 margin: 0 auto;
}

#TopLine {
 clear: both;
 width: 990px;
 height: 22px;
 background-color: transparent;
 background: url('img/bg_topline.jpg');
 background-repeat: repeat-x;
 margin: 0 auto;
}

/* Wrapper subclass for for position row */
#wrapper div.dPosition {
  clear: both;
  width: 950px;
  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: 950px;
 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: 220px;
  min-height: 480px;
  padding: 0px;
  background-color: transparent;
  /* border-right: 1px dashed #336699 */;
}

#colwrapper div.dFeaturedStart {
float: left;
width: 220px;
min-height: 480px;
padding: 0px;
background-color: transparent;
}

#colwrapper div.dFeatured TABLE {width: 98%; border: 0px;}
#colwrapper div.dFeatured TH {text-align: left; color: #fff; text-transform: uppercase;}
#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-repeat: no-repeat; border-bottom: none; color: #0f599a; font-size: 12px; text-align: left;} */
#colwrapper div.dFeatured TH.thNews {background-image: url('img/th_news.gif'); background-repeat: no-repeat; border-bottom: none; font-size: 11px; 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: 11px; 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: 11px; 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: 11px; text-align: left; text-indent: 25px;}


 /* Subclasses styles for right column content area */
#colwrapper div.dContent {
  float: right;
  width: 700px;
  min-height: 480px;
  padding: 0px;
  background-color: transparent;
}

#colwrapper div.dContentStart {
  float: left;
  width: 510px;
  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: #6dbcda; text-align: center;}

/* Container for display.asp - One column, full width */
#colwrapper div.dContentFull {
 clear: both;
 width: 950px;
 min-height: 480px;
 padding: 0px;
 margin: 0 auto;
}


/* footer */
#footer {
 clear: both;
 width: 990px;
 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: 990px;
 background-color: transparent;
 height: 50px;
 line-height: 50px;
 margin: 0 auto;
 color: #fff;
}


/* Special fonts and links - for loggedin admin */
.editlink {
  font-family: tahoma, verdana, geneva, sans-serif;
  font-size: 10px;
  color: #ff9900;
  font-weight: bold;
  border-bottom: none;
  }

.statuslink {
  font-family: tahoma, 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 #3cb7ff;
		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;
}

