/* Made by Jack Qiao @ www.pureweb.ca
(feel free to erase that)
*/

/* The Esentials
+++++++++++++++++++++++++++++++++++*/

* {
margin: 0;
padding: 0;
}

body {
background: #6B3D21 url("images/back.jpg") repeat-y;
color: #DCBDAB;
font: normal 100% georgia, times, serif;
}

.sm {
	font-size: 80%;
	color: #CBAC9A;
}

h1 {
font: normal 350%/30px georgia, times, serif;
color: #BB6D3D;
display: block;
width: 565px;
border: 1px solid #A16745;
border-width: 0 0 1px 0;
margin: 65px 0 2px 112px;
padding-bottom: 15px;
cursor: default;
}

h2 {
font: normal 150% 'ms serif', 'new york', serif;
color: #A16745;
margin: 10px 0 1.5em 280px;
}

h3 {
font: normal 120% 'ms serif', 'new york', serif;
color: #A16745;
width: 315px;
margin: 10px 0 .5em 280px;
}

img {
border: none;
}

#top {
width: 608px;
height: 39px;
position: absolute;
top: 0;
left: 94px;
background: #6B3D21 url("images/top.jpg") no-repeat;
}

a {
color: #fff;
}

a:visited {
text-decoration: underline;
}

a:hover {
color: #fc9;
}

/* Basic Structure
+++++++++++++++++++++++++++++++++++*/

p, dl, ul {
	font-size: 90%;
width: 315px;
margin: 0 0 0 292px;
padding-bottom: 1em;
}

dt {
	font-size: 120%;
	color: #fff;
	padding: 1em .5em .5em .5em;
}

table {
	font-size: 90%;
width: 315px;
margin: 0 0 0 292px;
padding-bottom: 1em;
border-collapse: collapse;
border: double #000;
text-align: center;
}


td {
	border: 1px solid #000;
	text-align: center;
	padding: .5em;
}


div.desc {
	margin: 2em 0 1.5em 0;
}
	
.quote {
background: #824E2F url("images/q1.gif") no-repeat;
background-position: 3% 10%;
font: normal 10px/18px georgia, times, serif;
color: #271104;
width: 350px;
margin: 20px 0 20px 292px;
}

.quote span {
display: block;
border: 1px solid #522B13;
border-width: 1px 0;
width: 250px;
height: 100%;
background: transparent url("images/q2.gif") no-repeat;
padding: 30px 50px;
background-position: 90% 85%;
}

ul.pictures {
list-style: none;
position: absolute;
top: 315px;
left: 111px;
margin: 0;
width: auto;
}

ul.pictures a {
border: 4px solid #824E2F;
display: block;
margin-top: 5px;
}

ul.pictures a:hover {
border-color: #A06948;
}

ul.no_bullet {
list-style: none;
}

#footer {
margin-top: 5em;
}

input, textarea {float: right;}

/* Navigation
+++++++++++++++++++++++++++++++++++*/

ul#nav {
position: absolute;
top: 113px;
left: 112px;
list-style: none;
margin: 5px 0 0 0;
width: auto;
}

ul#nav a {
font: normal 11px/30px arial, tahoma, verdana, sans-serif;
color: #fff;
text-decoration: none;
display: block;
width: 130px;
height: 30px;
background-color: #824E2F;
margin-top: 1px;
padding-left: 10px;
}

* html ul#nav a {
width: 130px;
}

ul#nav a:hover {
background-color: #A16745;
}

#current a{
background-color: #945e3e;
}

dt form {
	display: inline;
}

dt input {
	float: none;
}

.highlight {
	background: #BB6D3D;
}

dl.mods dt {
	cursor: help;
}

strong {
	font-weight: bold;
	font-size: 110%;
}