/* CSS Document */

/* makes all link borders invisible */
a img {border:none;}
/* makes all link borders invisible */


#banner img, #banner span {
position:absolute;
top:0;
left:0;

}

#wrapper{ 
	    padding: 0 0 0 0;
	    margin-bottom:20px;
	    text-align:left; /* leave unchanged */ 
   		width: 653px;
		min-height: 477px;
		height: 100%;
	 	position:static;
		margin-left: auto;
		margin-right: auto;
		} 
	
body 	{
		background: url(../img/bg_1080p.jpg) no-repeat;
		background-color: #000000;
		margin-bottom:0px;
		}
	
.header{
		border:none;
		background: url(../img/logo.jpg) no-repeat;
		width:100%;
		height:261px;
		padding 10px 0 0 0:
		margin:
		position:relative;
		min-width:180px;
		max-width:180px;
		}

.headtxt{
		color:#FFFFFF;
		font-size:14px;
		padding:2em 2em 4em;
		}

p { font-family: Vista Sans, Verdana, Arial, Helvetica; color:#EEE; font-size:14px; }
p span{ font-family: Vista Sans, Verdana, Arial, Helvetica; color:#999; font-size:14px; }
h1 { font-family: Vista Sans, Verdana, Arial, Helvetica; color:#FFF; font-size:34px; margin-bottom:5px; }
h2 { font-family: Vista Sans, Verdana, Arial, Helvetica; color:#DDD; font-size:20px;  font-weight: normal; margin-top:-15px;}
h7 { font-family: Vista Sans, Verdana, Arial, Helvetica; color:#FFFFFF; font-size:12px;  font-weight: normal; margin-top:-15px;}
span { font-family: Vista Sans, Verdana, Arial, Helvetica; color:#444; font-size:18px; }
ul { list-style-type: none; margin-left: -40px;}
li a { font-family: Vista Sans, Verdana, Arial, Helvetica; color:#999; font-size:16px; text-decoration: none;}
li a:hover { color:#FFFFFF; }


/* ----------------------------- lyrics / words ---------------------------*/
	
#words{ 
		background: url(../img/bg_683.gif) repeat;
		padding: 10px;
	    margin-bottom:20px;
	    text-align:left; /* leave unchanged */ 
   		width: 663px;
		min-height: 477px;
		height: 100%;
	 	font-size: 20px;
		font-family: Vista Sans, sans-serif, Verdana, Times New Roman, Arial;
		color: #222222;
		margin-left: auto;
		margin-right: auto;
		} 
		
#words h4 { font-family: Vista Sans, Verdana, Arial, Helvetica; color:#ffe84d; font-size:16px;  font-weight: normal; margin-top:0px;}
#words a { font-family: Vista Sans, Verdana, Arial, Helvetica; color:#ffe84d; font-size:16px; text-decoration: none; margin-top:-15px;}
#words a:hover { color:#55f1ff; margin-top:-10px;}

/* ----------------------------- lyrics / words ---------------------------*/

#feather{ 
		background: url(../img/feather_and_dot.png) no-repeat;
		width: 733px;
		height: 70px;
		font-size: 16px;
		font-family: Vista Sans, sans-serif, Verdana, Times New Roman, Arial;
		color: #e10000;
		margin-left: -60px;
		margin-right: 40px;	
		margin-bottom: -75px;
		padding: 30px 20px 0 0px;
		text-align: right;
		}

/* ----------------------------- head begins ---------------------------*/

#head{
background-color: #8A8863;
border-right: 0px solid #F7F6F1;
border-left: 0px solid #F7F6F1;
margin-left: none;
margin-top:none;
margin-bottom: 10px;
background: url(../img/hdr.gif) repeat-x;
width:880px;
height:0px;
padding:0px 0 0 0;
font-family: Vista Sans, sans-serif, Arial, Helvetica;
font-size:10px;
color: #FFF;
position:relative;
z-index: 2;
}


#head ul
{
list-style: none;
margin: 0;
border: none;
margin-left:none;
}

#head li
{
border-bottom: none;
margin: 0;
}

#head li a
{
display: auto;
padding: none;
border-right:none;
background-color: none;
color: #ccc;
text-decoration: none;
margin-top: none;
}

html>body #head li a { width: auto; }

#head li a:hover
{
border-right:none;
background-color: none;
color: #FFF;
}

/* ----------------------------- new ---------------------------*/


#black{ 
		background-color: #000;
		padding: 10px;
	    margin-bottom:20px;
	    text-align:left; /* leave unchanged */ 
   		width: 653px;
		min-height: 477px;
		height: 100%;
	 	font-size: 20px;
		font-family: Vista Sans, sans-serif, Verdana, Times New Roman, Arial;
		color: #ffaf34;
		margin-left: auto;
		margin-right: auto;
		} 
	


/* ----------------------------- info ---------------------------*/


.info {
color: #647e56; 
font-size:14px;
font-family: Futura, Verdana, Arial, Helvetica;
text-decoration: none;
}

/* ----------------------------- new ---------------------------*/


#main {
height: 100%;
min-height: 800px;
padding: 0 0px 20px 20px;
margin-left: 135px;
*margin-left: 100px;
margin-top: -125px;
color: #555555; 
font-size:14px;
font-family: Futura, Verdana, Arial, Helvetica;
}

#main p{
color: #647e56; 
font-size:12px;
font-family: Futura, Verdana, Arial, Helvetica;
text-decoration: none;
margin: 0; 
padding:0;
}

#main h3{
color: #647e56; 
font-size:14px;
font-family: Futura, Verdana, Arial, Helvetica;
text-decoration: none;
}

#main h2{
color: #DDD; 
font-size:16px;
font-family: Futura, Verdana, Arial, Helvetica;
text-decoration: none;
font-weight: normal;
}
#main h1{
color: #666666; 
font-size:28px;
font-family: Futura, Verdana, Arial, Helvetica;
text-decoration: none;
}


/* ----------------------------- new ---------------------------*/


h4 {
font-size: 14px; 
color: #5e8948; 
font-family: sans-serif;
}

h4 a{
font-size: 14px; 
color: #5e8948; 
font-family: sans-serif;
}

#lyrics {
height: 100%;
padding: 0 0px 20px 20px;
color: #647e56; 
font-size:14px;
font-family: Futura, Verdana, Arial, Helvetica;
}

#lyrics h3{
color: #FFFFFF; 
font-size:16px;
font-family: Futura, Verdana, Arial, Helvetica;
}

#lyrics h4{
color: #cccccc; 
font-size:10px;
font-family: Futura, Verdana, Arial, Helvetica;
}

#banner {
width: 1079px;
height: 130px;
position:relative;
background:#FFF;
padding: 0 0px 0 20px;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
font-family: Futura, Verdana, Arial, Helvetica;
font-size:96px;
color: #2da3cb;
}



/* ----------------------------- tt1 begins ---------------------------*/


#tt1 ul {
border: 0px solid #666;
margin:0px 0px 0px -55px;
width: 683px;
height: 384px;
font-size: 20px;
font-family: Vista Sans, sans-serif, Verdana, Times New Roman, Arial;
overflow: visible;
}


#tt1 ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background: url(../img/header.jpg) no-repeat;
color: #3C5776;
text-decoration: none;
width: 683px;
height: 384px;;
margin-top:0px;
}

html>body #tt1 ul a {  }

#tt1 ul a:hover {
padding: 0px 0px 0px 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background-color: #464D5B;
background: url(../img/header.jpg) no-repeat;
color: #FFF;
width: 683px;
height: 384px;;
}




/* ----------------------------- donate begins ---------------------------*/


#poster ul {
border: 0px solid #666;
margin:0px 0px 0px -55px;
width: 683px;
height: 576px;
font-size: 20px;
font-family: Vista Sans, sans-serif, Verdana, Times New Roman, Arial;
overflow: visible;
}


#poster ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background: url(../img/cofieldmusic-poster.jpg) no-repeat;
color: #3C5776;
text-decoration: none;
width: 683px;
height: 576px;;
margin-top:0px;
}

html>body #poster ul a {  }

#poster ul a:hover {
padding: 0px 0px 0px 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background-color: #464D5B;
background: url(../img/cofieldmusic-poster.jpg) no-repeat;
color: #FFF;
width: 683px;
height: 576px;
}


/* ----------------------------- donate begins ---------------------------*/


#donate ul {
border: 0px solid #666;
margin:0px 0px 0px -55px;
width: 683px;
height: 436px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow: visible;
}


#donate ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background: url(../img/cofieldmusic2.jpg) no-repeat;
color: #3C5776;
text-decoration: none;
width: 683px;
height: 436px;;
margin-top:0px;
}

html>body #donate ul a {  }

#donate ul a:hover {
padding: 0px 0px 0px 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background-color: #464D5B;
background: url(../img/cofieldmusic2.jpg) no-repeat;
color: #FFF;
width: 683px;
height: 436px;
}





/* ----------------------------- cd begins ---------------------------*/


#cd ul {
border: 0px solid #666;
margin:10px 0px 0px -40px;
width: 120px;
height: 127px;
font-size: 20px;
font-family: Vista Sans, sans-serif, Verdana, Times New Roman, Arial;
overflow:hidden;
}


#cd ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background: url(../img/stethoscope2.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 120px;
height: 254px;
margin-top:0px;
overflow:hidden;
}

html>body #cd ul a {  }

#cd ul a:hover {
padding: 0px 0px 0px 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background-color: #464D5B;
background: url(../img/stethoscope2.png) no-repeat;
color: #FFF;
width: 120px;
height: 254px;
margin-top:-127px;
overflow:hidden;
}


/* ----------------------------- cd begins ---------------------------*/


#cd2 ul {
border: 0px solid #666;
margin:10px 0px 0px -40px;
width: 120px;
height: 127px;
font-size: 20px;
font-family: Vista Sans, sans-serif, Verdana, Times New Roman, Arial;
overflow:hidden;
}


#cd2 ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background: url(../img/2009ep.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 120px;
height: 254px;
margin-top:0px;
overflow:hidden;
}

html>body #cd2 ul a {  }

#cd2 ul a:hover {
padding: 0px 0px 0px 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background-color: #464D5B;
background: url(../img/2009ep.png) no-repeat;
color: #FFF;
width: 120px;
height: 254px;
margin-top:-127px;
overflow:hidden;
}

/* ----------------------------- myspace begins ---------------------------*/


#my ul {
border: 0px solid #666;
margin:0px 0px 0px 0px;
width: 110px
height: 42px;
font-size: 1px;
font-family: Vista Sans, sans-serif, Verdana, Times New Roman, Arial;
overflow: hidden; 
}


#my ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/myspace2.png) no-repeat;
width: 110px
height: 84px;
margin-top:0px;
overflow: hidden;
}

html>body #my ul a {  }

#my ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/myspace2.png) no-repeat;
color: #FFF;
width: 110px;
height: 84px;
margin-bottom:-42px;
overflow: hidden;
}

/* ----------------------------- facebook begins ---------------------------*/


#facebook ul {
border: 0px solid #666;
margin:0px 0px 0px 0px;
width: 110px
height: 84px;
font-size: 1px;
font-family: Vista Sans, sans-serif, Verdana, Times New Roman, Arial;
z-index: 3;
}


#facebook ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/facebook.png) no-repeat;
width: 110px
height: 84px;
margin-top:0px;
overflow: hidden;
}

html>body #facebook ul a {  }

#facebook ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/facebook.png) no-repeat;
color: #FFF;
width: 110px;
height: 84px;
margin-bottom:-42px;
overflow: hidden;
}



/* ----------------------------- footer begins ---------------------------*/

#footer{
margin-left: 1px solid #F7F6F1;
margin-top:-10px;
margin-bottom:45px;
background-color: none;
width:785px;
height:30px;
padding:5px 50px 30px 155px;
font-family: Verdana, Arial, Helvetica;
font-size:10px;
color: #666;
position:relative;
float: left;
}

#footer ul
{
list-style-type: none;
margin-top:0px;
border: none;
margin-left:none;
height:35px;
}

#footer li
{
border-bottom: none;
margin: 0;
}

#footer li a
{
display: auto;
padding:5px 50px 30px 150px;
border-right:none;
background-color: none;
color: #666;
text-decoration: none;
margin-top: none;
}

html>body #footer li a { width: auto; }

#footer li a:hover
{
border-right:none;
background-color: none;
color: #222;
}