/* web.css  --  2006.07.02.LiamSand */

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 90%; 
	color: black;
	background-color: #ffc;
	margin: 1em;
	padding: 0px;
}

/*  SNOW Body  */
/*  Enabling the code makes it run on all pages that use this css page  */
/*  but it takes much CPU in FF  */
/*
body {
    background-color: #6b92b9;
    background-image: url('http://i.imgur.com/BiSmXaq.png'), url('http://i.imgur.com/XHuy0NJ.png'), url('http://i.imgur.com/okpRxJU.png');
    -webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
}
*/


p {
	line-height: 1.5em;
} 
h1 {
	color: white;  /*#ffc*/
	background-color: #6767cc;  /* This makes the colored banner */
	font-size: 2.5em; 
	margin: 0px;
	margin-bottom: 0.5em; 
	padding-top: 0.7em;  /* Text padding inside background */
	padding-bottom: 0px;
	font-style: italic; 
	text-align: center; 
	letter-spacing: 0.3em; 
	border-bottom-style: solid;  /* This makes the color change under the above colored banner */
	border-bottom-width: 0.5em; 
	border-bottom-color: #0000FF; 
} 
h2 {
	color: white; 
	background-color: #090; 
	font-size: 1.5em; 
	margin: 0; 
	padding: 0.1em; 
	padding-left: 1em; 
} 
h3 {
	color: #c00; 
	font-size: 1.4em;
	text-align: center; 
}
h5 {
	color: #999; 
	font-size: .8em;
	margin: 0px; 
	padding-top: 0.1em; 
	font-family: arial, helvetica, sans-serif; /*font-style: none;*/
	text-align: left;
} 
h6 {
	color: #999; 
	font-size: .75em;
	margin: 0px; 
	padding-top: 0.1em; 
	font-family: arial, helvetica, sans-serif; /*font-style: none;*/
	text-align: center;
}

hr {
   color: #999;
   margin-left: auto;
   margin-right: auto;
}

img {
   border-style: outset;
   border-width: 2px;
   border-color: #ccc;
   /*float: right;*/
   margin: 10px;
   max-width: 99%;
   height: auto;
} 

strong {
	font-style: italic;
	text-transform: uppercase;
} 

li {
	color: #900;
	font-style: italic;
} 

table {
   background-color: #ccc;
   border-color: #ccc;
   border-style: outset;
   border-width: 2px;
   padding: 5px;
   border: 1px;
   width: 712px auto;
   margin: auto;
}
td {
   text-align: left;
}

a {
	text-decoration: underline;
} 
a:link {
  color:blue;
  text-decoration:none;
  }
a:visited {
  color:purple;
  text-decoration:none;
  }
a:hover {
  color:red;
  text-decoration:underline;
  }

  
div {
   display: block;
	text-align: center;
}
.table {
   display: block;
	margin: auto;
}
.dow img {
   /*height: 108px // Looks bad stretched */
}

 /*  THESE  DIDN'T  WORK  */
 /*
div.dow img {
	clear: both;
   display: block;
	text-align: center;
}
*/

div.pictureArea img {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	float: right;
	text-align: center;
	display: block;
}
#w3cCSSimg {
	position: absolute;
	top: 20px;
	right: 10px;
	margin: 10px;
}

iframe, object, embed {
  max-width: 99%;
}


/*
.zoom {
  padding: 50px;
  background-color: green;
  transition: transform .2s;
  width: 800px;
  height: 800px;
  margin: 0 auto;
}
.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
/*  -webkit-transform: scale(1.5); /* Safari 3-8 */
/*  transform: scale(1.5); 
}
.zoom:hover {
    position: relative;
    top: -25px;
    left: -35px;
    width: 500px;
    height: auto;
    display: block;
    z-index: 999;
}
.zoom:hover {
    max-width: 32em;
    padding: 1em 1em 0.5em;
    border-radius: 0.75em;
    box-shadow: inset 0 0 1em rgba( 0, 0, 0, 0.3 ), 
            0.5em 0.5em 0.5em rgba( 0, 0, 0, 0.3 );
	transform: scale(1.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }
.zoom {
  padding: 50px;
  background-color: green;
  transition: transform .2s; /* Animation */
/*  width: 200px;
  height: 200px;
  margin: 0 auto;
}
.zoom:hover {
  transform: scale(1.5); } /* (150% zoom)*/




/*  BELOW IS SNOW  */
/*  Enabling the code makes it run on all pages that use this css page  */
/*  but it takes much CPU in FF  */
/*
@-webkit-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% { background-color: #b4cfe0 }
    100% {
     background-position: 500px 1000px, 400px 400px, 300px 300px;
        background-color: #6b92b9;
    }
}
@-moz-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% { background-color: #b4cfe0 }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        background-color: #6b92b9;
    }
}
@-ms-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% { background-color: #b4cfe0 }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        background-color: #6b92b9;
    }
}
@keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% { background-color: #b4cfe0 }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        background-color: #6b92b9;
    }
}
*/