@import "reset.css";
@import "base.css";

html {
  background:#000;
}

body {
  font-family:Helvetica, sans-serif;
  font-size:small;
  line-height:1.6em;
  color:#000;
  background:#000;
}

a {
  color:#900;
}

hr {
  height:1px;
  color:#333;
  border:none;
  background:#333;
}

#wrap {
  width:950px;
  margin:0 auto;
  padding-bottom:50px;
  font-size:105%;
}

a#logo {
  display:block;
  width:235px;
  height:62px;
  background:url(../images/logo.gif) left top no-repeat;
}

#nav {
  height:40px;
  background:url(../images/wood-block.jpg) left top repeat-x;
  overflow:hidden;
  font-size:110%;
}

#nav ul,
#nav li {
  padding:0;
  margin:0;
  list-style:none;
  height:40px;
  line-height:40px;
}

#nav li {
  padding:0;
  margin:0;
  float:left;
}

#nav a:link, #nav a:visited {
  padding:0 2em;
  float:left;
  display:block;
  color:#4E2E11;
  text-decoration:none;
  font-weight:bold;
}

#nav a:hover, #nav a:active {
  color:#FFF;
  background:#DD9749;
}

/* -- where am I? -- */
body.welcome #nav a.welcome,
body.menus #nav a.menus,
body.directions #nav a.directions {
  color:#FFF;
  background:#C9792A;
}

#content {
  background:#F6CB92;
  padding:20px;
}

#main {
  float:left;
  width:650px;
}

#sidebar {
  float:right;
  width:220px;
  font-size:95%;
}

#footer {
  height:40px;
  background:url(../images/wood-block.jpg) left top repeat-x;
}

iframe {
  border:10px solid #DD9749;
  }
  
a.menu {
  padding:2px 0 2px 20px;
  background:url(../images/document.gif) left center no-repeat;
}

.clear {
  clear:both;
}