@charset "utf-8";
@import url("designTime.css");
/***************************************
	Desolve.org styles Version 3.1 2009
	Copyright James Williamson
	these styles are designed for training
	and tutorial purposes and are free
	for you to used for personal training
	and development.
	
	These styles may not be reused or
	republished in another work without
	expressed written consent of the author

*****************************************/

/**********************************
	Color values:
	#8C7E62 -dark tan
	#DED6AE -light tan
	#602E0C - burgandy accent
	#EFAD2F -orange accent
	#333 - dark grey
	#666 - lighter grey

***************************************/

/***************************************
1A: BASE STYLES
****************************************/
/* neutralize browser styles */
body, html {
	margin:0;
	padding:0;
	}
/* neutralize browser spacing for vertical elements
	we could do more elements, but this gives us the 
	most widely used block level elements so that we
	control main element spacing without having to 
	add margins back for every block element */
	
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
	}
/* General Styles */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
html {
	background-image: url(../_images/frb_bkg_beige.jpg);
}

/***************************************
2A: LAYOUT STYLES
****************************************/

/* ---------All layout generic styles---------------- */
.twoColSmSide #container, .twoColLgSide #container, .oneCol #container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
} 
.twoColSmSide #header, .twoColLgSide #header, .oneCol #header {
	height: 200px;
	position: relative;
	background-image: url(../_images/lake_panoramic_header.jpg);
} 
.twoColSmSide #sidebar div, .twoColLgSide #sidebar div {
	padding-bottom: 1em;
	margin-bottom: 1em;
	background-color: #8C7E62;
}
.twoColSmSide #footer, .twoColLgSide #footer, .oneCol #footer {
	padding: 10px 1em .5em; 
	background:#8C7E62;
	margin-bottom: 1em;
} 
.twoColSmSide #footer p, .twoColLgSide #footer p, .oneCol #footer p {
	font-size: .8em;
	color: #fff;
	text-align: center;
	margin-bottom: .5em;


}
/* --------------Large sidebar layout styles -------------*/
.twoColLgSide #sidebar {
	float: left;
	width: 230px;
	padding: 0;
	color: #fff;
}
.twoColLgSide #mainContent {
	margin: 0 0 0 250px; /* left margin allows space for sidebar */
	padding: 0; 
} 
/* --------------Small sidebar layout styles -------------*/
.twoColSmSide #sidebar {

	float: left;
	width: 200px;
	padding: 0;
	color: #fff;
}
.twoColSmSide #mainContent {
	margin: 0 0 0 220px; /* left margin allows space for sidebar */
	padding: 0; 
} 

/* -----------------One column layout styles ----------------------------*/
.oneCol #mainContent {
	margin: 0; /*no margin needed in a one column layout*/
	padding:0;
	}
	
/***************************************
3A: GENERAL TYPOGRAPHY AND COLOR STYLES
****************************************/

/* ---------------- header specific styles ----------------*/
/*delete these styles later*/
/*#header {
	background:#000;
}
#header h1{
	display:none;
}*/

/*delete these styles later*/
#header ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float:left;
}
#header li {
	float: left;
}
#header li a:link, #header li a:visited {
	background: #8C7E62;
	padding: .2em .5em;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 1.2em;
	margin-right: 0.5em;
}
#header li a:hover {
	color: #AE760D;
	background: #fff;
}
#header #logo {
	height: 80px;
	width: 780px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(../_images/logo2.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*#header h1 {
	text-indent: -1000em;
	height: 142px;
	width: 373px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin:0;
}
*/
/* -------------------- main content specific styles ------------------*/
#mainContent img {
	background: #ccc;
	display: block;
	padding: 3px;
	border: 1px solid #999;
	margin: 1.6em auto;
}
#mainContent p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.95em;
	line-height: 1.6;
	padding-right: 1.6em;
	padding-left: 1.6em;
	color: #333;
	margin-top: .5em;
	text-align: left;
}
#mainContent a {
	font-weight: bold;
	color: #602E0C;
	text-decoration: none;
	border-bottom: 1px dotted #602E0C;
	padding-bottom: .1em;
}
#mainContent a:hover {
	color: #BA3818;
	border: none;
}
#mainContent .article, #mainContent .galleryArticle, #mainContent .archive {
	background: #fff;
	padding: 0.5em 0.5em 2em;
	margin-bottom: 1em;
	border: 2px solid #666;
	border-top: none;
}
#mainContent .article h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #999;
	margin: 0;
	font-weight: normal;
	line-height: 2;
	padding-left: 45px;
	background: url(../_images/skull_icon.gif) no-repeat left center;
}
#mainContent .article h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #666;
	margin-bottom: -0.5em;
	font-weight: normal;
	text-align: center;
	padding-bottom: 45px;
	background: url(../_images/headline_bkg6.jpg) no-repeat center bottom;
}
#mainContent h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.95em;
	margin: 1em .5em;
	color: #600;
	text-align: center;
}
/* ------ mainContent gallery styles --------------*/
#mainContent .galleryArticle h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height:1.75em;
	text-align: center;
	color: #666;
	margin: 1em 2em 0;
	font-weight: normal;
	padding: 0;
	border-top: 1px dotted #666;
	background: none;
}
#mainContent .galleryArticle h2 {
	position: relative;
	top: -.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 0;
	color: #333;
	font-weight: normal;
	text-align: center;
	padding: 0 0 55px;
	
}
#mainContent .author {
	font-style: italic;
	}
/* ------ mainContent archive styles --------------*/	
#mainContent .archive h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height:1.75em;
	text-align: center;
	color: #666;
	margin: 1em 2em 0;
	font-weight: normal;
	border-top: 1px dotted #666;
	padding: 0 0 40px;
	background: url(../_images/headline_bkg6.jpg) no-repeat center bottom;
}
#mainContent .archive h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #999;
	margin: 1em 0 0 0;
	font-weight: normal;
	height: 40px;
	line-height:40px;
	padding-left: 45px;
	background: url(../_images/article_icons.gif) no-repeat;
}
/*#mainContent .archive .photoGallery {
	background-position: left top;
}
#mainContent .archive .review {
	background-position: 0px -40px;
}
#mainContent .archive .stuffWeLove {
	background-position: 0px -80px;
}
#mainContent .archive .merchSale {
	background-position: 0px -120px;
}*/
	
/* ------------------sidebar specific styles -----------------------*/
#sidebar h1{
	margin: 0;
	text-indent: -1000em;
	height: 35px;
	margin-bottom: .25em;
	}
/*#sidebar #previous h1 {
	background: url(../_images/previous_head.gif) no-repeat;
}*/
#sidebar #archive1 h1 {
	background-image:url(../_images/about_jeff.gif);
	background-repeat:no-repeat;
	margin-bottom: 0;
}
#sidebar #next1 h1 {
	background-image:url(../_images/leech_lake.gif);
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.twoColSmSide #container #sidebar #archive1 h2 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	color: #FC3;
	text-decoration: none;
	
}

#sidebar #current h1 {
	background: url(../_images/current_head.gif) no-repeat;	
}
#sidebar #required h1 {
	background: url(../_images/required_head.gif) no-repeat;
	font-size: 1em;
	height: 35px;
}
#sidebar #about h1 {
	background: url(../_images/about_head.gif) no-repeat;
}
#sidebar #about p{
	margin: 1em .625em;
	}
#sidebar #required ul,#sidebar #archive ul  {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#sidebar  #required  ul li {
	margin: 0 0 0 10px;
}
#sidebar #archive ul li {
	margin:0;
	padding:0;
	background: url(../_images/archive_bkg.gif) no-repeat left center;
	}
#sidebar #required ul a {
	display: block;
	width: 200px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #fff;
	text-decoration: none;
	line-height: 2.2em;
	background: url(../_images/bullet.gif) no-repeat left center;
	margin: 0;
}
#sidebar #archive ul a {
	display: block;
	width: 170px;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #fff;
	text-decoration: none;
	line-height: 30px;
	background: url(../_images/archive_bkg.gif) no-repeat left center;
	margin: 0;
	border-bottom: 1px solid #fff;
}
#sidebar #archive ul a:hover {
	background-position: -200px 0px;
	color: #333;
	}
#sidebar #archive ul a.current {
	background-position: top right;
	color: #602E0C;
	cursor: default;
	}
#sidebar #archive ul a.last {
	border-bottom: none;
	}
	
.twoColSmSide #sidebar div#archive {
	padding:0;
	}
.twoColSmSide #sidebar div#archive p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #fff;
	margin: 1em .7em;
	line-height: 1.6;
	}
/*#sidebar #required ul a:hover {
	background: #736851 url(../_images/bullet.gif) no-repeat left center;
}*/
#sidebar div img {
	margin: .5em auto;
	display: block;
}
#sidebar div p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #fff;
	margin: 1em .7em;
	line-height:1.6em;
}
#sidebar div p a:link, #sidebar div p a:visited {
	text-decoration:none;
	color: #600;
	font-family: Arial, Helvetica, sans-serif;
}
#sidebar  div#next  p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #fff;
	margin: 1em .7em;
	line-height: 1.6;

}
/*#sidebar div p.caption {
	font-size: 0.8em;
	margin-top: 0em;
	text-align: center;
}
#sidebar div h2 {
	font-size: 1em;
	margin-left: 10px;
	margin-top: 0px;
}*/

/* ----------- resetting some content for the one column layout ---------*/
.oneCol #mainContent .article h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #78320E;
	margin: 0;
	font-weight: normal;
	line-height: 2;
	padding-left: 55px;
	background: url(../_images/skull_header.gif) no-repeat left center;
}
.oneCol #mainContent img {
	background: none;
	display: inline;
	border: none;
	margin: 5px;
	padding: 0;
}


/***************************************
7A: CLASS ACCENT STYLES
****************************************/

.clearLeft{ /*used for clearing left floated elements*/
	clear:left;
}
.clearRight{ /*used for clearing right floated elements*/
	clear:right;
}
.clearBoth{ /*used for clearing all floated elements*/
	clear:both;
}
.clearfloat { /* used for clearing and containing internal floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.rightAlign    {
	text-align: right;
}