/* Blues, dark to light:
001947
003ba8
0059ff

Brownish, dark to light:
c37a34
f8eee4
fcfcfc
*/


html, body {
	background-color:  #f8eee4;
	margin: 0px;
	height: 100%;
	padding: 0;
	background-image:url('photos/bodyBackground.jpg');
	background-repeat:repeat-x;
	}

/*MAIN CONTENT*/
#content {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:  #111;
	width:  1000px;
	min-height:  100%;
	background-color:  #fff;
	margin:  0 auto;
	padding:  30px;
	border-left: 1px solid #001947;
	border-right:  1px solid #001947
	}
	
/*DROP DOWN MENU*/	
#nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:30px;
	/* Clear floats */
	float:left;
	width:100%;
	}

#nav li{
	float:left;
	position:relative;
	}

#nav a{
	display:block;
	padding:8px 18px;
	color:#fff;
	background:#003ba8;
	text-decoration:none;
	border-top:1px dotted #001947;
	border-bottom:1px dotted #001947;
	border-left:1px dotted #001947;
	}

#last {
	border-right:1px dotted #001947;
	}
	
#nav a:hover{
	color:#fff;
	background:#c37a34;
	text-decoration:underline;
	}

/*--- DROPDOWN ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	}

#nav ul li{
	float:none;
	}

#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	}

#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	}

#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#c37a34;
	text-decoration:underline;
	border-width: 0 0 1px 0;
	}

#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	}

#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#c37a34;
	text-decoration:underline;
	}



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

/*larger orange headline*/
h2 {
	font-size: 1.5em;
	color:  #c37a34;
	margin:  0;
	}

h3 {
	font-size:  1.25em;
	margin:  0;
	}
	
/*smaller orange headline*/
h4 {
	color:  #c37a34;
	font-style:  italic;
	font-weight:  bold;
	font-size:  1em;
	margin:  20px 0 0 0;
	}
	
ul {
	border-left:  20px;
	}
	
	/*text emphasis, bold and italic*/
.pop {
	font-style:  italic;
	font-weight:  bold;
	}
	
/*text emphasis, bold and italic, underline*/
.popLine {
	font-style:  italic;
	font-weight:  bold;
	text-decoration:  underline;
	}
	
/*inline orange text*/
.orange {
	color:  #c37a34;
	}

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

/*div with blue dotted border at bottom*/
.break {
	border-bottom:  1px dotted #001947;
	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;
 	}
 	
.indent {
 	margin: 0 30px;
 	}


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

	
/*decorates links*/
#bodyText a:link {
	color: #0059ff;
	text-decoration: none;
	border-bottom:  1px dotted #0059ff;
	}
#bodyText a:visited {
	color: #0059ff;
	text-decoration: none;
	border-bottom:  1px dotted #0059ff;
	}
#bodyText a:hover {
	color:  #fff;
	background-color:  #c37a34;
	text-decoration:  none;
	border-bottom:  1px dotted #fff;
	}

	
	/*flash objects*/
.centerObject {
	margin:  0 auto;
	width:  650px;
	text-align:  center;
	font-size:  12px;
	}
	
/*Join form*/
#join {
 	border: #001947 1px solid; 
	margin: 0 auto 25px auto; 
	width: 470px; 
	background-color: #f8eee4;
	}
	
#joinHeader {
	padding: 3px;
	font-size:  1.2em; 
	background-color: #003ba8;
	font-weight:  bold;
	text-align:  center;
	color:  #fff;
	}
.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 table*/
.paypal{
	margin:  25px auto;
	border-collapse:  collapse;
	}

.paypalRow {
	height:  50px;
	}
	
.description {
	width:  300px;
	vertical-align:  middle;
	}
	
.button {
	width:  120px;
	vertical-align:  middle;
	}
	
#paypal {
    margin:  0;
    }
    
	
/*officers table*/
#officers {
	margin:  50px auto;
	border-collapse:  collapse;
	}
	
.theading {
	font-size:  1.2em;
	font-weight:  bold;
	color:  #fff;
	text-align:  center;
	background-color:  #003ba8;
	}
	
.tbodyOdd {
	font-size:  1.0em;
	text-align: left;
	background-color:  #f8eee4;
	}
	
.tbodyEven {
	font-size:  1.0em;
	text-align: left;
	background-color:  #fcfcfc;
	}

.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 20px auto;
	border-collapse:  collapse;
	}
	
.date {
	width:  770px;
	margin:  20px auto 10px auto;
	color:  #fff;
	font-size:  1.2em;
	font-weight:  bold;
	text-align:  center;
	background-color:  #003ba8;
	display:  block;

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

.time {
	width:  125px;
	padding:  7px;
	}
	
.event {
	width:  550px;
	padding:  7px;
	}
	
.price {
	width:  75px;
	padding:  7px;
	text-align:  right;
	}