body {
 background:white; 
 font-family:"Open Sans", arial, sans serif; 
 font-size:100%; 
 margin:0; 
 padding:0; 
}

div, p, h1, h2, h3, ul, img { 
 margin:0; 
 padding:0; 
}

#header {
 margin-bottom:0;
 text-align:center;
}

h1 {
 color:#776960; 
 font-size:120%; 
 font-weight:normal; 
 letter-spacing:4px; 
 margin-bottom:1em;
 padding-top:0.5em; 
}

h2 {
 color:#996611; 
 font-size:200%; 
 font-weight:normal; 
 padding:0 1em 1em 1em; 
}

h3 {
 font-size:200%; 
 font-weight:thin; 
 letter-spacing:2px; 
 margin-bottom:0.5em; 
}


.nav { 
 display:block; 
 text-align:center; 
}

.nav ul { 
 list-style-type:none; 
}

.nav ul li {
 display:inline-block; 
}

.nav ul li span {
 text-align:center; 
}

.nav ul li span a { 
 border:1px solid white; 
 border-radius:3px 3px 0 0; 
 color:#455; 
 display:inline-block; 
 font-size:120%; 
 line-height:2em; 
 margin:0; 
 min-width:7.5em; 
 text-decoration:none; 
}

.nav ul li span a:hover,
.nav ul li span a:focus {
 background-color:#FF8000; 
 border:1px solid #FF8000; 
 color:white;
}
 
.selected_page {
 background-color:#FF8000 ! important; 
 border:1px solid #FF8000 ! important; 
 color:white ! important;
}

#content {
 border-top:1px solid #a0a0a0; 
 margin:0 auto; 
 max-width:1024px; 
 padding-bottom:1em; 
 padding-top:1em;
 width:90%; 
}

#content ul {
 margin-left:2em;
}

#image-container {
 background-color:black; 
 border-radius:3px; 
 margin-bottom:2em; 
 min-height:400px; 
 text-align:center;
}

#image-loop {
 border:1px solid gray; 
 border-radius:5px; 
 font-size:80%; 
 margin:1em 0 1em 0; 
 padding:0;
 width:480px; 
}

.image-thumb {
 border:1px solid gray; 
 border-radius:3px; 
 color:white; 
 cursor:pointer;
 cursor:hand;
 font-size:80%; 
 height:120px; 
 margin:1em; 
 width:160px;
}

.gallery-hall {
 color:white; 
 font-size:100%;
 padding-top:1em;
}

#text-container {
 color:#776960;
 text-align:left;
}

.content {
 margin-bottom:2em;
}

.content p {
 margin:1em 0 1em 0;
}

.content a {
 color:#666; 
 padding-bottom:0;
}

.content a:link {
 color:#246;
}

.content a:visited {
 color:blue;
}

.content a:hover {
 color:blue; 
 text-decoration:underline; 
}

#resources {
 background-color:#c8c8c8; 
 display:block; 
 float:none; 
 text-align:center; 
 padding:1em 0 1em 0;
}

#resources div {
 Xborder:1px solid silver; 
 display:inline-block; 
 margin-bottom:1em; 
 max-width:33%; 
 min-width:18em; 
 vertical-align:middle; 
}

#resources div a {
 color:#567;
 font-size:80%;
}

#footer {
 background-color:#898989; 
 bottom:0; 
 color:#e7e7e7; 
 display:block; 
 font-size:80%; 
 padding:1em 0 1em 0; 
 position:relative; 
 text-align:center; 
}

@media screen and (max-width: 640px) {
 #resources div {
  width:100%; 
 }
}

@media screen and (max-width: 620px) {
 #image-loop {
  transition:width 1s; 
  width:98%;
 }
}

@media screen and (max-width: 480px) {
 h2 {
  font-size:150%; 
  transition:font-size 1s; 
 }
}

@-ms-viewport{
 width: device-width;
}