html	{
	height: 100%;
	margin: 0px auto;
	padding:0;
	vertical-align:top;
}

body	{
	background-color: #339966;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	text-align:center;
}
.main-header { display:block; width:100%; height: 135px; margin: 0 auto; }
.main_middle { display:block; width:100%; min-height:75%; text-align:center; margin: 0 auto; border: 2px solid #FFFFFF; border-radius: 8px; }
.main_footer {  }
.main-header-left { width:80%; height: 150px;  text-align:center; vertical-align:middle; padding-top:20px; margin:0px auto; }
.main-header-right { width:20%; height: 150px;  text-align:center; vertical-align:middle; padding-top:20px; margin:0px auto; }

.copyright { color:darkgray; }
.white { color:#FFFFFF; }
.white-line { color:#FFFFFF; width:95%; margin:0px auto; }
.fs15p { font-size:15px; font-weight:100; }
.fs20p { font-size:20px; font-weight:200; }
.fs30p { font-size:30px; font-weight:300; }
.ma10p { margin: 5px 10px 5px 10px; }
.fr { float: right; }
.fl { float: left; }



span.polaroid { margin:0px auto; padding:2px; }
img.polaroid { margin:0px auto; border:2px solid white; margin: 5px; vertical-align: middle; border-radius: 5px;}

 nav select {
  display: none;
}

nav ul  {
    margin: 0; 
    padding: 5px 5px 0 5px;
    text-align: center;
  }

  nav li {
    list-style: none;
    display: inline-block;
    margin: 0; 
    padding: 0;
  }

  nav a, 
  nav span {
    display: block;
    width: 8em;
    margin: 0.6em 0 0 0;
    padding: 0.4em;
    text-decoration: none;
	font-size:11px;
    font-weight: bold;
    border: 2px solid white;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 4px 8px white inset;
    color: white; 
    background-color: darkgreen;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
  }

  nav a:focus,
  nav a:hover, 
  nav span {
     color: black; 
     background-color: lightgreen;
  }

  nav a:focus,
  nav a:hover{
    margin-top: 0;
    padding: 1em 0.4em 0.4em;
  } 
  
@media (max-width: 960px) {

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
  display:none;
  text-align:center;
  padding: 15px;
}
.lt-ie10 select {
    background-image: none;
	text-align:center;
}

  nav ul     { display: none; }
  nav select { 
	display: inline-block; 
	width:90%; 
	margin: 0; 
    padding: 5px 5px 0 5px;
    text-align: center;
	height: 30px; 
	font-size:15px; 
	font-weight:bold;
	text-align:center;
	
	color:black;
	background-color: lightgreen;
	
	border-top-left-radius: 8px; 
	border-top-right-radius: 8px;
	
	-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   
	background-image:url(../_images/icons/down_arrow_select.jpg);
	background-position: right;
	background-repeat: no-repeat;
	}
	
	video {
		width:95%;
		height: auto;
	}
	
	.just_married {
		width:70px;
		height: auto;
	}
	
	select option { 
		color:black;
		background-color: lightgreen;
		text-align:center;
	}
}