/* Juniper Jam - A music festival organized by the Wallowa Valley Music Alliance
	Colors - mostly taken from the logo
	Deeper blue background	#728498
	Lighter blue sky			#b5c1d9
	Green valley floor		#5a623d
	Juniper Jam green text	#546030
	Guitar top light brown	#eecf96
	Brighter green for
	the hover over links		#8db809
	A bronzy, brown for the
	container               #d7a074
*/

/* Styles that layout the whole page */
body {
	background-image: url('images/topbodyfade.png');
	background-repeat: repeat-x;
	font: 100% Arial, Helvetica, sans-serif;
   background-color: #5d6a76;
	margin: 10 0 10 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFCC;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 2px solid #000000;
	text-align: center; /* this overrides the text-align: center on the body element. */
	padding: 0px;
}

/* Styles for the upper area */
.toplogo {
	height: 173px;
	width: 780px;
}

table {
	color: #5d6a76;
	text-decoration: none;
	font-weight: bold;
}

.under {
	border-bottom: 1px solid #5d6a76;
}

a {
	color: #5d6a76;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #8db809;
}

.top_nav {
	line-height: 25px;
	height: 25px;
	font-size: 0.9em;
	background-color: #5d6a76;
	border-top: 0px solid #728498;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

.top_nav li {
	list-style-type: none;
	display: inline;
}

.top_nav li a {
	color: #FFFFCC;
	padding: 0px 20px 0 20px;
}

.top_nav li a:hover {
	color: #FFFFCC;
	background-color: #5a623d;
}

/* Styles for the middle area */
.performer {
	width: 740px;
	height: 240px;
	padding: 10px;
	border: 0px solid black; /* sighting box */
}

.performer img {
	float: left;
	padding: 10px 10px 10px 10px;
}

.performer h3 {
	text-align: left;
	border-bottom: 2px solid #5d6a76;
}

.performer p {
	text-align: left;
	font-size: 0.8em;
	margin: 10px;
}

.payments {
	height: 100px;
}

.payments img {
	float: right;
	padding-right: 200px;
}

.juniper {
	text-align: left;
	margin-left: 30px;
	margin-right: 40px;
	padding: 10px;
}

.picture {
	padding: 10px 0 0 10px;
	border: 0px solid black;
}

.picture img {
	vertical-align: middle;
	margin-bottom: 3px;
}

.mid {
	margin-left: 48px;
	margin-right: 60px;
	text-align: left;
	font-size: 0.8em;
	margin-bottom: 20px;
}

.juniper h3 {
	color: #5d6a76;
	text-align: left;
	border-bottom: 2px solid #5d6a76;
}

.vendor {
	color: #5d6a76;
	text-align: left;
	text-decoration: underline;
	font-size: 0.9em;
	font-weight: bold;
	margin-left: 10px;
	padding-bottom: 5px;
}

.food {
	font-size: 0.9em;
	margin-left: 10px;
	padding-bottom: 10px;
}

.juniper p {
	font-size: 0.8em;
	margin: 10px;
}

.address_box {
	margin-left: 100px;
	font-size: 0.8em;
	border: 0px solid black; /* sighting box */
}

/* Styles for the footer */
.footer {
	margin-top: 10px;
	padding: 10px 0 0 0;
	line-height: 1.5em;
	height: 45px;
	color: #546030;
	border-top: 1px solid black; /* sighting border */
	font-size: x-small;
	background-color: #CCCCCC;
}

/* Styles for general use */
.boldit {
	font-weight: bold;
}

.italicizeit {
	font-style: italic;
}

.photocaption {
	font-size: 0.7em;
}

.paypaltix {
	margin-left: 100px;
	margin-top: 30px;
	padding: 20px 0 0 15px;
	height: 70px;
	width: 135px;
	border: 2px solid #5a623d; /* sighting box */
}

li {
	list-style-type: none;
	font-size: 0.8em;
}

.announce {
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	color: #566338;
}

.announcedetail {
	font-size: 0.8em;
	font-weight: normal;
	font-style: none;
	color: #000000;
}

.left {
	float: left;
	margin: .5em 0.8em 0em 0;
}

.right {
	float: right;
	margin: .5em 0.8em .15em .5;
}

.picture {
	padding: 10px 0 0 10px;
	border: 0px solid black;
}

.picture img {
	vertical-align: middle;
	margin-bottom: 3px;
}