body {
    background : black;
    font : 1em Arial,Helvetica,sans-serif;
    color : white;
    margin : 0;
  }

a {
	color : #F3DC88;
}

a:visited {
	color : #C8B570;
}

/* column container */

#colmask {
    clear:both;
    float:left;
    width:100%;
    /* width of page */
	overflow : hidden;
  }

/* common column settings */

#colright,#colmid,#colleft {
    float:left;
    width:100%;
    /* width of page */
	position:relative;
  }


#col1,#col2,#col3 {
    float:left;
    position:relative;
    padding:.5em 0 1em 0;
    /* no left and right padding, only top and bottom*/
	overflow:hidden;
  }

/* 3 Column settings */
/* left: 25%, middle: 50%, right: 25% */
/* Padding 1% */


#colmask #colmid {
    right:25%;
    /* width of the right column */
  }


#colmask #colleft {
    right:50%;
    /* width of the middle column */
  }


#colmask #col1 {
    width:48%;
    /* width of center column content (column width - padding on either side) */
	left:101%;
    /* 100% plus left padding of center column */
  }


#colmask #col2 {
    width:23%;
    /* Width of left column content (column width minus padding on either side) */
	left:28%;
    /* width of right column + center column left and right padding + left column left padding */
  }


#colmask #col3 {
    width:23%;
    /* Width of right column content (column width minus padding on either side) */
	left:80%;
    /* 100% - left column width + center column left + right padding + left column left + right padding + right column left padding */
  }


div#banner {
    background : url('../images/banner_long.jpg');
    height : 120px;
  }


div#title_bar {
    background : url('../images/bars1px.png');
    color : black;
	font-size : large;
    font-weight : bold;
    height : 23px;
    text-align : right;
    padding-right:1em;
  }


#footer {
    clear: both;
    background : #555555;
    margin : 1%;
    padding : .5em;
	text-align: center;
  }


#footer p {
    background : #444444;
    color : ivory;
    text-align : center;
    margin : 0 0 .5em 0;
    padding : .25em 0 .25em 0;
  }

#footer img {
	margin : .5em;
}


.bold_gold {
    font : bold 2ex sans-serif;
    color : rgb(170, 155, 83);
  }

ul {
	list-style-image : url('../images/note_white_s.gif');
}

ul#piano_nav {
    font : medium 'Arial', 'sans-serif';
    margin : .5em;
	padding : 0;
    list-style : none none;
    text-align : left;
    width : 180px;
  }


ul#piano_nav li {
	font-size : small;
    background : url('../images/pianokey.png') no-repeat;
    height : 30px;
    width : 180px;
    padding : 2px 0px 0px 2px;
  }


ul#piano_nav li a {
    color : black;
    text-decoration : none;
  }


ul#piano_nav li#selected {
    background : url('../images/pianokey_sel.png') no-repeat;
  }


ul#piano_nav li#selected a {
    color : black;
    text-decoration : none;
  }


ul#piano_nav li a:hover {
    color : gray;
    text-decoration : none;
  }


img {
    border : none;
  }

div#col2 img {
    margin : 1em;
  }

#credits {
    margin : 0 50%;
  }

#gallery p {
	width : 130px;
	height : 180px;
	float : left;
	margin : .25em;
	padding : .25em;
	text-align : center;
	border : thin dotted gray;
	overflow : hidden;
}

.caption {
	font-size : xx-small;
}