body {
/*	background-color: #F0D0B0;   */
	background-image:url(../Images/paper2.jpg);
	background-repeat:repeat;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 140%;
}

h1 {
	color: #333300;
	font-size: 24pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 120%;
}

h2 {
	font-size: 16px;
	font-style: italic;
	color: #996600;
	padding-top: 12px;
	line-height: 150%;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #8F0047;
	font-family: Georgia, "Times New Roman", Times, serif;
	vertical-align: 125%;
	padding-top: 8px;
}

h4 {
	font-size: 14px;
	font-style: italic;
}

table {
	border-collapse: collapse;
	border-width: 0px;
}

th {
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}

td {
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;  
}

#maintext {
	position: absolute;
	left: 240px;
	top: 120px;   
	width: 600px;  
	margin-left: 20px;
}

p.msg {
	font-weight: bold;
	font-style: italic;
	color: #ff0000;
	font-size: 14px;
}

.credit {
	font-style: italic;
	font-size: 10px;
}

.instruction {
	font-style: italic;
	font-weight: bold;
	color: #0D4C8C;
}

.biginst {
	font-style: italic;
	font-weight: bold;
	color: #0D4C8C;
	font-size: 120%;
	line-height: 130%;
}

.logo {
	position: absolute;
	height: 100px;
	width: 100px;
	top: 30px;
	right: 30px;
}

.helpscreen {
	margin: 30px;
/*	width: 600px;  */
	background-color: #DDDDDD;  
	background-image: none; 
}

.altline {
	background-color: #FFEDD0;  
}

/* These two styles control the box at the top of the display screen that contains
   the chorus name and conductor.   */
#chorhead {
	background-color: #96826D;
	padding: 5px;
	padding-left: 20px;
	color: #EEEEEE;
}

.chorname {
	font-size: 16px;
	font-weight: bold;
}

/*  These two styles control the visibility of the extra contacts and extra conductors on the 
	submit screen.  */
#x_contacts {
	display: none;
}

#x_conductors {
	display: none;
}

/*.linknote {
	font-size: 60%;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;  
}   */

#banner {
	position: absolute;
	top: 0px;
	left: 240px;
	width: 100%;  
	padding: 20px;
/*	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px; 
	background-color: #CCFFCC;   */
}

#banner img {
	height: 60px;
	width: 750px;
	text-align: right;
	vertical-align: middle;
}

/*  
    styles for the navigation bar -- common to all pages    
*/
#navBar {
	position: absolute;
	z-index: 9;
	left: 10px;
	top: 50px;  
	width: 200px;  
/*	background-color: #663300;  */
	font-size: 110%;
	font-style: italic;
}


#navBar a {
	color: #003366;
}

#navBar a:hover {
	color: #CCFF00;
}

#navBar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navBar li {
	border-width: 0;
	height: 30px;
	padding: 10px;   
	padding-top: 20px;
}

#navBar li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background-color: #663300;
	text-align: center;
}

#navBar .logMsg {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-style: italic;
	color: #CC0000;
	padding-bottom: 20px;   
	text-align: center;
}

#navbar hr {
	color:#000000;
}

/* Change characteristics of the nav bar item whose page we're on.  */
#home #navBar .home a,
#bio #navBar .bio a,
#history #navBar .history a,
#search #navBar .search a,
#subform #navBar .subform a,
#feedback #navBar .feedback a,
#logon #navBar .logon a,
#links #navBar .links a {
	color: #fcae5b;
	cursor: default;
}

#home #navBar .home a:hover,
#bio #navBar .bio a:hover,
#history #navBar .history a:hover,
#search #navBar .search a:hover,
#subform #navBar .subform a:hover,
#feedback #navBar .feedback a:hover,
#logon #navBar .logon a:hover,
#links #navBar .links a:hover {
	background-color: #663300;
}