/* Fonts */
html{
	font-size: 100%;	
}

body{
	font: 0.625em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
	/* Needed for IE 6 - could be controlled via site-specific script instead */
	height: 100%;
}

input, select, textarea{
	font-size: 100%;
}

h1{
	font: 3em/1em Arial, Helvetica, sans-serif;
}

h2{
	font: 1.5em/1.3em Arial, Helvetica, sans-serif;	
}

h3{
	font: bold 1.2em/1em Arial, Helvetica, sans-serif;	
}

/* Tag-specific */
html, body, form, fieldset, li, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, input{
	margin: 0;
	padding: 0;
}

dl, p, ul, ol{
	margin: 0 0 1em;
	padding: 0;
}

a{
	color: #3a5483;
}

dt{
	font-weight: bold;
}

body{	
	background: #06213f;
}

form label{
	cursor: pointer;
}

img{
	border: none;
}

input{
	vertical-align: middle;
}

/* General */
#container{
	background: #D8D8D8;
	overflow: hidden;
	width: 780px;
	margin: 2em auto 0;
	padding: 2em 1em 4em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 1px 1px 10px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
}
#footer {
	padding: 20px 0;
	margin-left: 27em;
	margin-right: 27em;
	line-height:10px;
	background: #0B3B0B; 
	letter-spacing:.1em;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

.navigation_controls {
	position: relative;
	text-align: center;
	background: #fff;
	padding: 5px;
	z-index: 1001;
}

/* Picture slides */
.picture_slides_disableds {
	color: #eee;
}

.picture_slides_containers {
	margin-bottom: 2em;
}

.picture_slides_dimmed_backgrounds .navigation_controls {
	-moz-border-radius : 0 0 5px 5px;
	-webkit-border-top-left-radius : 0;
	-webkit-border-top-right-radius : 0;
	-webkit-border-bottom-left-radius : 5px;
	-webkit-border-bottom-right-radius : 5px;
}

.picture_slides_dimmed_backgrounds .picture_slides_image_text {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius : 5px;
	-webkit-border-top-right-radius : 5px;
	-webkit-border-bottom-left-radius : 0;
	-webkit-border-bottom-right-radius : 0;
}

.picture_slides_fade_containers {
	position: relative;
	overflow: hidden;
	z-index: 1002;
}

.picture_slides_fade_containers a {
	display: block;
	height: 450px;
	text-align: center;
	margin-bottom: 10px;
}

.picture_slides_fade_containers a img {
	-moz-box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
}

.picture_slides_image_load_fails {
	display: none;
}

.picture_slides_image_text {
	position: relative;
	background: #fff;
	text-align: center;
	padding: 5px 0 10px;
	font-size:16px;
	
	z-index: 1001;
}

.picture_slides_previous_image, 
.picture_slides_next_image, 
.picture_slides_start_slideshow, 
.picture_slides_stop_slideshow {
	display: none;
}

.picture_slides_previous_image, 
.picture_slides_next_image, 
.picture_slides_start_slideshow, 
.picture_slides_stop_slideshow {
	cursor: pointer;
	font-size:14px;
}

.picture_slides_thumbnails {
	list-style: none;
	margin-top: 1em;
	overflow: hidden;
}

.picture_slides_thumbnails li {
	float: left;
	width: 120px;
	margin: 0 10px 5px 0;
}

.picture_slides_thumbnails li img {
	width: 120px;
}

.picture_slides_thumbnails a {
	outline:none;
}

.picture_slides_thumbnails li .picture_slides_selected_thumbnails img {
	width: 116px;
	padding: 0px;
	background: #ea9d80;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.picture_slides_dim_overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	/*height:inherit;*/
	background: #000;
	opacity: 0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	z-index: 1000;
	display: none;
}