﻿/* WhiteRiverJunction.org */

body, div, h1, h2, h3, p, ul{
	margin: 0;
	padding: 0;
}

a{
	color: #9C5242;
	text-decoration: none;
}
a:hover{ text-decoration: underline; }

h2{
	margin-top: 15px;
	margin-bottom: 10px;
	font: normal 1.2em Georgia, serif;
}

h3{
	margin-top: 15px;
	margin-bottom: 5px;
	font: normal 1.1em Georgia, serif;
}

p{ line-height: 1.25em; }

ul{ padding-left: 25px; }

hr{ display: none; }

#wrj{
	background: #9C5242;
	font: normal .8em "Trebuchet MS", Verdana, sans-serif;
}

/* wrappers --------- */
#wrapper{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 685px;
	background: #FDFAE9 url(../images/background.jpg) no-repeat;
}
#candy-wrapper{
	position: relative;
	margin: 0 auto;
	padding: 0;
	margin-top: 25px;
	width: 723px;
	background: url(../images/shadow_background.gif) repeat-y top right;
}

/* header & nav styles ---------------------- */
#header{ text-align: center; }
#header img#logo{
	margin-top: 50px;
	margin-bottom: 30px;
}
#header-type{ display: none; }
#header-tag{ display: none; }

ul#nav{
	padding: 8px;
	padding-left: 30px;
	border-top: 1px dotted gray;
	border-bottom: 1px dotted gray;
}
ul#nav li{
	padding-right: 15px;
	display: inline;
	text-transform: capitalize;
	font: bold 1em "Trebuchet MS", Verdana, sans-serif;
}
ul#nav a:hover{
	color: #6C8749;
	border-bottom: 1px dotted gray;
	text-decoration: none;
}
a.nav-select {
	border-bottom: 1px dotted gray;
	color: #6C8749;
}

/* content style */
#content{
	width: 450px;
	float: left;
	padding: 20px 0px 20px 20px;
}
#content p{ line-height: 1.35em; }

#content .callout{
	padding: 14px;
	background: #9C5242;
}
#content .callout li{
	padding-left: 0;
	padding-top: 12px;
	padding-bottom: 8px;
	border-top: 1px solid #C8A28C;
	border-bottom: 1px solid #C8A28C;
}
#content .callout li{
	display: none;
	list-style-type: none;
}
#content .callout li#primary-feature{ display: block; }
#content .callout img{ width: 100%; }
#content .callout a{color: white;}
#content .callout p{ line-height: 1.25em; }
#content .callout p.credit{
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 75%;
	color: #C8A28C;
}
#content .callout p.credit a{ color: #FFF6D0; }
#content .callout h2{ margin-top: 5px; color: white; }
#content .callout h2 a{ color: white; }
#content .callout p{ color: #FFF6D0; }

#content ul.orglist a{ font-weight: bold; }
#content ul.orglist li{ padding-bottom: 10px; }

.thumb{
	float: left;
	padding: 4px;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 4px;
	border: 1px solid gray;
}
#sidebar .thumb{ margin-top: 0; }

#map{
	padding-top: 15px;
	height: 45px;
}

/* callout style -------- */
.callout{
	padding: 7px;
}
.callout div{
	padding: 7px;
	border-top: 1px dotted #C8A28C;
	border-bottom: 1px dotted #C8A28C;
}

/* sidebar style */
#sidebar{
	float: right;
	width: 175px;
	padding: 20px 20px 20px 0px;
}
#sidebar h3 a{ color: #6C8749; }
#sidebar p{
	font-size: 95%;
	color: #857F6D;
}
#sidebar .callout{ background: #EDE4C9 url(../images/sidebarcalloutbg.jpg); }
#sidebar .callout div{
	padding-top: 10px;
	border-top: 1px dotted gray;
	border-bottom: 1px dotted gray;
}
#sidebar .callout h3{ margin-top: 0px; }
#sidebar ul li{ padding-bottom: 2px; }

/* footer style */
#footer{
	clear: both;
	padding: 10px;
	margin-left: 20px;
	margin-right: 20px;
	border-top: 1px dotted gray;
}
#footer p{
	padding-bottom: 2px;
	font-size: 95%;
	color: #857F6D;
}
#footer a{ border-bottom: 1px dotted gray; }
#footer a:hover{ text-decoration: none; }

/* content-page ------------------------------------------- */
.content-page #content p{ padding-bottom: 15px; }
.content-page #content h2{ font: normal 1.5em Georgia, serif; color: #9C5242;  }

/* IE fixes ----------------------------------------------- */
#candy-wrapper{
	padding: 0px 19px 0px 19px;
	voice-family: "\"}\"";
	voice-family: inherit;
}
html>body #candy-wrapper{ padding: 0; }

#sidebar{
	width: 195px;
	voice-family: "\"}\"";
	voice-family: inherit;
}
html>body #sidebar{ width: 175px; }

#content{
	width: 470px;
	voice-family: "\"}\"";
	voice-family: inherit;
}
html>body #content{ width: 450px; }