/* Style sheet for Salt Lake Symphony (SLS) web site */

body {
	background-color: black;
}

/* A stack of navigation buttons containing links to pages on the site */
div#navstack {
	width: 192px;
}
div#nav {
	//float: left;
}

/* A SLS logo GIF which appears above the nav-button stack */
div#logo {
	height: ;
	width: 180px;
}

/* A button with room for one line of text */
div#button {
	background-color: black;
	width: 180px;
	height: 25px;
	padding-left: 20px;
/* padding-left: 0px; ~20px left padding is built into square.gif */
}
div#button a {
	color: lightgray;
	text-decoration: none;
	display: inline;
}
div#button a:hover {
	color: white;
	text-decoration: none;
}
div#button td {
	color: #CC9966;
}

/* A button with room for two lines of text */
div#button2 {
	background-color: black;
	width: 180px;
	height: 40px;
	padding-left: 20px;
}
div#button2 a {
	color: lightgray;
	text-decoration: none;
}
div#button2 a:hover {
	color: white;
	text-decoration: none;
}
div#button2 td {
	line-height: 1.1em;
	color: #CC9966;
}

/* A bullet-like box which appears to the left of each button */
div#bittyBox {
	background-color: #9C6331;
	width: 8px;
	height: 8px;
	margin-top: 6px;
}

/* Contents panel, to the right of the menu button nav stack */
div#content {
	width: 640px;
	background-color: #CC9966;
	padding: 15px;
	min-height: 600px;
//	margin-left: 179px;
	position: absolute;
	top: 0px;
	left: 192px;
}

div#content p,li {
	font-size: 85%;
}
div#content td {
	vertical-align: top;
	font-size: 100%;
}
div#content a {
	font-size: 110%;
}
div#nav td {
	vertical-align: top;
	font-size: 110%;
}
* {
	font-family: Arial, Helvetica, san serif;
}
/* The usual header, with red-brown underline */
div#content h3 {
	border-bottom: 3px solid #9A3401;
	width: auto;
}
/* Smaller header for guest artists */
div#content h4 {
	border-bottom: 2px solid #9A3401;
	width: 250px;
	font-size: 95%;
}
/* a separator line which match the color and width of the h3 underline */
div#underline {
  	border-bottom: 3px solid #9A3401;
	width: auto;
}
div#footer { /* Copyright, disclaimers, etc. in fine print */
	font-size: 75%;
}
/* <a class=plain> : A link with red-brown color and no underlining */
.plain { 
	text-decoration: none;
	color: #9A3401;
}
.center {
	text-align: center;
}