html {min-height: 100%;}

*{ margin: 0; padding: 0; }*
body { font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.8em; background: #A3BEC5; color: #4C2716; min-height: 100%; }
a {color: #27164B; text-decoration: none;}
a:visited {color: #27164B; text-decoration: none;}
a:hover {color: #27164B; text-decoration: underline;}
h1 { margin: 0 0 10px; padding: 10px 0 3px; font-size:larger; }
h2 { margin: 0 0 10px; padding: 10px 0 3px; font-size:large; }
p { margin: 5px 0 10px 0; }
img { border: none; }

#outerContainer { padding-bottom: 3px; width: 770px; margin: auto;  background: #FFFCD9; border: 2px solid Silver;}

#mainContent { margin-bottom: 10px; float: left; width: 550px; padding: 10px 10px 10px 10px; margin-top: 0px; background: #FFFCD9;}
#mainContent ol {margin-left: 20px; }

#headerContainer { height: 215px; width: 770px; background: #FFFCD9; border-bottom: 2px solid Silver;}
#header {height: 215px; width:770px;}
#next { width:41px; height:16px; float:right; margin-top:195px; vertical-align:bottom;}
#previous { width:41px; height:16px; float:left; margin-top:195px; vertical-align:bottom;}
#footer { font-size: x-small; text-align: center; border-top: 1px solid #ccc; padding: 10px 5px; }
#footer a { padding-left: 30px; }

#menu { float: right; width: 180px; background: #E6E3C3; min-height: 100%; height:100%; margin-bottom: 10px; margin-top: 0px;}
#menu ul { padding: 5px 10px 10px 10px; margin: 0; background-color: #E6E3C3;  min-height: 100%;}
#menu li { font-weight:bolder; border-bottom: 1px solid white; list-style-type: none;}
#menu a:hover { background-color: #C9C7AB;}
#menu a { display:block; cursor:pointer; text-decoration: none; }
	
#listWrapper { text-align:center;}
#list { margin-left: 0px auto; margin-right: 0px auto; width: 100%; min-height: 100%; height:100%; margin-bottom: 10px; margin-top: 0px;}
#list ul { display: block; padding: 5px 10px 10px 10px; margin: 0; min-height: 100%;}
#list li { display: block; font-weight:bolder; border-bottom: 1px solid Silver; border-left: 1px solid Silver; font-size:x-small; border-right: 1px solid Silver; list-style-type: none;}
#list a:hover { background-color: #C9C7AB;}
#list a { display:block; height:100%; cursor:pointer; text-decoration: none; text-align:left; vertical-align:top; }
#list h3 { background-color:Silver; vertical-align:top; font-size:larger; }
#list img { margin: 5px; float:left; vertical-align:top; width:150px; border:solid 1px Silver;}	
#list p { margin: 5px; text-align:left; font-size:small; }	

#linksWrapper { text-align:center;}
#links { margin-left: 0px auto; margin-right: 0px auto; width: 100%; min-height: 100%; height:100%; margin-bottom: 10px; margin-top: 0px;}
#links ul { padding: 5px 10px 10px 10px; margin: 0; min-height: 100%;}
#links li { font-weight:bolder; border-bottom: 1px solid Silver; border-left: 1px solid Silver; border-right: 1px solid Silver; list-style-type: none;}
#links a:hover { background-color: #C9C7AB;}
#links a { padding-left:2px; padding-right:2px; display:block; height:100%; cursor:pointer; text-decoration: none; text-align:left; vertical-align:top; }

.clearBoth {clear:both;}
.contentImage {float:left; padding-right:10px;}
.contentImageRight {float:right; padding-left:10px;}

dl.table-display
{
width: 41.1em;
margin: 2em 0;
padding: 0;
font-size:smaller;
}

.table-display dt
{
width: 15em;
float: left;
margin: 0 0 0 0;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 24em;
margin: 0 0 0 0;
}