<style type="text/css">

/* styles for the whole page */

body {}
body {margin:0; padding:10px; border:0; background-color: #6699cc; background-image: url('/images/treble-clef-ai8.gif'); background-repeat: repeat;}
xbody {width: 770px;}
body, p, td, li {font-family: arial, helvetica, san-serif; font-size: 12pt;}

.left_col  {float:left; width:200px; margin-right:1px;}
.right_col {margin-left: 210px; } /* {float:left; width: 550px;} */

img.centered {display:block; margin-left:auto; margin-right:auto; }

/* styles for the banner across top of page */

.banner {
	height:82px;
	font-size: 185%; 
	padding: 0px;
	margin: 10px; 
	color: black;
   font-style: italic;
	text-align: center;
}
.banner img {display:block; padding: 0px; border: 0px;} 
	/* 'block' prevents extra space below image */
.banner a {text-decoration: none; color: black;}

.banner_text {font: italic bold 28px Arial;}
.banner_text .big {font-size: 40px;}

/* styles for the left navigation links */

ul.arrow_list {margin: 0 0 0 1em;}
.arrow_list li {list-style-image: url("/images/arrow.gif"); margin: .25em 0 .25em -2em;}
.arrow_list li a {border:0px; width: 160px;}

.navbutton a
{
   display:block;
   text-decoration:none;
   font: italic bold 12pt Arial;
   color:black;
   width:180px;
   background-color:#f6f9f9;
   border-style:ridge;
   border-color:#039;
   border-width:3px;
   padding:3px;
   margin-bottom: 4px;
}
.navbutton a:hover {color:#f6f9f9; background-color:#66f; }

/* styles for the middle row of page */

.mainpage {clear:both; margin:10px; padding:0px;}

.shadow {
  background: #b4afa3;
  padding: 1px;
  border-left: 1px solid #dcd7c8;
  border-right: 1px solid #dcd7c8;
}  /* http://theshapeofdays.com/2005/11/29/my-contribution-to-the-css-shadow-kerfuffle.html */

.white_page {
	padding:20px; 
	margin:0px; 
	color:black; 
	line-height: 130%; 
	background: #f6f9f9 url(/images/shad_bottom.png) bottom left repeat-x;
}

/* styles for the footer of page */

.footer {clear: both; text-align:center; padding-top: 10px; font-weight: bold;}
.footer a {text-decoration:none; color:black; padding: 0 5px 0 5px;}
.footer a:hover {color:white;}

</STYLE>
