/* Global Styles */
/* -------------------------------- */

* { 
margin: 0;
padding: 0;
} 

body {
background: #b7a78e url(/back.jpg) fixed repeat;
text-align: center;
font-family: trebuchet MS, verdana, helvetica, arial, sans-serif;
}

/* Semantic Content Styles */
/* -------------------------------- */

h1, h2, h3, h4, h5, h6 {
line-height: 1.5em;
}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 9px;}

p {font-size: 12px;}

ul {}
ol {}
li {}
ul li {}
ol li {}

dl {}
dt {}
dd {}

address {}
abbr {}
acronym {}
blockquote {}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

img {border: 0;}
a img {border: 0;}

hr {}

pre {}
code {font-family: courier new, courier, monospace;}

/* Hyperlink Styles */
/* -------------------------------- */

a {color: #6D778B;}
a:hover {}

/* Form Styles */
/* -------------------------------- */

form {}
label {}
input {
background-color: #D8D7D5;
color: #4D473A;
}
input.text {
}
input.radio, input.checkbox {
}

div#radio {
background-color: #D8D7D5; 
width: 250px; 
border-style: inset; 
border-width: 2px; 
border-color: #D8D7D5;
margin: 5px;
}

input.button, input.submit {
background: #a08e73;
}
input.image {border: 0;}
select {
background-color: #D8D7D5;
color: #4D473A;
}
option {
background-color: #D8D7D5;
color: #4D473A;
}
textarea {
background-color: #D8D7D5;
color: #4D473A;
}

/* Layout Styles */
/* -------------------------------- */

div#whopper {
text-align: left;
width: 700px;
border: 1px solid #342F27;
border-width: 1px 1px 1px 1px;
background: #BEB29D;
margin: 10px auto 0 auto;
}

div#header {
display: block;
background: #5b6478;
height: 125px;
padding: 10px 10px 10px 10px;
}

div#header h1 {
}

div#header h1 a {
text-indent: -9999px;
text-decoration: none;
display: block;
height: 100px;
width: 700px;
background: transparent;
}

div#header h1 a:hover {
background-position: 0 -100px;
}

div#header h2 {
font-size: 18px;
display: none;
}

div#main {
}

div#colOne {
background: #5B6478;
width: 150px;
float: left;
padding: 30px 0 30px 0;

}

div#colTwo {
min-height: 450px;
}


/* Content Area Styles */
/* -------------------------------- */

div#content {
background: transparent;
padding: 30px 0 20px 1px;
float: left;
width: 549px;
color: #4D473A;
font-size: 13px;
/* height: 450px; */ /* augh... trying to fix overflow:hidden problems... */
min-height: 450px;
overflow: hidden;
}

html>body div#content {
height: auto;
}

div#content p {
font-size: 13px;
line-height: 1.4em;
padding: 3px 10px 10px 10px;
font-family: trebuchet MS, verdana, helvetica, arial, sans-serif;
}
div#content ul, div#content ol {
margin: 0 0 0 40px;
padding: 0 20px 0 0;
}
div#content li {
line-height: 1.3em;
padding: 0 0 5px 0;
font-size: 13px;
}

div#content h1, 
div#content h2, 
div#content h3, 
div#content h4, 
div#content h5, 
div#content h6 {
line-height: 1.2em;
color: #806E53;
font-family: trebuchet MS, verdana, helvetica, arial, sans-serif;
}
div#content h1, div#content h2, div#content h3 {
background: transparent;
margin: 0 0 0 8px;
padding: 0 5px 0 15px;
letter-spacing: .2em;
font-weight: normal;
}
div#content h4, div#content h5, div#content h6 {
font-weight: bold;
letter-spacing: .3em;
margin: 0 0 0 20px;
padding: 3px 5px 10px 0;
}
div#content h1 {
font-size: 24px; padding-bottom: 5px;
}
div#content h2 {
font-size: 18px;
padding-top: 3px;
padding-bottom: 8px;
margin-left: -5px;
}
div#content h3 {
font-size: 16px;
padding-top: 6px;
padding-bottom: 10px;
font-weight: bold;
}
div#content h4 {font-size: 14px;}
div#content h5 {font-size: 12px;}
div#content h6 {font-size: 10px;}

div#content img {
padding: 5px;
background-color: #eeeeee;
border: 1px solid #B4A78E;
}

div#content dl {
padding: 3px 15px 10px 10px;
}
div#content dt {
padding: 0 0 5px 5px;
line-height: 1.3em;
font-size: 12px;
font-weight: bold;
}

div#content pre {
padding: 5px;
margin: 10px 20px 10px 20px;
border: 1px solid #B5AA95;
background-color: #C0B7A4;
color: #655E4F;
font-family: courier, monospace;
font-size: 11px;
}
div#content code {
}

div#content a {
color: #6D778B;
}
div#content a:hover, div#content a:visited:hover {
color: #2F394E;
}
div#content a:visited {
color: #938269;
}

div#content form {
padding: 2px 5px 2px 8px;
}
div#content input, div#content textarea {
margin: 2px 2px 2px 5px;
}
div#content input {}
div#content select {}


/* Navigation Styles */
/* -------------------------------- */

div#nav {
}

div#mainNav {
background: transparent;
padding: 0 0 20px 0;
}
div#mainNav ul {
border-top: 1px solid #464D5D;
border-bottom: 1px solid #6D7786;
}
div#mainNav ul li {
display: inline;
}
div#mainNav ul li a {
background: transparent;
color: #C6BAA4;
font: 11px/16px verdana, helvetica, arial, sans-serif;
text-decoration: none;
display: block;
text-align: left;
padding: 4px 0 3px 30px;
width: 120px;
text-indent: -5px;
border-bottom: 1px solid #464D5D;
border-top: 1px solid #6D7786;
}

div#mainNav ul li.current a {
background-color: #656F80;
background-position: 5px -199px;
}
div#mainNav li.current a:hover {
padding: 4px 0 3px 30px;
background-position: 5px -199px;
background-color: #6A7484;
border-bottom: 1px solid #464D5D;
border-top: 1px solid #6D7786;
}
div#mainNav ul li a:hover {
padding: 5px 0 2px 30px;
background-color: #555D6F;
background-position: 5px -98px;
border-top: 1px solid #343945;
border-bottom: 1px solid #5B6478;
}

div#mainNav ul ul {
display: none;
}
div#mainNav ul ul li {
}
div#mainNav ul ul li a {
}
div#mainNav ul ul li a:hover {}


div#footer {
clear: both;
display: block;
background: #a08E73;
display: block;
height: 50px;
width: 700px;
text-decoration: none;
text-align: center;
}
div#footer p {
font-size: 10px;
}

div#footer a a:visited {
}

div#footerNav {
}
div#footerNav ul {
}
div#footerNav ul li {
}
div#footerNav li {
}

div#footerNav a a:hover a:visited {
}


/* Common Styles */
/* -------------------------------- */

.current {}

.hide {display: none;}
.cloak {visibility: hidden;}

.floatL {float: left;}
.floatR {float: right;}

.clear {clear: both;}
.clearL {clear: left;}
.clearR {clear: right;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}