body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

body#index {
    background-image: url("../images/photos/painting_fade.jpg");
    background-position: top;
}
body#about {
    background-image: url("../images/photos/1grade_fade1.jpg")
}
body#music {
    background-image: url("../images/music/tune_police_fade.jpg")
}
body#applejack {
    background-image: url("../images/music/album_fade.jpg");
    background-position: top;

}
body#contact {
    background-image: url( "../images/photos/wood_pile_fade.jpg")
}
body#corona {
    background-image: url( "../images/photos/virus-grey_fade.jpg");
    background-repeat: repeat-y;

}
body#daffy {
	background-image: url( "../images/daffy/snowball-fade.jpg");
	font-size: 14px;
}
body {
	background-color: #ffffff;
    background-position: top;
	background-repeat: no-repeat;
}
#wrap {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	margin-top: 20px;
    background: rgba(255, 255, 255, 0.5);
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 25px;
}
#index #wrap {
	width: 500px;
	margin-top: 100px;
    background: rgba(255, 255, 255, 0.5)
}
#applejack #wrap {
	width: 900px;
    padding: 20px;
	margin-top: 30px;
    background: rgba(255, 255, 255, 0.75);
    font-size: 15px;
}
#about #wrap {
	width: 700px;
	margin-top: 0px;
    background: rgba(255, 255, 255, 0.65);
}
#music #wrap, #contact #wrap, #corona #wrap {
	width: 900px;
	margin-top: 50px;
    background: rgba(255, 255, 255, 0.65);
}
#wrap #header {
	height: 25px;
}
#navbar {
	text-align: center;
	vertical-align: middle;
	height: 20px;
	margin-top: 2px;
	z-index: 100;
}
#navbar ul {
	list-style: none;
	padding:  0;
	border:  none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#navbar li 	{
	display: inline;
	font-size: 1em;
}
#navbar li a	{
	font-weight:  bold;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 3px;
	padding-left: 12px;
	margin-right: 3px;
	margin-left: 3px;
		}
#navbar a:link, #navbar li a:visited {
	color:  #6f5455;
	background-color:  #ffffff;
	text-decoration: none;
	border: 1px solid #ffffff;
}

body#index li.index a:link, body#index li.index a:visited,
body#about li.about a:link, body#about li.about a:visited,
body#music li.music a:link, body#music li.music a:visited,
body#contact li.contact a:link, body#contact li.contact a:visited,
body#corona li.corona a:link, body#corona li.corona a:visited, 
body#daffy li.daffy a:link, body#daffy li.daffy a:visited 
{
	color:  #ffffff;
	background-color: #BC8F8F;
	border: 1px solid #BC8F8F;
			}	
body#index li.index a:hover,
body#about li.about a:hover,
body#music li.music a:hover,
body#contact li.contact a:hover,
body#corona li.corona a:hover
 {
	color:  #ffffff;
	background-color: #BC8F8F;
	border: 1px solid #BC8F8F;
}		
		
#navbar li a:hover
		{
	color:  #ffffff;
	background-color: #6f5455;
	border: 1px solid #6f5455;
		}


a {
	font-weight: bold;
	color: #6f5455;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#6f5455;
}
a:hover {
	text-decoration: underline;
	color: #6f5455;
}
a:active {
	text-decoration: none;
	color: #999999;
}

h1 {
	font-size: 16px;
	color:#6f5455;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

h2 {
	font-size: 14px;
	color: #6f5455;
}
.indent {margin-left: 50px;}
#footer {
	text-align: center;
	color: #666666;
	font-size: 13px;
	margin-top: 50px;
	clear: both;
}
#footer a:link {
	font-weight: normal;
	}
.rightcell {
	border-left: 1px solid #6f5455;
	border-top: 1px solid #6f5455;
	width: 410px;
	float: right;
	padding-left: 12px;
}
.leftcell {
	border-top: 1px solid #759EAB;
	padding-bottom: 10px;
	float: left;
	width: 275px;
	}
.leftcell li {
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -5px;
}
.leftcell ul {
	text-align: left;
}
.header {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6f5455;
	font-weight: bold;
	line-height: 22px;
}
#content {
	margin-top: 10px;
	line-height: 1.25;
	}
#content p {
	margin-top: 5px;
}
#closewindow {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#contact #wrap #content {
}
#address {
	width: 300px;
	margin-left: 275px;
	line-height: 1.5em;
}
#about #wrap #content img {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#music #wrap #content img {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.photo-right {
    text-align: center;
    float: right;
    font-size: .8em;
    font-style: italic;
    width: auto;
    margin-bottom: 10px;
}
.photo-left {
    text-align: center;
    float: left;
    font-size: .8em;
    font-style: italic;
    width: auto;
    margin-bottom: 10px;
	margin-right: 10px;
}