body { color: white; 
       background-color: #333; 
       padding: 0px; margin: 3px }
td   { font-family: Lucida Grande, sans-serif; }
p    { font-family: Lucida Grande, sans-serif; }
a    { font-family: Lucida Grande, sans-serif; }
div  { font-family: Lucida Grande, sans-serif; }
img  { border: 0px; }

a { font-weight: bold; color: #aaa; }
a:hover   {color: #999; }
a:visited {color: white; }

.hoverbright {
  opacity: .85;
  -moz-opacity: 0.85;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
}


.hoverbright:hover {
  opacity: 1.0;
  -moz-opacity: 1.0;
}

.hoverbright img[id="navImage"] {
	opacity: 0;
  -moz-opacity: 0;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;

}

.hoverbright:hover img[id="navImage"] {
  opacity: 1.0;
  -moz-opacity: 1.0;
}



#prevpic img {
	vertical-align: middle;
}
#nextpic img {
 	vertical-align: middle;
}

/* Previous and next images */
#navImage{
	box-shadow: 2px 2px 10px #111;
	-moz-box-shadow: 2px 2px 10px #111;
	-webkit-box-shadow: 2px 2px 10px #111;
	border: 1px;
/*	height: 90px;  */
	vertical-align: middle;


}


#thumbnails { 
        display: none;
	position: absolute;
	top: 5px;
  	left: 5px;
	right: 5px;

	padding: 15px;
	background-color: #333;
	border: solid 3px #666; 

	box-shadow: 2px 2px 10px #111;
	-moz-box-shadow: 2px 2px 10px #111;
	-webkit-box-shadow: 2px 2px 10px #111;
}

#thumbnails img {
	box-shadow: 2px 2px 10px #111;
	-moz-box-shadow: 2px 2px 10px #111;
	-webkit-box-shadow: 2px 2px 10px #111;
}



#divTitle {
	background-color: black;
	text-align: center;
	margin-bottom: 15px;
	padding: 5px;
	}

#divTitle img {
	vertical-align: middle; 
	margin-right: 10px;
}


#gallerypic {
	padding: 20px;
	text-align: center;
}

#gallerypicimg {
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	background-color: #fff;
	padding: 8px;
	border: solid 1px #777;
	box-shadow: 2px 2px 10px #111;
	-moz-box-shadow: 2px 2px 10px #111;
	-webkit-box-shadow: 2px 2px 10px #111;
}


#header {
//	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 3px;

	position: absolute;
	/* Using percentage will change arrow height as different height
	   pictures are loaded. */
	top: 200px; 
	left: 0px;
	right: 0px;

//	border: solid 1px #333;
//	background-color: black;
	padding: 5px;

	z-index: 10; /* show on top */
}

/*
#header table {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
}
#header table:hover{
	opacity: 1.0;
	-moz-opacity: 1.0;
}
*/


#footer {
	background-color: #222;
	text-align: center;
	margin-top: 25px;
	font-size: 80%;
	color: #999;
}

#footer a { color: #999; }
#footer a:hover { color: #999; }
#footer a:visited { color: #999; }