@charset "UTF-8";
@import url("navigation.css");

/* Marmarth Research Foundation */
/* Styles for general subpages */

/* LAYOUT */

#subheader {
  margin:-530px 65px 0 0;
  overflow:hidden;
  text-align:right;
}

#homeclickspace {
  position:absolute;
  float:right;
  right:100px;
  top:150px;
}

#trayContainer {
  border-top:1px solid black;
  margin-top:134px;
}

#leftTray {
  width:250px;
  position:static;
  z-index:0;
}

#rightTray {
  position:relative; /* must be to avoid overlay */
  width:530px;
  z-index:1;
}

#pageContent {
  padding:0 26px;
  position:static;
  width:478px;
}

/* IE5.2 hack \*/
#pageContent,
#pageContent {
  position:relative;
}
/* end hack */

h3 {
  font-size:1em;
  line-height:1.5em;
  margin-bottom:10px;
}

#rightTray p.description img.png { background:white; border:3px solid #222; padding:3px; }

/* LEFT TRAY ITEMS */

.caption {
  font-size:0.95em;
  line-height:1.1em;
  cursor:default;
  margin-top:0;
}

a.pdf16 {
  background: url(../images/pdf-16.png) no-repeat 3px 3px;
  padding-left: 22px !important;
}
a.pdf32 {
  background: url(../images/pdf-32.png) no-repeat 4px 4px;
  padding-left: 40px !important;
}
a.pdf48 {
  background: url(../images/pdf-48.png) no-repeat 6px 6px;
}

/* LISTS */

ul.list {
  margin:0;padding:0;
  list-style:none;
}

ul.list li {
  cursor:default;
  display:block;
  margin:0;
  padding:0 0 3px 0;
}

ul.list a {
  color:#000;
  cursor:pointer;
  display:block;
  font-weight:normal;
  text-decoration:none;
  padding:0;margin:0;
  width:248px;
}

ul.list a.i32 {
  padding-left: 42px;
  width: 208px;
}

ul.list a.i48 {
  padding-left: 58px;
  width: 190px;
}

ul.list a:hover {
  color:#fff;
  background-color:#0757a8;
}

.info ul.list img {
  display:inline;
  float:left;
  margin:6px 10px 0 6px;
}

ul.list span {
  display:block;
  margin:0;
  padding:0 0 6px 0;
}

.info ul.list p {
  padding-top:10px;
  margin-top:0;
}

.info dl {
  padding:0 15px;
  margin:0;
}

.info dl h2 {
  float:none;
  line-height:1.2em;
  font-size:1em;
  font-style:italic;
}

.info dl dt {
  float:left;
  padding:0;margin:0;
  width:8em;
}

.info dl dd {
  float:right;
  font-weight:bold;
  padding:0;margin:0;
  width:5.3em;
  text-align:right;
}


/* BOXES */

#leftTray h3 {
  margin:0;
  padding:12px 16px;
}

.box {
  border:1px solid #947554;
  color:#000;
  display:block;
  margin-bottom:8px;
  overflow:hidden;
  position:relative;
  width:248px;
}

.info {
  font-size:1em;
  line-height:1.4em;
  text-align:left;
}

.info p {
  margin:8px;
}

.info h3 {
  font-size:0.9em;
  text-align:right;
}

.tan h3 {
  color:#600;
  border-bottom:1px dotted #947554;
}

.tan p a {
  border-bottom:1px solid #947554;
}

.tan p a:hover {
  color:#000;
  background-color:#ebdab2;
  border-bottom:2px solid #947554;
}

.black {
  border-color:#222;
  color:white;
}

.black * a,
.black * a:visited {
  border:0;
  color:#fff !important;
  cursor:pointer;
}

.black * a:hover {
  color:#fff;
  text-decoration:underline;
}

.black p,
.black h3 {
  color:white;
}

.black h3 {
  border-bottom:1px dotted white;
}

.black p.note {
  font-weight:bold;
}

.black p.note a {
  border-bottom:1px solid #fff;
}

/* SPECIFIC ITEMS */
#pullquote {
  background:url("/images/quote_close.gif") bottom right no-repeat;
  text-align:left;
  width:248px;
}

#pullquote .quote {
  background:url("/images/quote_open.gif") top left no-repeat;
  display:block;
  margin:0 0 20px;
  min-height:50px;
  overflow:hidden;
  padding:10px 8px 0;
  text-align:center;
  width:225px;
}

#pullquote .quote p {
  color:#600;
  font:oblique bold 1.2em/1.4 "Times New Roman", Times, serif;
  letter-spacing:0.06em;
  margin:0 8px;
  padding:10px 0 35px 0;
  position:static;
  width:225px;
}

#pullquote .author {
  color:#000;
  display:block;
  font:normal normal/1.2 "Trebuchet MS", Helvetica, Arial, sans-serif;
  letter-spacing:normal;
  margin:-30px 10px 15px;
  text-align:right;
}

#map {
  background:url("/images/map.gif") no-repeat left;
  display:inline-block; /* So it works on IE5.2/Mac */
  height:32px;
  margin:8px;
  width:230px;
}

#map a:link, #map a:visited {
  border:1px solid #06c;
  color:#036;
  font-size:0.9em;
  height:30px;
  letter-spacing:0.08em;
  line-height:1.5em;
  padding-right:5px;
  position:absolute;
  text-align:right;
  text-decoration:none;
  text-indent:0.4em;
  text-transform:uppercase;
  width:225px;
}

#map a:hover {
  border-color:#5eaedd;
  color:#06c;
  text-decoration:underline;
}

#drawingCap {
  border-top:none;
  margin-bottom:2px;
  text-align:right;
}

#drawingCap p {
  margin:50px 15px 10px;
  width:220px;
}

/* a paragraph with a divider before it */
#drawingCap p.div {
  border-top:1px dotted white;
  margin: 10px 0px;
  padding: 10px 15px 0px;
}

#drawingCap a:link,
#drawingCap a:visited,
#drawingCap a:hover {
  background-color: transparent;
  border:none;
  color:#fff;
}

#drawingCap a.pdf16 {
  display: block;
  height: 22px;
  line-height: 22px;
}

#drawing {
  position:absolute;
  left:78px;
  top:10px;
  z-index:0;
}

 #drawing img {
  position:static;
  z-index:0;
}

.polaroid {
  background-color:#d5b489;
  margin-top:2px;
  text-align:left;
}

.polaroidPic {
  background-color:#333;
  border:1px solid #947554;
  height:222px;
  margin:8px;
  overflow:hidden;
  width:230px;
}

.polaroidInfoButton {
  height:24px;
  margin-left:8px;
  margin-top:-30px;
  width:24px;
}

.polaroid p {
  margin:8px;
}
.polaroid br { line-height:0; }

img.silouhette {
  border:0;
  margin:0 8px 0 0;
}

ul.noStyle {
  list-style:none;
  line-height:1.5em;
  padding-left:0;
  margin-left:20px;
}

.info .indent {
  padding-left:10px;
  padding-right:10px;
}

/* FIXES */

.clearfix:after {
    content: "."; 
    display: block;
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */