body {
	margin: 0;
	padding:5px 0px 40px 0px;
	color:#fff;
	font-family:Verdana,Sans-serif;
	font-size:small;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.6em;
	text-align:center;
	background-color:#000;
}

body {
	min-width:750px;
}

a, a:visited {
	color:#88AACC;
	border-bottom: 1px dotted #557799;
	text-decoration: none;
}

a:hover {
	color:#b88;
	border-color:#855;
}

/* 
	LAYOUT
	Apply one of the following classes to the #wrap div in the html.
	c=> content only
	cl=> content left, sidebar right
	cr=> content right, sidebar left
*/
.c, .cl, .cr {
}



/*
	STRUCTURE  
*/

#wrap {
	background:#000;
	margin:0 auto;  /* auto centers content in page */
	width:750px;
	position:relative;
}

#wrap.cl  {
	background-image:url("/images/bg_cl_1.gif");
}

#wrap.cr {
	background-image:url("/images/bg_cr_1.gif");
}




#main {
	color: #ccc;
	font-size: 90%;
	text-align: left;
	line-height: 1.6em;
	overflow:auto;
	xborder:1px dotted green;
	padding-bottom:30px;
}

#sidebar {
	color: #999;
	font-size: 85%;
	text-align: left;
	line-height: 1.6em;
	overflow:auto;
	xborder:1px dotted red;
	padding:10px 10px 30px 10px;
}

.c #main {
	background:none;
	float:left;
	width:750px;
}

.cl #main {
	background:none;
	float:left;
	width:500px;
}

.cr #main {
	background:none;
	float:right;
	width:500px;
}

.c #sidebar {
	display: none;
}

.cl #sidebar {
	background:none;
	float:right;
	width:220px;
}

.cr #sidebar {
	background:none;
	float:left;
	width:210px;
	padding-left:20px;
}

* html .cr #main, * html .cr #sidebar {
	xpadding-top: 15px;
	xpadding-bottom: 15px;
	xmargin-top:15px;
	xmargin-bottom:15px;
}


/*
	HEADER
*/

#header {
	background-image:url("/images/banner72.jpg");
	background-position:0 0;
	float:left;
	width:100%;
	height:250px;
	overflow:auto;
}

#header h1 {
	padding:5px;
	margin:0;
}



/*
	FOOTER
*/

#footer {
	background:#000;
	background-image:url("/images/bg2.jpg");
	background-repeat:repeat-x;
	background-position:top center;
    text-align:center;
	clear:both;
    padding:8px;
}

* html #footer {
    padding-top:2px;
}


#footer p {
    clear:both;
    text-align:center;
    width:100%;
	padding:0;
	margin:0;
	color:#9ab;
	font-size:85%;
    line-height:1.3em;
}




/*
	MAIN NAVIGATION
*/

#nav {
	background-color:#000;
	background-repeat:no-repeat;
	float:left;
	width:100%;
	border:solid #ddd;
	border-width:1px 0;
	background-image:url("/images/bg1.jpg");
	border-color:#123;
}

#nav ul {
	margin:0;
	padding:0 20px;
	list-style:none;
	font-size:85%;
	text-transform:lowercase;
}

#nav li {
	float:left;
	margin:0;
	padding:0;
	background-image:none;
	line-height:normal;
	text-indent:0;
}

#nav a, #nav strong {
	display:block;
	padding:5px 10px 6px;
	border:solid #123;
	border-width:0 1px 0 0;
	color:#9ab;
	text-decoration:none;
	white-space:nowrap;
}

/* 
Holly Hack to allow entire region of link to to be clickable in IE/Win. 
 http://www.positioniseverything.net/explorer/escape-floats.html 
 \*/
* html #nav a {
	width:1%;
}
/* end holly hack */

#nav .selected {
	background-color:#223344;
}

#nav .selected strong, #nav .selected a {
	background-repeat:no-repeat;
}

#nav a:hover, #nav .selected a:hover strong, #nav .selected strong {
	color:#fff;
}

#nav a:hover {
	background-repeat:no-repeat;
}

#nav a strong, #nav .selected a strong {
	background:none;
	padding:0;
	border:none;
}

#nav #h {
	border-left-width:1px;
}

#nav #ml {
	margin:5px 20px 5px 0;
    border:none;
	padding:0;
	font-size:85%;
	line-height:normal;
	text-align:right;
	width:150px;
	float:right;
}

#nav #ml a, #nav #ml a:visited {
	display:inline;
	padding:0;
	font-weight:bold;
    border:none;
	color:#aaccee;
	border-bottom:1px dotted #557799;
	text-decoration: none;
}

#nav #ml a:hover {
	color:#b88;
	border-color:#855;
}


/*
	XTRA NAVIGATION
*/

#xnav {
	background:#000;
	background-image:url("/images/bg3.jpg");
	background-repeat:repeat-x;
	background-position:bottom center;
	float:left;
	width:100%;
	border:none;
	border-width:1px 0;
	border-color:#123;
}

#xnav ul {
	margin:0;
	padding:0 10px;
	list-style:none;
	font-size:85%;
	text-transform:lowercase;
}

#xnav li {
	float:left;
	margin:0;
	padding:0;
	background-image:none;
	line-height:normal;
	text-indent:0;
}

#xnav a {
	display:block;
	padding:12px 10px 9px 10px;
	color:#9ab;
	text-decoration:none;
	white-space:nowrap;
	font-size:85%;
	border:none;
}

#xnav a:hover  {
	color:#cdd;
}




/*
	FOOTER NAVIGATION
*/

#fnav ul {
	margin:0;
	padding:2px 0px;
	list-style:none;
	font-size:85%;
    text-align:center;
	text-transform:lowercase;
	line-height:1.2em;
}

#fnav li {
	display:inline;
	margin:0;
	padding:0 5px;
	background-image:none;
	line-height:normal;
	text-indent:0;
	border:solid #9ab;
	border-width:0 1px 0 0;
}

#fnav ul a {
	display:inline;
    margin:0;
	padding:0;
	color:#9ab;
	text-decoration:none;
	border:none;
	white-space:nowrap;
}

#fnav a {
 	color:#9ab;
}     

#fnav a:hover  {
	color:#cdd;
}

#fnav li.last {
	border-right:none;
}




/*
	HEADINGS
*/

h1 {
	background:#fff;
	margin:0;
	padding:20px 20px 8px;
	border-bottom:1px solid #ddd;
	font:135%/1.4em Georgia,Serif;
	color:#776;
}

h2 {
	color:#668899;
	font-family:Georgia,Serif;
	font-size:175%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.4em;
	margin:1.25em 0 0.15em;			
}

h3 {
	margin:1em 0 .25em;
	font:110%/1.5em Georgia,Serif;
}



/*
	MAIN STUFF
*/
#main h2, #main h3, #main p {
	padding:15px 20px;
}

#main h2 {
	color:#bb9955;
}

#main strong {
	font-size:1.2em;
	color:#fff;
	text-transform:uppercase;
}


/*
	SIDEBAR STUFF
*/
#sidebar h2 {
	color:#bb9955;
}

#sidebar h3 {
	color:#222;
	font:150%;
}

#sidebar ul.datelist {
	margin:0;
	margin-top: 15px;
	padding:0;
	list-style:none;
	text-transform:lowercase;
	text-align: left;
}

#sidebar ul.datelist li {
	margin:0;
	padding:0;
	background-image:none;
	text-indent:0;
}

#sidebar strong {
	font-size:1.2em;
	color:#ccc;
	text-transform:uppercase;
}

#sidebar ul {
	margin-bottom:0;
}

#sidebar h3, #sidebar p {
	padding:0 10px 0 0;
}

#horn {
	text-align:center;
	background-image:url("/images/matt2.jpg");
	background-repeat:no-repeat;
	background-position:center;
	height:96px;
	width:100%;
}



/*
	SONG STYLES
*/
ul.songstyles {
	list-style:none;
	margin:5px;
	padding:0;
}

ul.songstyles li.selected {
	color:#fff;
	font-weight: bold;
	text-decoration:none;
	text-transform:none;
}

ul.songstyles li.selected a,  ul.songstyles li.selected a:hover, ul.songstyles li.selected a:selected {
	color:#fff;
	font-weight: bold;
	text-decoration:none;
	text-transform:none;
	border-none;
}


/*
	SONG LIST
*/

.songlist {
	padding:25px;
	border:none;
}

.songlist ul {
	list-style:none;
	margin:5px;
	padding:0;
}

.songlist ul em {
	padding:0 15px;
	font-size:90%;
	color:#89a;
	font-style:normal;
}



/*
	CALENDAR
*/

.calentry {
	overflow:auto;
	overflow:relative;
	border-top:1px dotted #333;
	padding-top:5px;
	margin:15px 20px;
	clear:both;
}

.calentry .day {
	width:50px;
	float:left;
	margin:5px;
	text-align:center;
	color:#fff;
	font-family:Georgia,Serif;
	font-size:175%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.4em;
}

#main .calentry .detail p {
	padding:0;
	margin:0;
	line-height:1.6em;
}

#main .calentry .detail p.title {
	font-weight:bold;
	color:#89a;
}

#main .calentry .detail p.info {
	padding:10px 0;
	font-size:85%;
	color:#CCC;
	line-height:1.2em;
}

.calentry .detail {
	float:left;
	width:330px;
	margin:2px;
}

#main .calentry .links {
	width:50px;
	float:left;
	margin:2px;
	text-align:center;
}
	
#main .calentry .links p {
	padding:0;
	margin:0;
	line-height:1.2em;
	font-size:85%
}

#main .calentry .links p a {
	border-bottom: 1px dotted #557799;
}

#main .calentry .links p a:hover {
	border-color:#855;
}


/*
	MAILING LIST POPUP
*/

#mailinglistpopup {
		xbackground-color:#222;
		background-image:url("/images/bg_ml.gif");
		border:1px dotted gray;
		float:right;
        width:160px;
		height:70px;
        position:absolute;
        right:8px;
        top:260px;
        display:none;
        z-index:90;
        filter: alpha(opacity=0);
        opacity: 0;
        -moz-opacity: 0;
}

#eaddr {
       text-align:center;
       font-size:8pt;
       margin:10px 3px 3px 3px;
       padding:0px;
}

#joinbutton, #cancelbutton {
	background-color:transparent;
	border:1px solid #555;
	color: #ffffff;
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2;
	margin: 2px 2px 0px 2px;
	padding: 1px;
}

#emailform {
	margin: 0px;
	padding: 0px;
}


/*
	QUOTES
*/

#main .quote {
	border-left:1px dotted #333;
	margin-left:8px;
	margin-top:8px;
}

#main .quote p {

}

#main .quote .quoted {
	text-align:right;
	border-bottom:1px dotted #333;
	padding:0 0 10px 0;
	margin:-15px 30px 40px 0;
	color:#88AACC;
}



/*
	MISC STUFF
*/

img.centered  {
	display: block;
    margin-left: auto;
    margin-right: auto; 
}