body {
color: #444444;
background-color: #CCCCCC;
margin: 0;
}
			      
p, li, body {
font: 11px/1.5 "Lucida Grande", Lucida, Verdana, sans-serif;
}

h1 {
  color: #66707a;
  font: bold 24px/24px Candara, "Lucida Grande", Lucida, Verdana, sans-serif;
}

.in {
  font: bold 16px/16px Candara, "Lucida Grande", Lucida, Verdana, sans-serif;	
  color: #66707a;
  border: 1px solid #66707a;
}

.major {
  color: #66707a;
  font: bold 16px/16px Candara, "Lucida Grande", Lucida, Verdana, sans-serif;	
}

.artistTitle {
  color: #66707a;
  font: bold 24px/24px Candara, "Lucida Grande", Lucida, Verdana, sans-serif;	
}

a {
	color: #2d4260;
	text-decoration: none;
}

a:hover {
	color: #879dd8;
	text-decoration: none;
}

.button {
font: 11px/1.5 "Lucida Grande", Lucida, Verdana, sans-serif;
text-align: center;
background-image: url(gfx/button.png);
width: 68px; /* 80 116, 20px for padding */
height: 16px; /* 28 41, 20px for padding */
padding: 6px;
font-weight: bold;
float: left;
color: black;
cursor: hand;
cursor: pointer;
}

.buttonLong {
font: 11px/1.5 "Lucida Grande", Lucida, Verdana, sans-serif;
text-align: center;
background-image: url(gfx/buttonLong.png);
width: 121px; /* 133 80 116, 20px for padding */
height: 16px; /* 28 41, 20px for padding */
padding: 6px;
font-weight: bold;
float: left;
color: black;
cursor: hand;
cursor: pointer;
}

.formButtonBank {
  margin-top: 20px;
}

.chartButtonBank {
  margin-top: 10px;
  margin-bottom: 50px;
}

.fieldContent {
  margin-left: 20px;
}

.contentTitle {
  font: bold 24px/24px Candara, "Lucida Grande", Lucida, Verdana, sans-serif;
  margin: 20px;
  margin-top: 10px;
  margin-bottom: 0px;
}

.content {
  margin: 20px;
  margin-top: 10px;
  margin-bottom: 30px;
}

hr { 
height: 0; 
border-style: dashed; 
border-width: 1px 0 0 0; 
border-color: #CCCCCC; 
}

.dataItemHead {
  font: 11px/1.5 "Lucida Grande", Lucida, Verdana, sans-serif;
  font-weight: bold;
}

.dataItem {
  font: 10px/1.5 "Lucida Grande", Lucida, Verdana, sans-serif;
  background-image: url(gfx/grad.png);
}