html, body {
  margin: 0;
  padding: 0;
  font-family: Arial, Sans-serif;
  font-size: 14px;
  height: 100%;
  background-color: #ddd;
}

#main {
  width:900px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin:0 auto -4em auto;
  background-color: #fff;
  -webkit-box-shadow: 3px 4px 15px 36px #aaa;
  -moz-box-shadow: 3px 4px 15px 36px #aaa;
  box-shadow: 3px 4px 40px 5px #aaa;
}

.container { margin: 0 1em; position: relative; }
.push { height: 12em; padding-bottom: 2em; }
.first { margin-top: 0 !important; }
p { margin: 0 0 1em 0; }
a img { border: 0; }
h2 { margin-bottom: 0.3em; }
h3 { margin-bottom: 0.3em; }
ul { margin: 0.2em 0 1em 0; }
ul ul { margin: 0; }
.h1-home { color:#042e6f; font-size:18px; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;}
.clear { clear: both; }



/* Header */
#header {
  background: #3868ac url("/images/header-background.png") scroll repeat-x top left;
  height: 215px;
  position: relative;
}

#logo {
  position: absolute;
  top: 10px;
  left: 0;
}

#header-picture {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  width: 100%;
  height: 85px;
  background-color: #2a4f84;
  position: absolute;
  left: 0;
  bottom: 0;
}

#authenticated { float:right; margin-top:10px; color:#fff; }
#login { font-size:14px; color:#637ea5; }
#current-page { color:#8AACDF; font-size:45px; font-family:'Times New Roman', Times, serif; position:relative; top:-30px; }

/* Navigation */
#menu {
  background-color: #527fbf;
  height: 33px;
  z-index: 3;
  position: relative;
}
#menu2 {
  background-color: #b9a664;
  height: 33px;
  z-index: 2;
  position: relative;
}

#nav {
  list-style: none;
  margin: 0 0 0 -10px;
  padding: 0;
}

#nav li {
  display: inline;
  margin: 0;
  padding: 0;
}

#nav li a {
  line-height: 33px;
  padding: 0 10px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  height: 33px;
  display: block;
  float: left;
}

#nav li.selected a {
  background: transparent url("/images/menu-selected.png") scroll no-repeat top center;
}


/* Breadcrumbs */
#breadcrumbs {
  margin: -1em 0 1em 0;
  color: #888;
  height: 13px;
  line-height: 13px;
  font-size: 11px;
}

#breadcrumbs a {
  color: #888;
  margin-right: 5px;
  padding-right: 10px;
  background: transparent url("/images/breadcrumb-divider.png") scroll no-repeat center right;
  line-height: 13px;
  font-size: 11px;
  display: block;
  float: left;
}


/* Content */
#content {
  margin: 1em 0;
  z-index: 1;
  position: relative;
}


/* Footer */
#footer-container {
  width:900px;
  height: 4em;
  margin:0 auto;
  overflow: hidden;
}

#footer {
  border-top: 5px solid #527fbf;
  background: #274d82 url("/images/footer-background.png") scroll repeat-x top left;
  padding: 1em 0;
  color: #fff;
}

#footer a {
  color: #fff;
}

#footer-nav {
  float: left;
  margin-bottom: 1em;
}

#footer-webmaster {
  float: right;
  margin-bottom: 1em;
}

#footer-content {
  border-top: 3px solid #527fbf;
  padding-top: 1em;
  clear: both;
}

#footer-contact {
  float: left;
  width: 700px;
}

#footer-powered-by {
  text-align: center;
  float: right;
}

/* Photos */

img.right {
  float: right;
  margin: 0 0 1em 1em;
}


/* Home page */
.home-container {
  background:url(images/watermark.png) 270px 35px no-repeat; min-height:335px;
}
.home-section {
  float: left;
}
#home-map {
  width: 210px;
  text-align: center;
  margin-right: 20px;
  border-right: 2px solid #ccc;
  padding-right: 20px;
}
#home-content {
  width: 708px;
}

#purpose-quote {
  padding-left:12px; color:#5c86c6; font-weight:bold; font-style:italic; line-height:25px; width:650px;
}
#purpose-quote img {
  position:relative; top:-2px;
}


/* FAQ */
h2.question {
  font-family: Georgia, Serif;
  color: #555;
  font-style: italic;
  font-weight: normal;
  font-size: 17px;
  margin-top: 2em;
}

/* Documents */
#count { font-style:italic; margin:10px 0 15px; }

/* About */
.photo { margin:0 15px 20px 0; }

/* Contact */
table.contact td { padding:10px; vertical-align:top; }
table.contact-form td {	padding:0; }
.contact-form-div { border-left:1px solid silver; padding-left:20px; }

/* Any page with custom admin content */
#content .container p { margin:0; }