@charset "utf-8";
/* CSS Document */

@import url('styles.css');
@import url('theme.css');
@import url('menu.css');
@import url('titles.css');
@import url('forms.css');
@import url('timeline.css');
@import url('trails.css');

/********** RESET ***********/
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset { border: none; }
input, select, textarea { font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; padding: 2px;}
img {display:block; border: none;}
#keyword, #go { border: none;}
*{padding: 0px; margin: 0px;}
strong { font-weight: bold;}
body { font: 62.5%/140% Arial, Helvetica, sans-serif; background-color: #F1EEE8; color: #4d4d4f; text-align:center; padding: 10px 0 0 0;}
a, a:link, a:hover { color:#0053a3; text-decoration: none;}
a:hover { color:#000000;}
p { font-size: 1.2em; line-height: 1.4em;}
#period_menu a,
.dirthemes li a {
	font-size:1.2em;
}
fieldset { border:0 solid;}
fieldset legend	{display:none;}
a,:focus { outline:none; /* kills dotted focus outline */ _outline:expression(this.hideFocus=true); /* for IE6 */}

/********** STRUCTURE ***********/
#globalheader { width:866px; height: 93px; margin: 0 auto; position:relative; padding: 0; background: url(../img/bg_canvas_top.gif) no-repeat left bottom;}
#wrapper { width:865px; margin: 0 auto; background: url(../img/bg_canvas_middle.gif) repeat-y left top; border-right: 1px solid #f1eee8;}
#canvas { width:865px; text-align: left; clear:both;}
.background { width:865px;}
#content { width: 825px; padding: 10px 20px 0 20px;position:relative;}
.rightcol { float:right; width: 187px; margin: 4px 0 0 0; background: url(../img/bg_rightcol.gif) repeat-y left top;}
.leftcol { float: left; width: 611px;}
.fullwidth { min-height: 300px; height:auto !important; height: 300px; width: 825px; margin: 10px 0 0 0;}
.dirrightcol { float:right; width: 187px; margin: 10px 0 0 0;}
.dirleftcol { float:left; width: 620px; padding: 0 0 0 10px; margin: 20px 0 0 0;}
.subleftcol { width: 290px; float: left;}
.subrightcol { width: 285px; float: right;}
.partleftcol { min-height: 480px; height:auto !important; height: 480px; width: 525px; float:left; margin: 10px 0 0 0; overflow:hidden;}
.partrightcol { width: 270px; float:right; margin: 10px 20px 0 574px; position: absolute; top:229px;}
#footer { width:865px; margin: 0 auto; background: #F1EEE8 url(../img/bg_canvas_bottom.gif) no-repeat left top;}
.clear { clear: both; }