/* 
Copyright 2005 Kokiri. All Rights Reserved. 
Author: Mat Wiseman 
------------------------------------------------------
General Elements
Page Structure
Typography
Links
Navigation
Footer
Forms
------------------------------------------------------ */
/* GENERAL ELEMENTS */
html { 
padding: 0;
margin: 0;
}
body {
font: normal 11px/21px Verdana, Helvetica, Arial, "Trebuchet MS", sans-serif;
color: #000;
background: #916F1A url(images/pattern.gif) top left repeat-x;
text-align: center;
margin: 0;
padding: 0;
}
/* PAGE STRUCTURE */
#wrap {
width: 790px; 
margin: 0 auto;
padding: 10px 0 0 0;
background: #fff;
}
#content {
width: 770px;
margin: 0 auto;
padding: 0;
text-align: left;
background: #916F1A url(images/copybg.gif) no-repeat top right;
}
#copy {
width: 500px;
padding: 0;
margin: 0;
float: left;
background: #EEE8AA;
}
#right {
width: 270px;
padding: 0;
margin: 0;
float: right;
color: #FFFFCC;
}
#header {
background: url(images/stretchbg.gif) top left repeat-x;
margin: 0;
padding: 0;
height: 64px;
}
.locate {
width: 260px;
margin: 0;
padding: 5px;
background: url(images/dots.gif) no-repeat bottom left;
}
/* TYPOGRAPHY */
p {
margin: 0; 
padding: 8px 15px; 
}
h1 {
margin: 0;
padding: 23px 0 0 70px; 
color: #FFFFCC;
letter-spacing: 1px;
font: normal 34px/40px "Times New Roman", Times, Georgia, serif;
float: left;
background: url(images/h1bg.gif) top left no-repeat;
}
h1 a {
text-decoration: none;
color: #FFFFCC;
}
h1 a:hover {
color: #fff;
}
h2 {
margin: 0;
padding: 40px 0 0 5px; 
text-transform: uppercase;
color: #936900;
font: bold 12px/14px Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
float: left;
}
h3 {
margin: 0;
padding: 8px 15px; 
text-transform: uppercase;
color: #FFFFCC;
font: bold 12px/12px Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
background: #916F1A;
}
/* LINKS */
.display {
padding: 5px;
margin: 0;
background: #845E00;
}
.thumb {
margin: 0;
padding: 0;
border: 1px solid #CC3300;
}
a {
color: #fff;
text-decoration: underline;
}
a:hover, a:active {
text-decoration: none
}
a img {
border: none;
}
span {
display: none;
}
/* NAVIGATION */
#navlist  {
font: normal 10px/33px Arial, sans-serif;
float: right;
margin: 20px 0 0 0;
padding: 0;
background: url(images/navli.gif) no-repeat top left;
}
#navlist ul {
list-style: none;
margin: 0;
padding: 0;
}
#navlist li {
display: inline;
}
#navlist a {
float: left;
padding: 11px 12px 0px 12px;
text-transform: uppercase;
text-decoration: none;
color: #FFFFCC;
background: url(images/navli.gif) no-repeat top right;
}
#navlist a:hover, #navlist li.current a {
color: #fff;
}
#navlist a:active {
color: #fff;
}
/* FOOTER */
#footer {
clear: both;
width: 770px;
font: normal 9px/18px Verdana, Helvetica, Arial, "Trebuchet MS", sans-serif;
color: #444;
background: #fff;
padding: 0;
}
#footer a {
font-size: 9px;
text-decoration: underline;
color: #000;
}
#footer a:hover {
text-decoration: none
}
/* FORMS */
dl {
margin: 0;
padding: 5px 10px; 
}
dd {
margin: 0;
padding: 5px 20px; 
background: url(images/arrow.gif) top left no-repeat;
}
#copy form {
width: 280px;
margin: 0 15px 0 0;
background: #EEE685 url(images/formbg.gif);
float: left;
}
label { 
width: 100%; 
display: block; 
font: normal 11px/18px Verdana, Helvetica, Arial, sans-serif;
}
input {
border-style: double;
border-color: #BDB76B;
border-width: 3px;
background: #FAFAD2;
}
.inp {
width: 240px;
}
textarea { 
border-style: double;
border-color: #BDB76B;
border-width: 3px;
background: #FAFAD2;
}
.submit {
border: 1px solid #BDB76B;
background: #BB9944;
color: #fff;
text-transform: uppercase;
font: bold 11px/18px Georgia, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}