/* General page structure elements */

body {
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
}
  A:link {
	font-size : 13px;
	font-family : Arial, sans-serif;
   font-weight : bold;
   color: #CCCCCC;
	text-decoration : none;
}
 A:visited {
	font-size : 13px;
	font-family : Arial, sans-serif;
   color: #A0A0A0;
   font-weight : bold;
	text-decoration : none;
}
 A:hover {
	font-size : 13px;
	font-family : Arial, sans-serif;
	color : white;
   font-weight : bold;
	text-decoration : none;
}
 IMG {
	border: none;
}
.lgTxt {
	text-align: center;
	font-size: larger;
	font-weight: bolder;
}
.smTxt {
	text-align: center;
	font-size: smaller;
}
.ctrTxt {
	text-align: center;
}
 .imL{
	float: left;
	padding-bottom: 6px;
	padding-right: 24px;
	padding-top: 6px;
	z-index: 0;
}
.thumbL{position: relative; z-index: 0;}
.thumbL:hover{background-color: transparent; z-index: 50;}
.thumbL span{position: absolute; background-color: lightyellow; padding: 0px; left: -1000px; border: 1px solid black; visibility: hidden; color: black; text-decoration: none;}
.thumbL span img{border-width: 0; padding: 2px;}
.thumbL:hover span{visibility: visible; top: 0px; left: 24px;}


.menuBar {
   width: 100%;
	height: 36px;
	margin:0 auto;
	text-align: center;
	background-image: url(bg-menubar.png);
	background-repeat: repeat-x;
	vertical-align: top;
	position: fixed;
	z-index: 100;
}
.content {
	margin:0 auto;
	width: 760px;
}
.pageTitle {
	color: white;
   width: 760px;
	margin:0 auto;
   padding:0px;
	background: url(bg-pageTitle.png);
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 8px;
	font-weight: bold;
	font-size: larger;
	vertical-align: top;
}
.pageMain {
	background-image: url(bg-pageCtr.png);
	color: white;
	padding-bottom: 6px;
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 6px;
	text-align: justify;
	vertical-align: top;
}
.pageBtm {
	color: white;
   width: 760px;
	margin:0 auto;
   padding:0px;
	background: url(bg-pageBtm.png);
	background-repeat: repeat-x;
	text-align: center;
	font-size: smaller;
	padding-top: 8px;
	vertical-align: top;
}





/* Specific page elements */

  /* Home page */
  
.bdHome {
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	background-color : white;
	background-image : url(bg-home.jpg);
	background-attachment: fixed;
}


  /* Activities page */
  
.bdActivities {
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	background-color : white;
	background-image : url(activities/bg-activities.jpg);
	background-attachment: fixed;
}


  /* History page */
  
.bdHistory {
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	background-color : white;
	background-image : url(history/bg-history.jpg);
	background-attachment: fixed;
}
.histTxt {
	color: #fff8dc;
	text-align: center;
	padding-bottom: 4px;
	padding-top: 4px;
	font-weight: bolder;
}


  /* Current Info page */
  
.bdInfo {
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	background-color : white;
	background-image : url(info/bg-autumn.jpg);
	background-attachment: fixed;
}
.infoTbl {
	margin: 0 auto;
   width: 100%;
	text-align: center;
}
.infoCel {
	width:33%;
	padding-top: 18px;
	padding-bottom: 18px;
}


  /* Local Links page */
  
.bdLinks {
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	background-color : white;
	background-image : url(links/bg-links.jpg);
	background-attachment: fixed;
}

  /* Contact Rick page */
  
.bdContact {
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	background-color : white;
	background-image : url(contact/bg-contact.jpg);
	background-attachment: fixed;
}
.contTbl {
	margin: 0 auto;
   width: 100%;
	text-align: center;
	line-height: 200%;
}

  /* About Rick page */
  
.bdAbout {
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	background-color : white;
	background-image : url(about/bg-about.jpg);
	background-attachment: fixed;
}
.lnkAbout {
	font-size: larger;
	font-weight: bolder;
	color: red;
}

/* Slide show elements */

.css-slideshow{
  position: relative;
  max-width: 400px;
  height: 300px;
  float: left;
  padding-bottom: 6px;
  padding-right: 8px;
  padding-top: 6px;
}
.css-slideshowTxt {
  width: 280px;
  float: right;
}
.css-slideshow figure{
  margin: 0;
  max-width: 400px;
  height: 300px;
  background: #000000;
  position: absolute;
}
.css-slideshow img{
  border-bottom-color: black;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.css-slideshow figcaption{
  position: absolute;
  top: 0;
  color: #fff;
  background: rgba(0,0,0, .3);
  font-size: .8em;
  padding: 8px 12px;
  opacity: 0;
  transition: opacity .5s;
}
.css-slideshow:hover figure figcaption{
  transition: opacity .5s;
  opacity: 1;
}
.css-slideshow-attr{
  max-width: 400px;
  text-align: right;
  font-size: .7em;
  font-style: italic;
  margin:0 auto;
}
.css-slideshow-attr a{
  color: #666;
}
.css-slideshow figure{
  opacity:0;
}
figure:nth-child(1) {
  animation: xfade 50s 40s infinite;
}
figure:nth-child(2) {
  animation: xfade 50s 30s infinite;
}
figure:nth-child(3) {
  animation: xfade 50s 20s infinite;
}
figure:nth-child(4) {
  animation: xfade 50s 10s infinite;
}
figure:nth-child(5) {
  animation: xfade 50s 0s infinite;
}

@keyframes xfade{
  0%{
    opacity: 1;
  }
  10.5% {
    opacity: 1;
  }
  20%{
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}