body {
	margin: 0; padding: 0 0 0;
	background-color: #2F2F2F;
	font-family: Verdana, Sans-serif;
	font-size: 85%;
	color: #333;
	line-height: 1.5em;
	text-align: center;
	}
#contentwrapper0 {
	margin: 0; padding: 0 0 0 50px;
	background: #2F2F2F url(../images/left-bg-shadow.gif) repeat-y top left;
	width: 750px;
	 margin: 0 auto;
  text-align: left;
}
	
#contentwrapper {
	margin: 0; padding: 0 0 0;
	background: transparent url(../images/right-bg-shadow.gif) repeat-y top right;
	width: 750px;

}
#maincolumn {
	/* total width 528px */
	margin: 0 0 0 0px; padding: 0;
	float: left;
	width: 527px;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	background-color: #fff;
	color: #333;
	}

#header {
	margin: 0; padding: 0;
	background: #fff url(../images/keyimage-small.png) no-repeat top left;
	width: 527px;
	}



.spacer {clear: both; font-size: .25em; line-height: 1px;}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^LINK STYLES^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

a:link {color: #c63;}
a:visited {color: #c63;}
a:hover {color: #c63; text-decoration: none;}
a:active {color: #c63;}

#language a:link,#blurb a:link {color: #fff;}
#language a:visited, #blurb a:visited {color: #fff;}
#language a:hover, #blurb a:hover {color: #fff; text-decoration: none;}
#language a:active, #blurb a:active {color: #fff;}

.topnavlist a:link {
		margin: 0; padding: 5px 1em;
		display: block; 
		color: #000; 
		text-decoration: none;
		}
.topnavlist a:visited {
		margin: 0; padding: 5px 1em;
		display: block; 
		color: #000; 
		text-decoration: none;
		}
.topnavlist a:hover {
		margin: 0; padding: 5px 1em;
		display: block; 
		color: #000; 
		text-decoration: none;
		background: #fff url(../images/menu-yellow-highlight.gif) repeat-y bottom left;
		}
.topnavlist a:active {
		margin: 0; padding: 5px 1em;
		display: block; 
		color: #000; 
		text-decoration: none;
		}


.navlist a:link {
		margin: 0; padding: 5px 1em;
		display: block; 
		color: #fff; 
		text-decoration: none;
		}
.navlist a:visited {
		margin: 0; padding: 5px 1em;
		display: block; 
		color: #fff; 
		text-decoration: none;
		}
.navlist a:hover {
		margin: 0; padding: 5px 1em;
		display: block; 
		color: #fff; 
		text-decoration: none;
		background: #fff url(../images/menu-red-highlight.gif) repeat-y bottom left;
		}
.navlist a:active {
		margin: 0; padding: 5px 1em;
		display: block; 
		color: #fff; 
		text-decoration: none;
		}

.subnav a:link {
		margin: 0; padding: 5px 3em;
		display: block; 
		color: #300; 
		text-decoration: none;
		}
.subnav a:visited {
		margin: 0; padding: 5px 3em;
		display: block; 
		color: #300;
		text-decoration: none;
		}
.subnav a:hover {
		margin: 0; padding: 5px 3em;
		display: block; 
		color: #300;
		text-decoration: none;
		background: #fff url(../images/menu-subnav-highlight.gif) repeat-y bottom left;
		}
.subnav a:active {
		margin: 0; padding: 5px 3em;
		display: block; 
		color: #300;
		text-decoration: none;
		}



/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^TEXT STYLES^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.logo {margin: 50px 50px 80px 150px; }

#text-iframe {
	margin: 0px; padding: 0px 0px 0 0px;
	}

#text-iframe iframe {
	margin: 0px 12px; padding: 0px;
	text-align: center;
	}


#text {
	margin: 0px; padding: 0px 40px 0 40px;
	}
	
	
#footer {
	font-size: .9em;
	color: #999;
	margin: 0; padding: 3em 0 1em 0;
	}

.note {font-size: 1.5em; color: #c00;}
address {font-style: normal;}
.required {font-weight: bold; color: #c00; padding: 0 5px;}
.shorttext {margin: 1em 0 60em 0;}

cite {font-weight: bold; font-style: normal; margin: 0; padding: 0;}
.quote {font-style: italic; margin: 1em 0 0 0; padding: .5em 0; border-top: solid 1px #eee;}
p {clear: both;}
p.home {clear: none;}
p.rule {border-top: solid 1px #ccc; margin: 1em 0 0 0; padding: 1em 0 0 0;}

p.photonext {clear: none;}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^IMAGE STYLES^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.pic-right {float: right; margin: 1em;}


#text img {float: right; margin: 0 15px 10px 15px; padding: 5px; border: solid 1px #ccc;}
#text img.dropshadow {border: none;}
#text img:after {clear: both;}
#text .left-img {float: left; margin: 0 5px; padding: 5px; border: solid 1px #ccc;}
#text .left-none {float: left; margin: 0 5px; padding: 5px; border: none;}
#text .right-none {float: right; margin: 0 5px; padding: 5px; border: none;}
#text .right-img {float: right; margin: 0 5px; padding: 5px;}
#text .media-box {float: right; margin: 0 5px; padding: 5px;}
#text .center-img {text-align: center; margin: 0; padding: 0px;}
#text .center-img img {float: none; border: none;}

#text img.pic-home-right {float: right; margin: 1em; padding: 0; border: none;}

.movie {float: right; border: solid 1px #ccc; text-align: center; padding: 0px 0; margin: 10px; width: 320px; height: 260px;}
.audio {float: right; border: solid 1px #ccc; width: 220px; text-align: center; padding: 0px 5px; margin: 10px;}

.audio p {font-size: .9em; font-weight: bold; text-align: left; color: #900; }


#text .photogallery img {display: block; float: none; border: solid 1px #ccc; padding: 0; margin:0; clear: both; }
.photogallery {float: left; width: 210px; padding: 6px; font-weight: bold;}
#gallery .spacer {width: 100%; border-top: solid 1px #ccc;}

#text table img  {float: none; margin: 0 auto; padding: 5px; border: solid 1px #ccc;}
td { padding: 10px;}
table.photos td p {margin: 0;}

#text div.photorow img {margin: 5px; padding: 3px; float: none;  border: solid 1px #ccc;}
#text div.photorow {margin: 5px auto; padding: 0px;width: 100%;text-align: center;  }



/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^LIST STYLES^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.rightlist {float: right; width: 40%;}
.leftlist {float: left; width: 40%;}
.leftlist-h {float: right; width: 30%;}
#eventlist { border: solid 1px #fff;}

#eventlist:after { content: ""; display: block; height: 0; clear: both;}


dt {font-weight:bold; margin: 1.5em 0 0 0;}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^FORM STYLES^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

input {border: solid 1px #666;}
textarea {border: solid 1px #666;}
.formtable td {padding: 1em .5em;}
.formtable tr {border-top: solid 1px #eee;}
table {border-collapse: collapse; border-spacing: none;}

.songlist td {padding: 1em .5em;}
.songlist th {text-align: left; }
.songlist tr {border-top: solid 1px #eee;}
table.songlist {margin: 1em 0; border-collapse: collapse; border-spacing: none;}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^RIGHTCOLUMN STYLES^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#rightcolumn {
	margin: 0 0px 0 0; padding: 0;
	width: 172px;
	float: left;
	color: #fff;
	background: #666;
	/* width 222px */}

#blurb p {
	margin: 1em 10px;
	}

#language p {	margin: .5em 10px; text-align: right;}

#blurb ul {
	margin: 1em 10px;
	list-style-type: none;
	padding: 0;
	}


#blurb li {
	margin: 10px 0;
	list-style-type: none;
	padding: 0;
	}

#blurb {
	margin: 0; padding: 0;
	background: #648381 url(../images/menu-green-bg.gif) repeat-y bottom left;
	border-bottom: solid 1px #000;
	}


#topmenu {
	margin: 0; padding: 0px 0;
	background: #E8C56A url(../images/menu-yellow-bg.gif) repeat-y bottom left;
	border-bottom: solid 1px #000;
	color: #000;
	}

#menu {
	margin: 0; padding: 0px 0;
	background: #AB4246 url(../images/menu-red-bg.gif) repeat-y bottom left;
	border-bottom: solid 1px #000;
	}

#menu ul.navlist {
	margin: 0px 0; padding: 0px 0;
	list-style: none;
	border-top: solid 1px #6F382A;
	}
.navlist {padding: 10px 0; margin: 0;
	}

ul.navlist li {
	margin: 0; padding: 0;
	list-style: none;
	border-bottom: solid 1px #6F382A;
	}


#topmenu ul.topnavlist {
	margin: 0px 0; padding: 0px 0;
	list-style: none;
	border-top: solid 1px #6F382A;
	}

.topnavlist {padding: 10px 0; margin: 0;
	}

ul.topnavlist li {
	margin: 0; padding: 0;
	list-style: none;
	border-bottom: solid 1px #6F382A;
	}


#topcurrent {
		display: block;
		color: #300; 
		background: #fff url(../images/menu-yellow-highlight.gif) repeat-y bottom left;
		}
#current {
		display: block;
		color: #fff; 
		background: #fff url(../images/menu-red-highlight.gif) repeat-y bottom left;
		}

#menu ul.subnav {
	margin: 0px 0; padding: 0px 0 0 0px;
	list-style: none;
	background-color: #cc8852;
	color: #300;
	border: none;
	}

/* ^^^^^^^^^^^^^^^^^HEADLINES^^^^^^^^^^^^^^^^ */

#topmenu h1 { 
	color: #000;
	background: #E8C56A url(../images/menu-yellow-head.gif) repeat-y bottom left;
	font-family: Georgia, Times, Serif; 
	font-size: 1.2em;
	font-weight: normal;
	padding: 10px .5em 5px 40px;
	margin: 0;
	}

#menu h1 { 
	background: #AB4246 url(../images/menu-red-head.gif) repeat-y bottom left;
	font-family: Georgia, Times, Serif; 
	font-size: 1.2em;
	font-weight: normal;
	padding: 10px .5em 5px 40px;
	margin: 0;
	}



#blurb h1 { 
	background: #648381 url(../images/menu-green-head.gif) repeat-y bottom left;
	font-family: Georgia, Times, Serif; 
	font-size: 1.2em;
	font-weight: normal;
	padding: 10px .5em 5px 40px;
	margin: 0;
	}

#text h1 {
	font-size: 1.6em;
	font-family: Georgia, Times, Serif;
	font-weight: normal;
	color: #AB4246;
	line-height: 1.2em;
	margin: 0; padding: 0;
	}

#text-iframe h1 {
	font-size: 1.6em;
	font-family: Georgia, Times, Serif;
	font-weight: normal;
	color: #AB4246;
	line-height: 2em;
	margin: 0px; padding: 0px 40px 0 40px;
	}

#text h2 {
	font-size: 1.5em;
	font-family: Georgia, Times, Serif;
	font-weight: normal;
	color: #648381;
	line-height: 1.3em;
	margin: 0; padding: 1em 0 0 0;
	clear: both;}

#text-iframe h5 {
	font-size: 1.3em;
	font-family: Georgia, Times, Serif;
	font-weight: normal;
	color: #C36832;
	line-height: 1.5em;
	margin: 0px; padding: 0px 40px 0 40px;
	}

h3 {
	font-size: 1.3em;
	font-family: Georgia, Times, Serif;
	font-weight: normal;
	color: #C36832;
	line-height: 1.5em;
	margin: 0; padding: 0;
	}

h4 {margin: 0; padding: 0;}