/*------------------*\
|* global interface *|
\*------------------*/
body {
  margin: 0px;
  padding: 0px;
  color: #33332e;
  background: #f4f4f4;
  font: normal 12px verdana, tahoma, geneva, sans-serif;
  text-align: center;
  line-height: 140%;
}
img {
  border: 0px;
}

#accessibility {
  position: absolute;
  left: -9000px;
  width: 9000px;
}

/* forms */
form {
  margin: 0px;
}
input, textarea {
  font: normal 13px tahoma, geneva, verdana, sans-serif;
}
input.text, input.password, textarea {
  padding: 1px 0px 1px 2px;
  border: 1px solid #57594b;
}

/* links */
a {
  color: #212126;
}
a:visited {
  color: #8e8d9a;
}
a:hover {
  color: #5c5b66;
  text-decoration: none;
}

/* headings */
h1 {
  font-size: 20px;
  margin-top: 25px;
  color: #d98c00;
}
h2 {
  font-size: 16px;
  color: #d98c00;
  margin: 0px;
}
h3 {
  font-size: 13px;
  color: #d98c00;
}
h4 {
  font-size: 12px;
}
h5 {
  font-weight: normal;
  font-size: 11px;
}
/* use this with text in headings you wish to make small */
.hsmall {
  font-weight: normal;
  font-size: 9px;
}

#wrapper {
  margin: 0px auto;
  width: 760px;
  text-align: left;
}
#halfblock {
  position: relative;
  width: 48%;
  padding: 2px;
}

.floatleft {
float: left;
}
.floatright {
float: right;
}
.floatcenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------*\
|* header *|
\*--------*/
#logo {
  width: 250px;
  height: 110px;
  background: transparent url(/images/d4dr_logo.jpg) top left no-repeat;
  text-indent: -9999px;
}
#logo h1, #logo a {
  margin: 0px;
  width: 100%;
  height: 100%;
}
#logo a {
  text-decoration: none;
  display: block;
}

#headerimage {
  width: 350px;
  height: 110px;
  background: transparent url(/images/header_exit.jpg) top right no-repeat;
  position: relative;
  float: right;
}

#headerimageclimb {
  width: 290px;
  height: 110px;
  background: transparent url(/images/header_hanging.jpg) top right no-repeat;
  position: relative;
  float: right;
}

#headerimagebase {
  width: 300px;
  height: 110px;
  background: transparent url(/images/header_base.jpg) top right no-repeat;
  position: relative;
  float: right;
}

/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #header {
  height: 1%;
}
/* end non ie/mac css */


/*------------*\
|* navigation *|
\*------------*/
.navbar {
  margin: 5px 10px 0px 0px;
  float: right;
}
ul.primarynav {
  margin-left: 0px;
  float: left;
  list-style: none;
}
ul.primarynav li {
  float: left;
  list-style: none;
}
ul.primarynav a {
  margin-right: 1px;
  padding: 7px 9px 7px 10px;
  float: left;
  color: #33332e;
  font-size: 11px;
}
ul.primarynav a:visited {
  color: #33332e;
}
ul.primarynav a:hover {
  color: #33332e;
  text-decoration: none;
}



/*---------*\
|* content *|
\*---------*/

#contentwrapper {
  width: 100%;
  margin-top: 5px;
  float: left;
  position: relative;
}
#content {
  margin: 0px 10px;
  padding: 10px;
  background: #f4f4f4;
}

#subcontent {
  margin: 0px 10px;
  padding: 0px 10px 0px 10px;
  background: #ffffff;
  font: normal 11px verdana, tahoma, geneva, sans-serif;
}

/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #content, #subcontent {
  height: 1%;
}
/* end non ie/mac css */


/*--------*\
|* footer *|
\*--------*/
#footer {
  margin-top: 30px;
  padding: 2px;
  border-top: 1px dotted #8a8d77;
  background: #f4f4f4;
}
#footer p {
  margin: 0px;
  padding: 10px 0px;
  color: #8a8d77;
  font-size: 9px;
}


/*-----------------------------*\
|* shadows and rounded corners *|
\*-----------------------------*/
.shadowtop, .shadowbottom {
  height: 20px;
  font-size: 1px;
  display: inline-block;
/* ie/mac fix \*/
  display: block;
/* end fix */
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: 20px;
  height: 20px;
  font-size: 1px;
}

.shadowtop {
  background: url(/images/shadow-top.gif) bottom repeat-x;
}
.shadowbottom {
  background: url(/images/shadow-bottom.gif) top left repeat-x;
}
.shadowleft {
  background: url(/images/shadow-left.gif) left repeat-y;
}
.shadowright {
  background: url(/images/shadow-right.gif) right repeat-y;
}
.shadowtopleft {
  float: left;
  background: url(/images/shadow-topleft.gif) bottom left no-repeat;
}
.shadowbottomleft {
  float: left;
  background: url(/images/shadow-bottomleft.gif) top left no-repeat;
}
.shadowtopright {
  float: right;
  background: url(/images/shadow-topright.gif) bottom right no-repeat;
}
.shadowbottomright {
  float: right;
  background: url(/images/shadow-bottomright.gif) top right no-repeat;
}


/* sub headings */
#content h3 {
  margin: 10px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  border-bottom: 1px dotted #8a8d77;
}
#content h3.noseparator {
  border-bottom: none;
}

/* lists */
#content ul {
  margin: 10px 0px 0px 20px;
  padding: 0px;
  font-size: 12px;
  list-style: none;
}
#content ul.categories {
  margin: 0px;
}

.hide {
  display: none;
}

.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */

.thumb {border: 1px solid #D8D8D8;
         margin: 5px;
		 padding: 2px;
}