body {
	background-color:white;
	font-family:"Trebuchet MS", sans-serif;
	}

#container {
	width:920px;
	margin:0 auto;
	}
	
#header{
	width:100%;
	}
	
#navigation {
	width:100%;
	height:22px;
	text-align:right;
	background-color:lightgreen;
	}
	
#footer {
	width:100%;
	text-align:right;
	background-color:lightgreen;
	clear: both;
	text-align:center;
	}
	
.footer_text {
	font-size:10px;

	}

.footer_text a{
	color:#000000;
	text-decoration:none;
	}
	
.footer_text a:hover {
	color:#CC6600;
	}
	
.navicons{
	margin: 2px 5px 2px 0;
	vertical-align:middle;
	}
	
.navicons:hover {
	border-bottom:1px #ffffff dashed;
	}

h1 {
	margin: 10px 0 0 10px;
	font-size:36px;
	color:#CC6600;
	}

h2 {
	margin: 0 0 10px 25px;
	font-size:24px;
	color:#FFFFFF;
	}
	
.navigation_header {
	font-size:18px;
	color:#CC6600;
	margin:0px;
	}
	
#vertinav {
	width:165px;
	float:left;
	}
	
#vertinav ul {
	list-style: none;
	display:inline;  
}
#vertinav li a{
	margin-left:6px;
	font-size: 14px;
	color:darkblue;
	text-decoration:none;
	padding-left:2px;
	}

#vertinav li a:hover {
	border-left: 2px solid #CC6600;
	}
	
#content {
	float:right;
	}
	
p {
	color:darkblue;
	margin: 0 5px 20px 5px;
	text-align: justify;
	}
	
a {
	color:blue;
	text-decoration:none;
	}
	
a:hover {
	color:#CC6600;
	text-decoration:none;
	}

.notes {
        width:735px;
       }

.topStatus {
  text-align: center;
  font-size: 11px;
  font-family: 'trebuchet ms',helvetica, sans-serif;
  padding: 25px 10px 25px 10px;
  width:475px;
  height:80px;
  overflow:auto;
}

.darkBg {
  position:absolute;
  top: 0px;
  left: 0px;
  background-color: rgb(0, 0, 0);
  opacity: 0.70; /* Safari, Opera */
  -moz-opacity:0.70; /* FireFox */
  z-index: 100;
  height: 100%;
  width: 100%;
}

.progressMsgDiv {
  position: absolute;
  font-family: 'trebuchet ms',helvetica, sans-serif;
  font-size: 32px;
  color:#CC6600;
  text-align: center;
  z-index: 101;
  vertical-align:middle;
  display:block;
}

.dropDown {
  background: LightSalmon;
  font-family: 'trebuchet ms',helvetica, sans-serif;
}

.notes {
  background: Azure;
  font-size: 12px;
  font-family: 'courier new', fixed;
}

.pianoKeysDiv {
  font-family: 'trebuchet ms',helvetica, sans-serif;
  color: #CC6600;
}

.playAllBtn {
  color: darkblue;
  background: lightgreen;
  border: 1px solid darkblue;
  width: 150px;
  font: bold 84% 'trebuchet ms', helvetica, sans-serif;
}

.playAllBtnHover {
  color: black;
  background: green;
  border: 1px solid darkblue;
  width: 150px;
  font: bold 84% 'trebuchet ms', helvetica, sans-serif;
}

.playTrkBtn {
  color: darkblue;
  background: lightgreen;
  border: 1px solid darkblue;
  width: 150px;
  font: bold 84% 'trebuchet ms', helvetica, sans-serif;
}

.playTrkBtnHover {
  color: black;
  background: green;
  border: 1px solid darkblue;
  width: 150px;
  font: bold 84% 'trebuchet ms', helvetica, sans-serif;
}

.playSelBtn {
  color: darkblue;
  background: Yellow;
  border: 1px solid darkblue;
  width: 150px;
  font: bold 84% 'trebuchet ms', helvetica, sans-serif;
}

.playSelBtnHover {
  color: black;
  background: Gold;
  border: 1px solid darkblue;
  width: 150px;
  font: bold 84% 'trebuchet ms', helvetica, sans-serif;
}

.stopBtn {
  color: darkblue;
  background-color: red;
  border: 1px solid darkblue;
  width: 150px;
  font: bold 84% 'trebuchet ms', helvetica, sans-serif;
}

.stopBtnHover {
  color: blue;
  background-color: darkred;
  border: 1px solid darkblue;
  width: 150px;
  font: bold 84% 'trebuchet ms', helvetica, sans-serif;
}

.subsDiv {
  width:1000px;
  font-family: 'Arial Narrow', helvetica, sans-serif;
  font-size:12px;
  margin: 10px;
  height:500px;
  border: 1px solid red;
  overflow:auto;
}
.subsFilterTxt {
  font-size:11px;
  height:12px;
  overflow:hidden;
}
.subsRowNormal {
  display:block;
}
.subsRowInvisible {
  display:none;
}
.submitFormBody {
  font-size:12px;
  font-family: 'Arial Narrow',helvetica,sans-serif;
  color: green;
  background-color:lightblue;
}
.submitFormTbl {
  font-size:12px;
  font-family: 'Arial Narrow',helvetica,sans-serif;
  color:darkBlue;
}
.submitFormTextArea {
  font-size:10px;
  width:250px;
  font-family: 'Arial Narrow',helvetica,sans-serif;
  color:darkBlue;
}


.tblOddRow {
  background: white;
}
.tblEvenRow {
  background: #eeffee;
}

/* These classes are used as class tags in subs.js although they
 * are empty here
 */
.subsDateCol {
}
.subsSubmitterCol {
}
.subsTitleCol {
  width:250px;
}
.subsProjCol {
}
.subsMp3Col {
}
.subsCommentCol {
  width:150px;
}