/* General Structure */

/* Colors  */

.backfoot {
  background: #CCAA88;
}

.backnav {
  background: #987654;
}

.backhead {
  background: #CCAA88;
}

.backmain {
  background: #564232;
}

html { 
  overflow: scroll;
}

/* Site Structure */

body { 
  font-family: Verdana, Helvetica, Arial, sans-serif; 
  font-size: 10pt; 
  color: #DAD0C7; 
  background: #000000;
}

#site {
  margin: 17px auto;
  width: 730px;
}

#main {
  margin: 0px auto;
  padding: 0px;
}

/* Navigation Area */

#navigation {
  margin: 0px;
  padding: 0px;
  width: 170px;
  float: left;
  height: 443px;
  border-right: 2px solid #DAD0C7;
}

#navtop {
  margin: 0px;
  padding: 17px 0px;
  text-align: center;
  color: #000000;
}

div#navigation ul {
  text-align: right; 
  list-style: none;
}

div#navtop p {
	color:#333333;
  line-height:1.2em;
  padding: 0 15px;
  text-align: left;
}

div#navtop a:link { color: #000000; }
div#navtop a:visited { color: #000000; }
div#navtop a:hover { color: #FFFFFF; }
div#navtop a:active { color: #000000; }

div#navigation li {
  padding: 0 0 7px 0;
}

a:link { color: #DAD0C7; }
a:visited { color: #DAD0C7; }
a:hover { color: #FFFFFF; }
a:active { color: #DAD0C7; }

a.nav-item {
  padding-right: 19px;
}

a.nav-item:hover {
  padding-right: 19px;
  background: transparent url(../images/tick-left.gif) top right no-repeat;
  color: #FFFFFF;
}

a.nav-on {
  padding-right: 19px;
  background: transparent url(../images/tick-left.gif) top right no-repeat;
  color: #FFFFFF; 
}

a.nav-on:hover {
  padding-right: 19px;
  background: transparent url(../images/tick-left.gif) top right no-repeat;
  color: #FFFFFF;
}

  
#navbottom {
}

/* Content Area */

#content {
  margin: 0;
  padding: 17px 0 17px 17px;
  width: 541px;
  float: right;
  height: 409px;
}

#scroll {
  height: 409px;
  margin: 0;
  overflow: auto;
}

#search {
  clear: both;
}

#inputarea {
  float: left;
  margin: 0px;
  padding: 0 17px 0 0;
  border-right: 1px dotted #DAD0C7;
  width: 279px;
}

#resultarea {
  float: left;
  margin: auto;
  padding: 0 0 0 17px;
}

div#inputarea .label {
  text-align: left;
  font-style: italic;
  width: 270px;
}

div#inputarea .first {
  margin: 0px;
  padding: 0px;
  width: 270px;
}

div#inputarea .input {
  margin: 17px 0 0 0;
  padding: 0px;
  width: 270px;
}

div#inputarea .button {
  margin: 17px 0 0 0;
  padding: 0px;
  width: 135px;
  text-align: center;
}


div#inputarea .radio {
  margin: 17px 0 0 0;
  padding: 0px;
  width: 270px;
}

/* Footer Area */

#footer {
  background: transparent url(../images/spider-bck.gif) 0 0 no-repeat; height: 93px; width: 730px;
  clear: both;
}

#leftfoot {
  float: left;
  width: 170px;
}

#rightfoot {
  float: right;
  padding-top: 17px;
  text-align: center;
  padding-right: 31px;
}

#copyright {
  clear: both;
  margin-top: 7px;
  height: 17px;
  text-align: center;
  font-size: smaller;
}

p { 
  line-height: 1.5em; 
  margin-bottom: 1.2em; 
}

img { 
  border: 0; 
}

h2 { 
  font-weight: bold;
  font-size: 130%; 
  text-transform: uppercase;
}

h3 { 
  font-weight: bold; 
  font-size: 115%; 
}