BODY {
      background-color : #FFFFFF;
      background-image: url(images/bkgrd.gif);
      background-repeat: repeat-y; 
      font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      color : #12007c;
      margin: 0px; 
      }
	  
td {
	font-size:14pt;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#12007C;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
		}

#white {
		background-color:#FFFFFF;
		}

B { font-weight: bold }
I { font-style: italic }
P { 
	font-size:15px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #12007C; 
	margin:0;
	padding:0;
	}
h1{ font-size: 24px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#12007C}
h2 { font-size: 28px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#12007C }
h3 { font-size: 30px; font-family: Verdana, Geneva, Arial, Helvetica,  sans-serif; color: #12007C; font-weight: bold}


.bold {font-weight: bold}

/* Color Styles */
.dkbl {color:#12007C }
.blak {color:#000000}
.red {color: #FF0000}
.grey {color:#FFFFFF}
.prpl {color:#800080}
.wht {color:#FFFFFF}

/* Text Styles */

/*Verdana - sans serif Styles */
.caption { font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000000;}
.fs10rb {/* for making "required field" asterisks */
		font-size: 10px; 
		color:#FF0000; 
		font-weight:bold;
} 
.text { font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#12007C;}
.colhead {font-size:small; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration:underline; text-align:center; color:#000000; }
.copy {
	font-size: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	vertical-align: top;
}
.head { font-size: 24px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#12007C; }
.head2 { font-size: 28px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#12007C; }
.head3 { font-size: 30px; font-family: Verdana, Geneva, Arial, Helvetica,  sans-serif; color: #12007C; font-weight: bold; }
.head4 {font-size:36px; font-family:Verdana, Geneva, Arial, Helvetica,  sans-serif; color:#12007C;}
.subhead { font-size: 20px;	font-family: Verdana, Geneva, Arial, Helvetica,  sans-serif;	color:#12007C; font-weight: bold; }
.subhead2 {	font-size: 18px; font-family: Verdana, Geneva, Arial, Helvetica,  sans-serif; color:#12007C;	font-weight: bold; }
.subhead3 {	font-size: 16px; font-family: Verdana, Geneva, Arial, Helvetica,  sans-serif; color:#12007C; font-weight: bold; }
.subhead4 {	font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica,  sans-serif; color:#12007C; font-weight: bold; }

/* End of Text Styles */

.texttimes { font-size: 15px; font-family: "Times New Roman", Times, serif;	color: #000000;}
.subheadtimes { font-size: 19px; font-family: "Times New Roman", Times, serif; font-weight: bold;}
.head3-times { font-size: 30px; font-family: "Times New Roman", Times, serif; font-weight: bold;}

/*Special items */

.heart ul{list-style-image: url("/images/hearts-arrowthru.gif");}

.music { 
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif; 
	
	background: transparent;
	}

.music td {	
	background-color: #FDFACE;
	color:#000000;
	text-align:center;
	border: thin #D8D8D8;
	padding: 2em;
	filter: alpha(opacity=90);opacity:.90;
	}
	
.music a:link {color:#12007C; text-decoration:none;}
.music a:visited {color:#999999; text-decoration:none;}
.music a:hover {color:#FF0000; text-decoration:underline;}
.music a:active {color:#999999; text-decoration:none;}

.navcell{  /* Special container for custom Navigation Bar Links */
	font: Verdana, Geneva, Arial, Helvetica,  sans-serif ; 
	background:#12007C; 
	color:#ffffff; 
	margin-bottom:1px; 
	width:120px; 
	height:16px; 
	padding:2em 0em 0em 0em;
	}
.navcell a:link {color:#FFFFFF;}
.navcell a:visited {color:#F5F3D8;}
.navcell a:hover {color:#FFFF00;}

.Nav {
    position:absolute;/*The navigation on the left side, positioned absolutely*/
    top: 0px; 
    left: 0px;
    width: 120px;
    height: auto;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height : 110%;/*line-height set to 110% in order to*/
    }                  /*have the navigation elements better separated*/		

.Banner {
    margin-top: 0px;
    margin-left: 140px;
	margin-right: 20px;
	text-align:center;
    } 

.clear {
clear: left;
}
	
.Content {/*this is the main content area*/
    /*declare a color together with a contrasting background color*/
     color: #12007C;/*to insure readability*/
     background: #FFFFFF;
	 margin-left: 140px;
    /*to position the content area to the right of the navigation*/
    margin-right: 20px;/*breathing space for the text*/
	padding: 0px;/*space to separate navigation and content*/
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
    width: auto;
    border: 0.1px solid #FFFFFF; 
   /*to insure that NN4.xx renders the background-color of the content area*/
    }

.Content table{
	width:auto;
	min-width:100%;
	}
		
.Box {/*this is a box where the bottom-navigation*/
      /* and the copyright will be placed*/
  background: #FFFFFF;
  color : #000000;
  font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;<a href="/_notes/index2.htm.mno">index2.htm.mno</a>
  font-size: 12px;
  text-align:center;
  padding : 2px;
  margin: 2px;
  border-color : #48D1CC;
  border-style : groove;
  border-width : 2px;/* the border property in longhand*/
  }
  
.hideme {
	float:left;
	bottom:0px;
    width: 120px;
	text-align:center;
	font-family: Verdana, Geneva, Arial, Helvetica,  sans-serif;
	font-size: 12px;
	font-style: normal;
}

.hideme a:link{color: #003399;}
.hideme a:visited{color:#003399;}
.hideme a:hover{color: #0066CC; font-weight:bold;}

a:link {color: #0061a7; text-decoration: underline; }
a:visited {color: #0061a7; text-decoration: none; }
a:hover { color: #ff6600; text-decoration: none; }
a:active { color: #12007c; text-decoration: none; }

.songlist table{
  border-width : 1px;
  border-spacing: 0px;	
  border-style : solid;
  border-color: #FFCC00;
  width:auto;
  min-width:100%;
	}

.songlist th{
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: rgb(255, 204, 0);
	background-color: white;
	color:#12007C;
	font-weight: bold;
	text-align:left;
	vertical-align:middle;
	width:auto;
	min-width:100%;
	font-size: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica,  sans-serif;
		}
	
.songlist td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #ffcc00;
	background-color: white;
	text-align:center;
	vertical-align:middle;
	width:auto;
	min-width:100%;
		}
	
.left {text-align: left; }
.ctr {text-align:center; }
.rgt {text-align:right; }

/*middle align stuff*/

#wrapper {
	width:550px;
	border:1px solid #666;
	padding:10px;
	height:300px;
}
#fixed {
	float:right;
	width:200px;
	height:300px;
	background:#666;
	display:block;
}
#wrapper>#floating { /*display:table for Mozilla & Opera*/
	display:table;
	position:static;
}
#floating { /*for IE*/
	width:300px;
	height:100%;
	background:#EAEAEA;
	position:relative;
}
#floating div { /*for IE*/
	position:absolute;
	top:50%;
}
#floating>div { /*for Mozilla and Opera*/
	display:table-cell;
	vertical-align:middle;
	position:static;
}
#floating div div {
	position:relative;
	top:-50%;
}

#contactform {
background-image:url(/images/waitingforemail-washed.jpg);
background-repeat:no-repeat;
}

#headerdecoration {
	width:100%;
	}
	
#headerdecoration .block {
float: left;
display: block;
}
table.songlist {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #FFCC00 ;
	border-collapse: collapse;
	background-color: white;
	width:auto;
	min-width:100%;
}
table.songlist th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: rgb(255, 204, 0) rgb(255, 204, 0) rgb(255, 204, 0) rgb(255, 204, 0);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	width:auto;
	min-width:100%;
}
table.songlist td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: rgb(255, 204, 0) rgb(255, 204, 0) rgb(255, 204, 0) rgb(255, 204, 0);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	width:auto;
	min-width:100%;
}
#myAlternativeContent1 {
	position: relative;
	float:none;
	margin: 0px;
	padding: 0px;
	width: 331px;
	height: 248px; 
}
.head4r {
	font: bold 36px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #ed0000;
}
table#songlist {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #FFCC00 ;
	border-collapse: collapse;
	background-color: white;
	width:auto;
	min-width:100%;
}
table#songlist td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: rgb(255, 204, 0) rgb(255, 204, 0) rgb(255, 204, 0) rgb(255, 204, 0);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	width:auto;
	min-width:100%;
}
.toprow {text-align:center;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size:24px;
		font-weight:bold;
		vertical-align:middle;
}
.parts{text-align:center;
}
.examples{font:Arial, Helvetica, sans-serif
		font-size:14px;
		font-style:normal
		color: #12007C;
	font: normal 14px Arial, Helvetica, sans-serif;
}