/* site css */

body {
  background-color: #363531;
}

#body {
  background-color: #eee;
}

#content {
  padding: 10px;
}

#content img {
  margin-left: auto;
  margin-right: auto;
}

#header {
  background-color: #777;
  background-image: url(images/header.png);
  height: 84px;
  margin-bottom: 0;
}

#header #login {
  position: relative;
  margin-right: 20px;
  float: right;
  font-size: .8em;
}

#logo {
  background-image: url(images/logo.png);
  width: 160px;
  height: 60px;
  padding:10px;
  background-position: 25px 13px;
  background-repeat: no-repeat;
}

#nav {
  background-image: url(images/nav.png);
  height: 21px;
  padding-top: 3px;
}

#subnav {
  background-image: url(images/dropdown.png);
  height: 22px;
  padding-top: 3px;
  margin-left: 20px;
  background-repeat: no-repeat;
}

#pagenav {
  background-image: url(images/pagelinks.png);
  width: 300px;
  padding: 10px;
  margin-right: 20px;
  float: right;
  background-repeat: no-repeat;
}

.script {
  margin-left: 3%;
  margin-right: 3%;
}

.icons {
  margin-left: 5%;
  margin-right: 5%;
}

#footer {
  padding-top: 10px;
  font-size: .7em;
  clear: both;
}

/* Inset 3D Raised */
.raised {background: transparent; width: 90%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#000; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background: #fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised .b3 {background: #fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised .b4 {background: #fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised .b4b {background: #eee; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised .b3b {background: #eee; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised .b2b {background: #eee; border-left:1px solid #fff; border-right:1px solid #fff;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#fff;}
.raised .boxcontent {display:block;  background:#eee; border-left:1px solid #fff; border-right:1px solid #fff;}

/* Standards */

p {
  color: #000;
  font-size: .9em;
}

h1 {
  color: #000;
}

h2 {
  font-size: 1em;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
}

a {
  color: black;
  text-decoration: none;
  font-size: .9em;
}

#nav a {
  margin-left: 20px;
  margin-right: 10px;
  padding: 10px;
  text-align: center;
}

#subnav a {
  margin-left: 8px;
  margin-right: 8px;
  padding: 10px;
  text-align: center;
}