html, body {
	background-color:  #eeebc8;
	margin: 0px;
	height: 100%;
	padding: 0;
	}

/*left hand navigation image map, main page*/
#menu {
	min-height:  100%;
	width:  450px;
	position: absolute; /*position for non compliant browsers*/
	top: 0px;
	left: 0px;
	background-color:  #eeebc8;
	z-index:  1;
	}
	
/*correctly fixes menu on left for compliant browsers
body>div#menu {
	position: fixed;
	}*/
	
/*left hand navigation image map, small*/
#menusmall{
	min-height:  100%;
	width:  300px;
	position: absolute; /*position for non compliant browsers*/
	top: 0px;
	left: 0px;
	background-color:  #eeebc8;
	z-index:  1;
	}
	
/*correctly fixes menu on left for compliant browsers
body>div#menusmall {
	position: fixed;
	}*/

	
/*removes border from image map*/
#menunew {
	border:  0;
	position:  absolute;
	top:  0px;
	left:  0px;
	z-index:  2;
	}

/*main content right side mainpage*/
#content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:  #111;
	background-color:  #fcfbf9;
	border-left:  2px dotted #400480;
	margin:  0 0 0 450px;
	padding:  30px;
	}
	
/*maincontent auxiliary pages*/
#contentaux {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:  #111;
	background-color:  #fcfbf9;
	border-left:  2px dotted #400480;
	margin:  0 0 0 300px;
	padding:  30px;
	}
	
/*bluegrass blog*/
#blog {
	width: 215px;
	position: absolute;
	top: 900px;
	left:  117px;
	z-index:  2;
	}
	
#flag {
	margin:  75px 0px 0px 35px;
	}

/*menus at top of page*/
.topPageMenu {
	margin:  0 0 0 40px;
	padding:  0 0 0 15px;
	border-left:  2px dotted #0da907;
	}
	
/*positions pictures left, right, or center*/	
.centerPic {
	padding:  20px;
	margin:  0 auto;
	display:  block;
	}
	
.leftPic {
	float: left;
	padding:  20px;
	}
	
.rightPic {
	float: right;
	padding:  20px;
	}
	
/*heading with box and border*/
h1 {
	display:  block;
	text-align:  center;
	width:  500px;
	padding:  5px;
	border-left:  2px dotted #400480;
	border-right:  2px dotted #400480;
	margin:  40px auto 20px auto;
	color:  #400480;
	font-size:  2em;
	background-color:  #eeebc8;
	font-family:  Times New Roman, Times, serif;
	font-weight:  bold;
	}

ul {
	border-left:  20px;
	}
	
/*green headline*/
h2 {
	font-size: 1.5em;
	color:  #0da907;
	margin:  0;
	}

h3 {
	font-size:  1.25em;
	margin:  0;
	}
	
/*orangish headline*/
h4 {
	color:  #f4871b;
	font-style:  italic;
	font-weight:  bold;
	font-size:  1em;
	margin:  20px 0 0 0;
	}
	
	/*text emphasis, bold and italic*/
.pop {
	font-style:  italic;
	font-weight:  bold;
	}
	
/*inline orange text*/
.orange {
	color:  #f4871b;
	}

/*inline blue text*/
.blue {	
	color:  #400480;
	}
	
/*inline paragraph headings*/
.heading {
	font-size: 1.25em;
	font-weight:  bold;
	}

/*div with green dotted border at bottom*/
.break {
	border-bottom:  1px dotted #0da907;
	margin:  0 0 20px 0;
	}

/*visitor count*/
.count {
	font-size: 0.65em;
	font-weight:  bold;
	text-align:  center;
	}
	
/*decorates list items*/
.cleff {
	list-style-type:  none;
	padding:  8px 15px;
	background:  url(photos/cleff.jpg) left no-repeat;
	}

p {
 	margin:  20px;
 	}


/*dummy division to force pictures into "break" division*/
.clear {
	clear: both;
 	}

	
/*decorates links*/
#content a:link {
	color: #400480;
	text-decoration: none;
	border-bottom:  1px dotted #400480;
	}
#content a:visited {
	color: #400480;
	text-decoration: none;
	border-bottom:  1px dotted #400480;
	}
#content a:hover {
	color:  #400480;
	background-color:  #f1c69b;
	text-decoration:  none;
	border-bottom:  1px dotted #400480;
	}
#contentaux a:link {
	color: #400480;
	text-decoration: none;
	border-bottom:  1px dotted #400480;
	}
#contentaux a:visited {
	color: #400480;
	text-decoration: none;
	border-bottom:  1px dotted #400480;
	}
#contentaux a:hover {
	color:  #400480;
	background-color:  #f1c69b;
	text-decoration:  none;
	border-bottom:  1px dotted #400480;
	}
	
	/*flash objects*/
.centerObject {
	margin:  0 auto;
	width:  650px;
	text-align:  center;
	font-size:  12px;
	}
	
/*Join form*/
#join {
 	border: #999999 1px solid; 
	margin: 0 auto 25px auto; 
	width: 470px; 
	background-color: #e5dded;
	}
	
#joinHeader {
	padding: 3px;
	font-size:  1.2em; 
	background-color: #ceb3ec;
	font-weight:  bold;
	text-align:  center;
	}
.directions {
	font-size:  .8em;
	text-align:  center;
	font-weight:  normal;
	}
#inputblock {
	padding: 12px;
	font-size:  .8em;
	text-align:  left;
	}
#submits {
	text-align:  center;
	margin:  0 auto 5px auto;
	}
	
.forminputs {
	width: 440px;
	margin:  0 0 5px 0;
	}
.hiddeninputs {
	border: black 0px solid; 
    width: 0px; 
    height: 0px;
    }
#paypal {
    margin:  0;
    }
    
/*officers table*/
#officers {
	margin:  50px auto;
	border-collapse:  collapse;
	}
	
.theading {
	font-size:  1.2em;
	font-weight:  bold;
	text-align:  center;
	background-color:  #eeebc8;
	}
	
.tbodyOdd {
	font-size:  1.0em;
	text-align: left;
	background-color:  #f9f9f4;
	}
	
.tbodyEven {
	font-size:  1.0em;
	text-align: left;
	background-color:  #f8f7e6;
	}

.members {
	width:  250px;
	padding:  7px;
	}
	
.phone {
	width:  150px;
	padding:  7px;
	}
	
.email {
	width:  150px;
	padding:  7px;
	}
	
	/*blugrass in the koolaus schedule table*/
.schedule {
	margin:  10px auto;
	border-collapse:  collapse;
	}
	
.date {
	width:  770px;
	margin:  20px auto 10px auto;
	font-size:  1.2em;
	font-weight:  bold;
	text-align:  center;
	background-color:  #eeebc8;
	display:  block;

	}
	
.bodyOdd {
	font-size:  1.0em;
	text-align: left;
	background-color:  #f9f9f4;
	}
	
.bodyEven {
	font-size:  1.0em;
	text-align: left;
	background-color:  #f8f7e6;
	}

.time {
	width:  150px;
	padding:  7px;
	}
	
.event {
	width:  600px;
	padding:  7px;
	}