@charset "utf-8";

body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	/*color: #9D4620;*/
	color:#381909;
	
}
body {
	background-color: #666;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0;
	text-align:center;
}
a:link {
	color: #D13A01;
}
a:visited {
	color: #D13A01;
}
a:hover {
	color: #FE5617;
}
a:active {
	color: #D13A01;
}
a img{ border:none; }

h1,h2,h3{ color:#9D4620; font-family:"Arial Black", Gadget, sans-serif; font-variant:small-caps; }
h1{ font-size:30px; }



body.paper{
	background-image: url(../../images/structure/burlap_paper_bkg.jpg);
	background-repeat: repeat;
}

#container{
	width:852px;
	margin:20px auto;
	border:#7A351B 2px solid;
}

#footer{
	margin:6px auto 10px;
}

#headertable{ margin:0; }
#headertable th, #headertable td{ vertical-align:top; padding:0; }

#header_image{
	height:185px;
	background:url(../../images/structure/header_image.jpg) top left no-repeat;
}


#project_nav{
	background:#9D4621;
	color:#050100;
	text-align:left;
	font-size:11px;
	padding-bottom:14px;
	opacity:.94;filter: alpha(opacity=94); -moz-opacity: 0.94;
}
#project_nav a{ color:#050100; }
#project_nav a:hover{ color: #F4D8CC; }
#project_nav ul{
	list-style:none;
	margin:0 6px;
	padding:0;
	float:left;
	width:270px;
}
#project_nav li{
	padding:0;
	margin:6px 0;
}


#contentcontainer{
	background:url(../../images/structure/content_middle.jpg) repeat-y top left;
}
#content{
	margin:0 26px;
}
#content .title h1{ margin:0 auto; } /* top margin causes a space between top image and content */
#content .title{ padding-top:20px; padding-bottom:12px; } /* replace space we took out in line before */
#content #spacer{ margin:0 auto; height:10px; } /* ditto for bottom, get rid of margin with an empty spacer div */
/* use this div to create "padding" in content area */
div.contentpad{
	margin:0 20px;
	text-align:left;
}

.sep_title{ margin-top:4px; }

div#content_bottom{
	background:url(../../images/structure/content_bottom.jpg) top left no-repeat;
	height:52px;
	overflow:hidden;
}
div#content_bottom p{
	margin:18px auto 0 auto;
}

#content_bottom table{
	margin:20px auto;
}

#content_bottom th,
#content_bottom td{ vertical-align:middle; }
#content_bottom th{ text-align:right; font-weight:normal; font-size:12px; }
#content_bottom td{ text-align:left; }

/* Floating images (no visual elements) */
.pimage_right{
	float:right;
	margin:0 0 6px 6px;
}
.pimage_left{
	float:left;
	margin:0 6px 6px 0;
}
.pimage_right,
.pimage_left{
	text-align:center;
}

/* Framed images, with optional caption */
.framed_right{
	float:right;
	margin:0 0 6px 6px;
}
.framed_left{
	float:left;
	margin:0 6px 6px 0;
}
.framed_left, 
.framed_right{ border:#999 solid 1px; }
/* the inner frame color */
/*
This color is visible before images load, kinda flashes... especially with jquery effects. Images look nicer without it anyway.
.frame{ background:#9b4723; }
*/

p.caption{
	text-align:center;
	font-size:10px;
	margin:0 auto;
	padding:6px;
}
p.caption a{ text-decoration:none; }


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}