﻿/* Generic Selectors */
.songdivs {
	padding: 5px;
	border-style: none none solid none;
	border-width: medium;
	border-color: #D6D6D6;
	font-size: small;
	color: #000000;
	background-color: #FFFFFF;
	text-align: justify;
}
.noborder {
	border-width: 0;
}
.alignleft {
	text-align: left;
}
.xxsmall {
	font-size: xx-small;
}
.fontsmall {
	font-size: small;
}
.center {
	text-align: center;
}
.green {
	color: #008000;
}
.style24 {
	font-family: Trebuchet, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
}
.mediumfont {
	font-family: Trebuchet, Verdana, Arial, sans-serif;
	font-size: 12px;
}
.xsmall {
	font-size: x-small;
}
.style22 {
}

body {

margin-top: 1px;

margin-left: 1px;

font-family: Trebuchet, Verdana, Arial, sans-serif;

font-size: 12px;

color: black;

background-image: url();
background-repeat: repeat-x;

scrollbar-arrow-color: #3F0;
scrollbar-3d-light-color : #3CF;
scrollbar-base-color: #000;
scrollbar-face-color: #B50B0B;
scrollbar-dark-shadow-color : #006;
scrollbar-highlight-color: #CCC;
scrollbar-shadow-color: #000;

}

p {

width: 100%;

}

li {

list-style-type: none;

line-height: 130%;

list-style-image: url('images/small_arrow.gif');

}

h1 {

font-family: Trebuchet, Verdana, Arial, sans-serif;

font-size: 18px;

font-weight: bold;

color: #A9296C;

}

h2 {

font-family: Trebuchet, Verdana, Arial, sans-serif;

font-size: 16px;

font-weight: bold;

text-align: left;

color: gold;

border-bottom: 1px solid #C6EC8C;

}

h5 {

font-family: Trebuchet, Verdana, Arial, sans-serif;

font-size: 12px;

text-align: center;

font-weight: bold;

color: gray;

border-top: 1px solid #C6EC8C;

}

h3,h4,h6 
{
color: gray
}


/**************** Pseudo classes ****************/

a:link {

color: #B50B0B;

text-decoration: none;

font-weight: normal;

}


a:visited {

color: #9FE03F;

text-decoration: none;

font-weight: normal;

}


a:hover {

color: gold;

padding-bottom: 0px;

font-weight: normal;

text-decoration: none;

}


a:active {

color: rgb(255, 0, 102);

text-decoration: none;

font-weight: normal;

}

/************************* ID's *************************/

#heading {
	position: relative;
	left: 10px;
	top: 15px;
	background-image: url(images/Mel_heading_logo4.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 450px;
	margin: 0;
	border-style: none;
}

#googlead {
	position: absolute;
	text-align: center;
	background: transparent;
	width: 150px;
	height: 1128px;
	left:843px; 
	top:170px;
}

#navigation {
	position: absolute;
	background-image: url(images/side_fade.jpg);
	top: 168px;
	width: 190px;
	height: 1100px;
	margin-left: 10px;
	text-align: left;
	font-family: arial
	margin-top: 188px;
	font-weight: normal;
	line-height: 150%;
	z-index: 3;
}

#centerDoc {
	position: absolute;
	text-align: left;
	background: width url('images/side_fadeR.jpg') repeat background-repeat: height:100%;
	top: 4px;
	width: 627px;
	margin-top: 165px;
	margin-left: 26px;
	left: 180px;
	padding-left: 0px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 5px;
	background-image: url('images/side_fadeR.jpg');
	background-repeat: repeat;
	z-index: 2;
}
#centerDoc2 {
	position: absolute;
	text-align: left;
	top: 4px;
	width: 800px;
	background-color: white;
	margin-top: 165px;
	margin-left: 26px;
	padding-left: 0px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 5px;
	z-index: 1;
}
#songTable {
	position: relative;
	width: 95%;
	height: auto;
	padding: 1px;
	margin: 1px;
	left: auto;
	right: auto;
}
#songTitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	position: relative;
	left: auto;
	right: auto;
}
#footer {
	position: relative;
	height: 60px;
	z-index: 5;
	text-align: center;
	left: 0px;
	top: 0px;
	font-size: 12px;
}
.justify {
	text-align: justify;
}
