body {
    background: #222; 
    font-family: "Mate SC", "Times", "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #454545;
    margin: 0px;
    height: 100%;
}
img {
  border-style: none;
}

a:link { color: #3f6c96; text-decoration: none; }
a:visited { color: #5d7ca1; text-decoration: none; }
a:hover { text-decoration: underline; }

/* general attributes */
.shadow {
  -moz-box-shadow: 0px 0px 6px #333;
  -webkit-box-shadow: 0px 0px 6px #333;
  box-shadow: 0px 0px 6px #333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=225, Color='#333333')";
}
.indent {
  padding-left: 20px;
}


#container {
  position: relative;
  background: #1b1718;
  margin: 25px auto;
  width:968px;
  -moz-box-shadow: 0px 0px 20px #000;
  -webkit-box-shadow: 0px 0px 20px #000;
  box-shadow: 0px 0px 20px #000;
  overflow: hidden;
}

#header {
    background: #1b1718 url(images/Header.jpg) no-repeat 0 0;
    height: 229px;
    width: 100%;
}

#content-wrapper {
    background: #1b1718 url(images/LeftColumn.jpg) no-repeat 0 0;
    min-height:700px;
}


#nav {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 800px;
    height: 70px;
    font-family: 'Mate SC', 'Garamond', 'Times', serif;
    font-size: 0.70em;
    text-transform: uppercase;
}

#nav ul {
    list-style: none;
    padding-left: 0px;
    margin: 0px 0px 5px 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
#nav ul li {
    white-space: nowrap;
    padding: 0px 5px;
    list-style-type: none;
    display: inline;
}
#nav ul li a { color: white; }
#nav ul li a:hover { text-decoration: none; color: #ff0015;}
#nav ul li a.selected { color: #ff0015; font-weight: bold; }
#title {
    font-size: 240%;
    font-weight: bold;
    background-color: #eea55c;
    padding-left: 20px;
    line-height: 80px;
    text-transform: uppercase;
}
#content {
    position: relative;
    left: 177px;
    margin: 0px 0px 10px 0px;
    background: #ddd url(images/soft_wallpaper.png);
    width: 750px;
    min-height: 700px;
    height: 100%;
    padding: 20px;
    padding-bottom: 50px;
}

#quotes {
  width: 600px;
  overflow: hidden;
  margin: 0 auto;
  font-family: "Mate SC";
}

#quotes .quote {
  font-style: italic;
}
ul {
  list-style: none;
  margin: 0 auto;
}
#connections {
  width: 396px;
  overflow: hidden;
  margin: 0 auto;
}
#social_network img {
  padding: 0;
  width: 26px;
  height: 26px;
}
#connections .container > li {
  padding: 20px;
  float: left;
}
#email {
  position: relative;
  width: 200px;
}

#email form input {
  font-family: 'museo-sans-1','museo-sans-2', 'HelveticaNeue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; 
  font-size: 12px; 
  line-height: normal; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

#email form input[type="text"] {
  width: 100%; 
  margin: 0; 
  padding: 4px 45px 4px 6px; 
  border: 1px solid #6f9bb5; 
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; 
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; 
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; 
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px;
}
#connections p {
  position: relative;
  margin: 2px 0;
  padding: 0;
}
#email form input[type="submit"] {margin: 0; padding: 4px 8px; display: block; position: absolute; right: 0; top: 0; bottom: 0; background: #dde7ef; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ECF3F6), to(#b1cad9)); background: -moz-linear-gradient(0% 100% 90deg, #b1cad9, #ECF3F6); border: 1px solid #6f9bb5; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; color: #6f9bb5; text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0; -webkit-appearance: none; -moz-appearance: none; -webkit-transition: color 0.1s linear;}
#email form input[type="submit"]:hover {cursor: pointer; color: #000;}
#email form input[type="submit"]:active {background: #dde7ef; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b1cad9), to(#ECF3F6)); background: -moz-linear-gradient(0% 100% 90deg, #ECF3F6, #b1cad9);}



#pictures a { text-decoration: none; }
#pictures .picture-owner {
    font-size: 10px;
    font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #252525;
}
#pictures .picture-date {
    font-size: 10px;
    font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #252525;
}
#pictures td { padding-bottom: 10px; }

#mission {
  overflow: hidden;
}
#mission_statement_title {
  text-align: center;
  //color: #6c4e4d;
  font-size: 1.4em;
  height: 20px;
  font-style:normal;
  font-weight:600;
  font-family: 'Mate SC', 'Garamond', 'Times', serif;
  text-transform: uppercase;
}
#mission_statement { 
  text-align: justify;
  //color: #6c4e4d; 
  padding-bottom: 20px;
  width: 330px;
  float: left;
  font-size: 1.0em;
}
#mission_statement hr { height: .03em; visibility: hidden; }
#mission_statement_img { 
  position: relative;
  top: 15px;
  float: right; 
  margin: 5px 0px 5px 10px; 
  width: 400px;
}
#mission_statement p#first:first-letter { font-size: 2em; }
#mission_statement p#first:first-line { line-height: 1em; }
#home_message {
  position: relative;
  top: 12px;
  text-align: center;
  font-size: 1.0em;
}
#contact { padding-right: 30px; }
#contact dt {float:left; width: 150px;}
#pager { margin-top: 10px; font-size: 0.8em;}
#pager > .next-prev { float: right; padding-right: 30px; }
.author { text-transform: capitalize; }

#press h2 {
	padding: 0 0 2px 0;
	margin: 0 0 4px 0;
	font-size: 1.2em;
  line-height: 1.5em;
	color: #57614f;
	font-weight: normal;
	border-bottom: 1px dashed #999; 
}

#press .date {
	color: #88927f;
	padding: 0 0 2px 2px;
	margin: 0 0 4px 0;
	font: 11px/1.5em helvetica, arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px dashed #999;
}

.splink {
	font-weight: bold;
	font-size: .6em;
	padding: 4px;
	text-transform: uppercase;
}

.chapters {
  width: 400px;
  overflow: hidden;
}
.chapters > h1 {
  padding: 0;
  margin-top: 0;
  margin-bottom: 10px;
}
.chapters .columns {
  position: relative;
  left: -60px;
}
.chapters  .columns > li {
  float: left;
  width: 180px;
}
.chapters .columns > li > ul {
}

.map {
  width: 360px;
  height: 270px;
}

/* Position all chapter cells in absolute coordinates */
#map_one {
  position: absolute;
  top: 20px;
  left: 22px;
}
#map_two {
  position: absolute;
  top: 20px;
  left: 410px;
}
#ch_northamerica {
  position: absolute;
  left: 22px;
  top: 310px;
}
#ch_europe {
  position: absolute;
  left: 410px;
  top: 310px;
}