/* 
  ________________________________________________________
 /                                                        \
 |    DESIGN: http://ca.geocities.com/rbscycle            |
 |    AUTHOR: Ronnie Williams                             |
 |      DATE: 2005.07.06                                  |
 | COPYRIGHT: free use if this notice is kept in place    | 
 \________________________________________________________/

*/



/* Main "BODY" layout */
body {
/* backgrounds */
	background-color: #ffffaa; /* yellow */
	background-image: url("images/rbs.gif")
	background-repeat: no-repeat;
	background-attachment: fixed;
/*	background-position: center; */


/* margins */
	margin: 1cm;
	padding: 1cm;
	font-family: sans-serif;
	font-size: 100%;

/* headings (backgrounds) */
/*	h1 {backgroung-color: #00ff00} */ /* green */
/*	h2 {background-color: transparent; font-style: italic} */
/*	h3 {background-color: #dda0dd} font-style: italic} */ /* purple */
/*	h4 {background-color: #ff0000} */ /* red */
/*	h5 {background-color: #dda0dd} */ /* purple */
/*	h6 {background-color: #000000} */ /* black */

/*	p {background-color: rgb(250,0,255)} */

}



/* headings */
h1 {color: #00ff00} /* green */
h2 {color: #dda0dd; font-style: italic} /* purple */
h3 {color: #ff0000} /* red */
h4 {color: #ff00cc} 
h5 {background-color: #00ff00; color: #000000} /* background green, foregroung black */
h6 {color: #000000} /* black */




/* p {color: rgb (0,0,255)} */ /* blue */


/* paragraph alignment  */
p.right {text-align: right}
p.left {text-align: left}
p.center {text-align: center}
/* refer to in html file as:
<p class="right">
This paragraph will be right-aligned. </p>
*/




/*
* In the following example: All HTML elements with class="center" 
* will be center-aligned:
*/
.center {text-align: center} 




/*
* In the code below both the h1 element and the p element have class="center". This 
* means that both elements will follow the rules in the ".center" selector:
*/
/* <h1 class="center">
*  This heading will be center-aligned.
*  </h1>
*  <p class="center">
*  This paragraph will also be center-aligned.
*  </p>  
*/


/* SLIDESHOW STYLE BEGIN */
<style>
* {box-sizing: border-box;}

//body {font-family: Verdana, sans-serif;}
//.mySlides {display: none;}
//img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
</style>

/* SLIDESHOW STYLE END */