@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);


body {
	margin:  0px;
	padding: 0px;
	background-color: #3c3c3c;
	text-align: center;
}

div#menu-bar {
	position:         fixed;
	z-index:          15;
	top:              0em;
	width:            100%;
	font-family:      "PT Sans", Arial, "Trebuchet MS", Verdana, sans-serif;
	border-bottom:    1px solid black;
	margin:           0px;
	padding:          0.25em 0em;
	background-color: #cacaca;
	white-space:      nowrap;
	text-align:       center;
	
/*	See <http://www.w3.org/TR/css3-images/#linear-gradients> */
	
	background:       linear-gradient(to bottom, rgb(202, 211, 202), rgb(234, 243, 234), rgb(128, 128, 128));
	background:       -webkit-gradient(linear, left top, left bottom, color-stop(0, #cad3ca), color-stop(0.5, #eaf3ea), color-stop(1.0, #808880));	/* See <http://webkit.org/blog/175/introducing-css-gradients/> */
	background:       -moz-linear-gradient(top, #cad3ca, #eaf3ea 50%, #808880);	/* See <https://developer.mozilla.org/en/Using_gradients#Color_stops> */ 

/*	See <http://www.w3.org/TR/css3-background/#box-shadow> */
	
	box-shadow:        0px 16px 13px #2c2c2c;
}

div#menu-bar-content {
	width: 96%;
	margin-left:  auto;
	margin-right: auto;
}

div#menu-bar-content option {
	text-align: right;
}

#BackButton {
	float: left;
	margin-left: 0;
}

#SlideShowToggleButton {
	float: right;
	margin-right: 0;
}

#MiddleText {
	margin: 0 1em;
}

input[type="button"] {
	margin: auto 1ex;
	font-weight: bold;
	font-family: "PT Sans", "Trebuchet MS", Arial, Verdana, sans-serif;
	background-color: transparent;
	height: 3em;
}

input[type="button"].medium {
	width: 13ex;
}

input[type="button"].large {
	width: 20ex;
}

form {
	font-size: 80%;
}

form * {
	vertical-align: middle;
}

#content {
	margin: 5em auto 0;
	padding: 0;
	text-align: center;
	display: table;
}

#content img#GalleryImage {	
	position: absolute;
	box-shadow: 10px 10px 5px #2c2c2c;
	display: none;
}

#content img#PlaceholderImage {
	z-index: 10;
}

#content img#PlaceholderImage.CanGrow:hover {
	cursor: url(SlideShowMagnifierPlus.png), auto;
}

#content img#PlaceholderImage.CanShrink:hover {
	cursor: url(SlideShowMagnifierMinus.png), auto;
}

#caption {
	display: none;
	position: fixed;
	z-index: 5;
	width: 100%;
	margin: 0;
	bottom: 0;
	padding: 0;
}

#caption-content {
	height: 6em;
	width: 90ex;
	padding: 0;
	overflow: hidden;
	border: 1px solid black;
	background-color: #f0f0f0;
	margin: 500% auto 2em;
	box-shadow: 13px 13px 6px #2c2c2c;
}

#GalleryFiles {
	border-collapse: collapse;
	border: 1px solid gray;
	margin: 2em auto;
	font-family: "PT Sans", "Trebuchet MS", sans-serif;
}

#GalleryFiles td, #GalleryFiles th {
	border: 1px solid gray;
	color: white;
	font-size: xx-small;
}

#ArchiveMe {
	display: none;
	speak: none;
}