body {
margin: 0;
padding: 0 8%;
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: small;
background-color: #8A837B; 
}

p {}

a:link {
text-decoration: none;
color: #9a3b47; }

a:visited {
text-decoration: none;
color: #4c2027; }

a:hover {
text-decoration: none;
color: #9a3b47;
background-color: #dfddd5; }

a:active {
text-decoration: none; }

table{
width: 70%;
border: 1px #c1b6ad solid;
background-color: #efeee3; }

table td {
margin: 0;
padding: 8px 8px;
border-bottom: 1px solid #b5b5b5;
}

table tr {
background-color: #efede3; 
}

table tr.alt {
background-color: #dedcd5; 
}

table tr.alt a:hover {
background-color: #efede3; 
}

table caption  { 
color: #ffffff; 
background-color: #9a3b47; 
text-align: left; margin: 0; 
padding: 8px; width: 70%; 
border-style: solid solid none; 
border-width: 1px 1px medium; 
border-color: #b5b5b5 #b5b5b5  }

#board {
width: 80%}

ul#board {
list-style-type: none;
margin: 0;
padding: 0; }

pre {
font-family: "Lucida Grande", Verdana, sans-serif;
color: #000000;
font-weight: bold; }

/* layout structure */

#wrap {
 min-width: 650px;
 max-width: 900px; 
 margin: 0 auto;
} 

#wrap2 {background: #ffffff url(img/bg.gif) repeat-y 30%;
 }

#navcontainer ul
{
	padding-left: 0;
	margin-left: 0;
	background-color: #efefe3;
	float: left;
	width: 100%;
	border-top: 5px solid #c3b7ad;
	border-bottom: 1px #c3b7ad solid;
}
 ul#navlist {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

ul#navlist li {
        float: left;
        font-family: verdana, arial, sans-serif;
        
        font-weight: normal;
        margin: 0;
        padding: 5px 0 4px 0;
        background-color: #efefe3;
}


#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 8px 4px 8px;
        color: #8a837b;
        border-right: 1px #fff solid;
        text-decoration: none;
}

ul#navlist li#active {
        color: #fff;
        background-color: #dbcdc2;
}

 #navlist a:hover {
        color: #fff;
        background-color: #c3b7ad;
} 



#content {
float: right;
width: 70%; 
font-size: 95%;
line-height: 1.5em;
color: #333;
min-height: 300px; 
clear: right;
overflow: hidden; }

#content h1 {
margin: 0 0 .2em 0;
font-family: Georgia, serif;
font-size: 170%;
font-weight: normal;
color: #630D0D;
line-height: 30px; }

#content h4 {
margin: 0 0 5px 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
font-weight: normal;
color: #89827b;
 }

#content h5 {
margin: 0 0 10px 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
font-weight: normal;
color: #89827b;
border-bottom: 1px #8c8c8c dotted;
padding-bottom: 5px; }

#content h3 {
margin: 0 0 .5em 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 130%;
font-weight: normal;
color: #9a3b47;
}

#content h2 {
margin: 0 0 .2em 0;
font-family: Georgia, serif;
font-size: 170%;
font-weight: normal;
color: #630D0D;
}

/* #content a {
color: ; } */


/* wrap text around right side if most images */
#content img {
float: left; 
border: 1px #999999 solid;
margin: 0em 15px 5px 0px;
padding: 3px;
}

/* no  text wrap  for wide images  class="wide" */
#content img.wide {
float: none; 
/* border: 1px #999999 solid;
margin: 0em 15px 5px 0px;
padding: 3px; */
}

#contentfullwidth {
float: left;
width: 100%;
line-height: 1.5em;
color: #333;
min-height: 300px; 
/* clear: right;
overflow: hidden; */
} 

#contentfullwidth table td {
padding: 4px 6px 4px 6px;
border-bottom: 1px solid #b5b5b5;
width: 16%;}

#contentfullwidth table{
width: 100%;
border: 1px #c1b6ad solid;
background-color: #efeee3; }

/* bios*/

dl.bio {
margin: 15px 0;
padding: 15px 0 ;
border-top: 1px #8c8c8c dotted;
 }

dl.bio:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

dl.bio dt {
margin: 0 0 0 0;
padding: 3px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 105%;
color: #89827b;
 }

dl.bio dt img {
float: left;
border: 1px #999999 solid;
margin: 0em 15px 5px 0px;
padding: 3px;
}

dl.bio dd {
margin: 0 0 0 0;
}

/* sidebar */

#sidebar {
float: left;
width: 30%;
margin: 0;
padding: 0;
clear: none;
overflow: visible; }

#sidebar h1 {
margin: 0 0 .5em 0;
font-size: 100%;
font-weight: normal;
color: #59110e;
background-color: #d8ccc2;
padding: 4px; }

#sidebar h2 {
margin: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 90%;
font-weight: normal;
color: #89827b;
}

#sidebar ol {
margin: 0.2em 0.em 0.em 0.em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 90%;
font-weight: normal;
color: #89827b;
}

#sidebar li {
margin-bottom: .5em;}

#sidebar h3 {
margin: 0 0 0 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 90%;
font-weight: normal;
color: #42403d;
}

#sidebar h4 {
color: #9a3b47;
text-align: center;
padding: 0em;
margin: 0em;
margin-bottom: 30px;
font-weight: normal;
font-size: 150%;
line-height: 30px;
font-family: Times, "Times New Roman", serif;
font-style: italic;
}

#sidebar img { background-attachment: fixed; margin: 0 15px 5px 0; padding: 3px; float: center; border: solid 1px #999999 }

.box {
margin: 3px;
padding: 10px;
background-color: #ffffff;
border: 1px #c6c6c6 solid; }

/* sidenav */

#sidenav ul {
padding: 0;
margin: 0;
float: left;
width: 100%;
/* margin-bottom: 20px; */
border-bottom: 1px #c7c7c7 solid;
 }

#sidenavlist {
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
 }
 
#sidenavlist li#active {
background-color: #dbcdc2;
color: #9a3b47;
}

#sidenavlist a {
display: block;
padding: 5px; 
border-top: 1px #c7c7c7 solid;
height: 1%;}

#sidenavlist a:link, a:visited {
color: #9a3b47;
text-decoration: none;
}


#sidenavlist a:hover {
background-color: #c1b6ad;
color: #fff;
}

#sidenavlist h3 a:link, h3 a:visited {
color: #8a837b;
text-decoration: none;
}

#sidenavlist h3 a:hover {
background-color: #c1b6ad;
color: #fff;
}

/* footer */

#footer {
clear: both;
background-color: #A83847; }

#footer p {
margin: 0;
padding: 15px;
font-size: 85%;
color: #ffffff;
text-align: center; }

/* header */

#header {
border-bottom: 6px #630D0D solid;
background: #A83847;
border-top: 5px #C3B7AD solid; }

#header h1 {
margin: 0;
padding: 25px;
font-family: Georgia;
font-size: 150%;
color: #fff;
background-image: url(img/logo.gif);
background-repeat: no-repeat;
background-position: center center;
height: 100px; }

/* gutters */

#content .gutter {
padding: 25px 40px 25px 25px; }

#sidebar .gutter {
padding: 25px;
}

#navlist .gutter {
padding-left: 25px;}

/* Hide from IE5/Mac \*/
*html #footer {height: 1%}
/*End hide from IE5/Mac */

/* Hide from IE5/Mac \*/
*html dl.feature {height: 1%}
dl. feature {display: block;}
/*End hide from IE5/Mac */

/* fixes weird IE body padding issue */

* html #wrap { height: 1%; }
* html #wrap2 { height: 1%; }