/*************************
  common
*************************/

* {
  padding: 0;
  margin: 0;
}

.nodisplay {
  display: none;
}

.display {
  display: block;
}

.left {
  float: left;
}

.right {
  float: right;
}

.center {
  text-align: center;
}

.blue{
  color: #445566;
}

.clear {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 1px;
}

.backtotop {
  position: relative;
  top: 1.5em;
  clear: both;
  text-align: right;
  margin: 0;
  padding: 0;
  font-size: .9em;
}

a.external {
	background: url("images/external-link.gif") no-repeat right center;
	padding-right: 20px;
}

body {
  background: #918760;
  font-family: "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
  font-size: 62.5%; 
}

a img {
  border: none;
}

p {
  margin: 1em 0 0 0;
}

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

img {
  padding: 1px;
  border: #000000 solid 1px; 
}

blockquote {
  padding: 1em;
  background: #dddddd;
}

h1 {
  padding: 0 0 .5em 0;
  color: #ffffff;
  font-size: 2.4em;
  font-variant: small-caps;
  letter-spacing: 1px;
}

h2 {
  margin: 2em 0 0 0;
  font-size: 1.5em;
  color: #445566;
}

h3 {
  margin: 2em 0 0 0;
  padding: .5em 0 0 0;
  border-top:#222244 dotted 1px;
  font-size: 1.1em;
  color: #445566;
}

h4 {
  margin: 2em 0 0 0;
  font-size: 1em;
  color: #445566;
}

/*************************
  layout
*************************/

/* page */

#page {
   background: #ffffff;
}

/* header */

#header {
  height: 9em;
  padding: 1.5em;
  background: #445566;
}

/* gnav */

#gnav {
  height: 25px;
  min-height: 25px;
  padding: 1em 1em;
  background: #222244;
  font-size: 1.4em;
}

#gnav .left {
  font-weight: bold;
}

#gnav ul {
  margin: 0;
  list-style: none;
}

#gnav li {
  float: left;
}

#gnav a {
  display: block;
  padding: .3em 1em .4em 1em;
  color: #ffffff;
  text-decoration: none;
}

#gnav a:hover {
  color: #dddddd;
}

#gnav a.active-link {
  background: #445566;
}

#gnav a.active-link:hover {
  color: #ffffff;
}

/* list-tools */

#list-tools {
  margin: 2.5em 1em 0 1em;
}

#list-tools ul {
  margin: 0;
  padding: 0;
  border-bottom: #000000 solid 5px;
  list-style: none;
}

#list-tools li {
  position: relative;
  float: left;
  margin: 0 .5em;
  border: #000000 solid 1px;
  border-bottom: none;
}

#list-tools a {
  display: block;
  padding: .3em 1em .4em 1em;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

#list-tools a:hover {
  background: #000000;
  color: #ffffff;
}

#list-tools a.close {
  position:absolute;
  right: 0;
  top: 0;
}

/* content */

#content {
  padding: 0 4em 4em 4em;
  font-size: 1.2em;
  line-height: 1.6em;
}

/* main */

#main {
  width: 65%;
  float: left;
  color: #333333;
  font-size: 1.1em;
  text-align: justify;
}

/* sidebar */

#sidebar {
  width: 30%;
  float: right;
  font-size: 1.1em;
}

#sidebar a:hover {
  color: #222244;
}

/* footer */

#footer {
  padding: 1em;
  background: #222244;
  color:white;
  text-align: center;
}

#footer p {
  margin: 0;
}


/* filter-container */

#filter-container {
  position: absolute;
  left: -1px;
  width: 42em;
  padding: 2em 1em 1em 1em;
  background: #ffffff;
  border: #000000 solid 1px;
  font-size: .9em;
}

/* filter-map-container */

#filter-map-container {
  position: absolute;
  left: -1px;
  width: 550px;
  padding: 3em 1em 1em 1em; 
  background: #ffffff url("images/progress.gif") no-repeat center center;
  border: #000000 solid 1px;
  font-size: .9em;
  text-align: center;
}

/* settings-container  */

#settings-container {
  position: absolute;
  top:100%;
  right: 0;
  background: #ffffff;
  border: #47556B solid 1px;
}