/* ==================================== common items */

body {
background-color: #474747;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin-top: 0;
padding: 0;
}

* span {
font-size: 1.3em;
font-weight: bold;
font-style: italic;
color: #5e6b84;
}

#mainwrap {
background-color: #c7ac7e;
background-image: url(../images/bgrd-mainwrap.gif);
background-repeat: repeat-y;
width: 800px;
border-bottom: solid 2px black;
}

#header {
width: 800px;
background-color: #d2bb92;
background-image: url(../images/logo_brand.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

.headerimg {
float: left;
}

.tag {

font-style: italic;
font-family: Times, serif;
color: #9a8c71;
padding: 80px 10px 0 30px;
float: left;
}

* html .tag {
position: absolute;
}

#nav {
width: 200px;
float: left;
margin-bottom: 15em;
}

#content {
padding: 20px;
font-size: .8em;
line-height: 1.8em;
width: 540px;
float: left;
}

#footer {
width: 800px;
margin-top: 1em;
font-size: .7em;
color: gray;
padding-bottom: 5em;
}

/* ================================ other */

#listnav {
width: 190px;
margin: 0;
}

#listnav ul {
margin: 10px 20px 10px 10px;
padding: 0;
list-style-type: none;
}

#listnav li {
border-bottom: 2px solid #778297;
margin: 0;
padding: 2px 0;
text-indent: .5em;
}

#sublist ul {
line-height: 1.3em;
color: #2f3b52;
font-style: italic;
}

.sub {
padding-left: 1em;
font-style: italic;
}

.indent {
margin-left: 2em;
font-style: italic;
}

/* =================================== links */

a.sublink:link, a.sublink:visited, a.sublink:active {
color: #b1b7c2;
padding: 0;
}

a.sublink:hover {
padding: 0;
color: white;
}

a:link, a:visited, a:active {
color: #b1b7c2;
text-decoration: none;
padding: 0 0 2px 0;
font-size: .8em;
}

a:hover {
color: white;
padding: 0 6px;
font-size: .8em;
}

a.ag:link, a.ag:visited, a.ag:hover, a.ag:active {
text-decoration: underline;
color: gray;
padding: 0;
}

/* =================================================== contact forms */

#formcontainer label {
margin-right: 20px;
}

#formcontainer .textfield input {
border: solid 1px #235e7d;
background-color: #ffffff !important;
padding: 1px;
width: 350px;
font-family: arial,helvetica,sans-serif;
}

#formcontainer textarea {
width: 350px;
height: 150px;
border: solid 1px #235e7d;
background-color: #ffffff;
padding: 2px;
font-family: arial,helvetica,sans-serif;
}

#formcontainer .send input {
border: solid 1px #235e7d;
background-color: #fffffff;
font-size: .8em;
padding: 1px;
}



/* ====================================== floats */

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
*html .clearfix {height:1%;}
.clearfix {display:block;}
.clearfloats {
clear: both;
}