body 
	{ 
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em; 
	color: #333; 
	background-color: #890C3D;
	background-image: url('/images/CorrugatedBkg.gif');
	margin: 0;
	padding: 0;
	text-align: center;
	scrollbar-face-color: #890C3D;
	scrollbar-shadow-color: #353535;
	scrollbar-highlight-color: #CCCC99;
	scrollbar-3dlight-color: #626262;
	scrollbar-darkshadow-color: #262626;
	scrollbar-track-color: #EEEEEE;
	scrollbar-arrow-color: #CCCC99;
}

p 
	{ 
		margin-top: 0px; 
	}
	
h3 
	{ 
		font: bold;
		letter-spacing: -1px; 
		margin-bottom: 0; 
		color: #890C3D;
	}

.subhead
	{ 
		font-size: 14px;
		font-weight: 800;
		margin-bottom: 0; 
		color: #005574;
	}
	
a:link 
	{ 
		color: #369;
		text-decoration: none;
		border-bottom: 1px dotted #369; 
	}
	
a:visited 
	{ 
		text-decoration: none;
		border-bottom: 1px dotted #369; 
		color: #369;
	}
	
a:hover, a:active 
	{ 
		text-decoration: none;
		border-bottom: 1px solid #036; 
		color: #036;
	}

a img{
	border: none;
}
/* ---( specific divs )----------------------------- */

#container 
	{
		position: relative;
		background: #FFFBDF url(/images/fade.gif) no-repeat 0 92px;
		margin: 0 auto 10px auto;
		border-left: 1px solid #333;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
		text-align: left;
 		width: 800px;
	}

#pageHeader
	{
		height: 92px;
		background: url(/images/top.gif) no-repeat top left;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1, #pageHeader h2 span
	{ 
		margin: 0;
		padding: 0;
		display: none;
	}
	

html>body #sidebar
	{
  		width: 300px;
	}

#content 
	{
		margin: 15px 340px 0px 20px;
	}
	
#content a:link, #content a:visited{
		color: #369;
		text-decoration: underline;
		border-bottom: none; 
}
#content a:hover
{
		text-decoration: none;
		border-bottom: 1px dotted #369; 
}
#content a:hover img
{
		border-bottom: none; 
}

#footer 
{ 
	border-top: 1px dotted #CDC4AC;
	font-size: 9px;		
	padding-top: 6px;
	text-align: center;
}
	
#footer a:link, #footer a:visited 
{ 
	margin-right: 6px;
}

/* ---( right side nav)----------------------------- */

#sidebar 
{
	position: absolute; 
	top: 400px; 
	right: 0;
	left: auto;
	width: 300px;
	padding: 0;
	border-left: 1px solid #CDC4AC;
	border-bottom: 1px solid #CDC4AC;
	background: #E5E0D4 no-repeat;
	z-index: 1;
}

#sidephoto 
{
	position: absolute; 
	top: 100px; 
	right: 0;
	left: auto;
	height: 300px;		
	width: 300px;
	padding: 0;
	border-left: 1px solid #CDC4AC;
	border-bottom: 1px solid #CDC4AC;
	background: #E5E0D4 no-repeat;
	margin-bottom: 0px;
	margin-top: 0px;
}
	
#linkList 
{ 
	margin: 0px 15px 15px 15px; 
}

#sidebar h3
{
	color: #635F57;
	font-family: trebuchet ms;
	font-size: 120%;
	margin: 0 0 6px 0;
	padding: 0;
}	
	
#sidebar ul
{
	margin: 0px;
	padding: 0px;
}
#sidebar li
{
	display: block; 
	margin-bottom: 2px;
	padding-left: 14px;
	background: url(/images/arrow.gif) no-repeat 0 5px;
	list-style-type: none;
}
	
#sidebar li a:link
	{ 
		color: #890C3D;
		text-decoration: underline;
		border-bottom: none;
	}
	
#sidebar li a:visited
	{
		color: #5F001E;
	}
	
#sidebar li a:hover
	{
		color: #5F001E;
		text-decoration: none;
		border-bottom: none;
	}

#lselect
	{
		padding: 12px 0 12px 0;
	}
	
.oops {
	display: none;
	font-weight: bold;
}

#menu {
	margin: 0;
	padding: 5px 0 20px 10px;
	border-bottom: 1px solid #cccc99;
	background-color: #890C3D;	
	}

#menu li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#menu a:link, #menu a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #cccc99;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px dashed #cccc99;
}

#menu a:link.active, #menu a:visited.active, #menu a:hover {
	border-bottom: 4px solid #cccc99;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background: transparent;
	color: #fff;
	}

#menu a:hover {
	color: #fff;
	}



div.hr {
	background: url(/images/fleuron.gif) no-repeat center 50%;
	height: 24px;
	margin-bottom: 0px;
	margin-top: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

div.hr hr {
	display: none;
}

button{
	border: 1px solid #808080;
	cursor: pointer;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 2px;
}

button:focus{
	border: 1px inset #708090;
}

blockquote {
	background: none transparent scroll repeat 0% 0%;
	border-left: #E0E0E0 1px solid;
	border-right: #E0E0E0 1px solid;
	font: 14px/12px Garamond, georgia, palatino, Times, serif;
	color: #890C3D;
	line-height: 1.2;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

/* <blockquote class="pullquote"><p>&#8220;pullquote text here&#8221;</p></blockquote>*/
blockquote.pullquote {
float: left;
width: 150px;
margin: 10px 0 10px 15px;
padding: 0;
font: 20px/24px Garamond, georgia, palatino, Times, serif;
color: #890C3D;
text-align: center;
}