﻿/* 	==========================================================
	Basic tags
	========================================================== */

body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #F0F0F0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #313131;
}
div
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
p
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}
h1
{
	font-size: 1.6em;
	color: #938356;
	font-weight: normal;
	line-height: normal;
	margin-top: 0px;
}
h2
{
	font-size: 1em;
}
h3, h4, h5, h6
{
	font-size: 0.9em;
	font-weight: bold;
}
a
{
	color: #97763B;
}
a:visited
{
	color: #97763B;
}
a:hover
{
	color: #50463B;
}
ul 
{
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
	list-style: square;
}

/* 	==========================================================
	Positioning elements
	========================================================== */

#divHeaderContainer
{
	width: 100%;
	text-align: center;
}

#divHeader
{
	width: 830px;
	margin: 0 auto;
	text-align: left;
}
#divHeader img
{
	width: 830px;
	height: 150px;
}
#divPageContainer
{
	width: 100%;
	text-align: center;
}
#divPage
{
	width: 830px;
	margin: 0 auto;
	text-align: left;
	background-image: url('../images/page_area_bkg.jpg');
	background-repeat: repeat-y;
}

#divMenu
{
	float: left;
	width: 155px;
	padding-top: 20px;
	padding-left: 45px;
	padding-right: 20px;
}
#divMenu ul
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px #B19638 dotted;
}
#divMenu ul li
{
	list-style: none;
	border-bottom: 1px #B19638 dotted;
	margin-top: 3px;
}
#divMenu ul li.first
{
}
#divMenu ul li a
{
	text-decoration: none;
}
#divWords
{
	
	float: left;
	width: 565px;
	padding-right: 45px;
	padding-top: 20px;
}
#divFooter
{
	width: 830px;
	height: 40px;	
}
#divFooterText
{
	float: left;
	width: 673px;
	padding-left: 45px;
	font-size: 0.75em;
	color: #676767;
	margin-top: 12px;
	z-index: 10;
}
#divFooterMMLogo
{
	float: right;
	width: 67px;
	height: 36px;
	padding-right: 45px;
	z-index: 0;
}
#divFooterMMLogo img
{
	width: 67px;
	height: 36px;
}
#divEndContainer
{
	width: 100%;
	text-align: center;
}

#divEnd
{
	width: 830px;
	height: 60px;
	margin: 0 auto;
	text-align: left;
}
/* 	==========================================================
	Events table
	========================================================== */
table.events
{
	
	width: 565px;
}
table.events th 
{
	background-color: #938356;
	padding: 5px;
	border: 2px #E9E8E5 solid;
	color: #E9E8E5;
	font-weight: bold;
}
table.events th.col_dates
{
	width: 170px;
}
table.events th.col_text
{
	width: 395px;
}
table.events td 
{
	background-color: #D8D5CD;
	padding: 4px;
	border: 2px #E9E8E5 solid;
}

/* 	==========================================================
	Concert formatting
	========================================================== */
div.concert
{
	background-color: #E0DCCE;
	padding: 5px 5px 5px 5px;
	border: 1px #938356 solid;	
	margin-bottom: 20px;
}
p.concert_date
{
	text-align: center;
}
h1.concert_title
{
	text-align: center;
	color: #938356
}
h2.concert_title
{
	text-align: center;
	font-size: 1.2em;
	color: #938356
}
p.concert_location
{
	text-align: center;
}

/* 	==========================================================
	Miscellaneous elements
	========================================================== */
div.spacer
{
	display: block;
	width: 10px;
	height: 10px;
	clear: both;
}
#map_canvas 
{
	width: 550px;
	height: 450px;
	clear: both;
	border: solid 1px #666666;
	margin: 0px 0px 10px 0px;
	visibility: hidden;
}