/* Based on a template from www.bluerobot.com */

a:link {
	background-color: transparent;
	color: #B22222; }

a:visited {
	background-color: transparent;
	color: #22B262;
}

a:hover {
	background-color: transparent;
	color: #62226b;
	text-decoration: underline;
}

a.button:link {
	background-color: transparent;
	color: #B22222;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0em .5em 0em .5em;
	text-decoration: none;
}

a.button:visited {
	background-color: transparent;
	color: #22B262;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0em .5em 0em .5em;
	text-decoration: none;
}

a.button:hover {
	background-color: #B2226B;
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0em .5em 0em .5em;
	text-decoration: none;
}

a.menu:link {
	background-color: transparent;
	color: #B22222;
	text-decoration: none;
}

a.menu:visited {
	background-color: transparent;
	color: #22B262;
	text-decoration: none;
}

a.menu:hover {
	background-color: #B2226B;
	color: #FFFFFF;
	text-decoration: none;
}

body {
	background-color: #FFE0C0;
	background-image: url(images/musicback.jpg);
	background-repeat: repeat;
	color: #000080;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0em;
	padding: 0em;
}

h1	{
	background-color: transparent;
	color: #008A47;
	font-size: 150%;
	margin: 0em 0em .2em 0em; /*  Think time, 12 o'clock, 3 o'clock, 6, 9 */
}

h1, h2, h3, h4,  h6	{
	line-height: 110%;
	padding: 0px;
}

h2	{
	font-size: 120%;
	margin: 0em;
	line-height: 1.5;
}

h3	{
	margin: 0em;
}

h4	{
	font-size: 84%;
	margin: 0em;
}

h6	{
	font-size: 70%;
	margin: 0em;
}

img {
	border: none;
	padding: 0;
}

p {
	background-color: transparent;
	color: #000080;
	font: bold 84% verdana, arial, helvetica, sans-serif;
	margin: 0em 0em .4em 0em; /* Think time, 12 o'clock, 3 o'clock, 6, 9 */
	padding: 0em;
}

td input {
	font-family: monospace,Courier;
}

td select {
	font-family: monospace,Courier;
}

td textarea {
	font-family: monospace,Courier;
}

td.spec {
	background-color: transparent;
	color: #800080;
	font-size: 84%;
	font-weight: bold;
	line-height: 12px;
	padding: 2px 2px;
	text-align: left;
}

.center {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
}

.content {
	border: 1px solid #990000;
	color: #800000;
	margin: 0px 10px 10px 155px;
	padding: 10px 10px 10px;
	background-color: transparent;
}

.footer {
	background-color: transparent;
	border: 1px solid #990000;
	color: #800000;
	margin: 0px 10px 0px 155px;
	padding: 5px;
}

/* menucontent fits inside the sidebar */
.menucontent {
	background-color: transparent;
	border: 1px solid #990000;
	color: #FFFFFF;
	font: bold 1em Tahoma, verdana, arial, helvetica, sans-serif;
	padding: .2em;
}

/* menuother also fits inside the sidebar */
.menuother {
	background-color: transparent;
	border: none;
	color: #000000;
	font-weight: bold;
	text-align: left;
}

.menu-small {
	font-size: smaller;
	margin-left: .5em;
}

/* sidepanel is the placeholder for the menucontent */
.sidepanel {
	clear: left; /* not sure if I need this */
	margin-left: .5em;
	position: absolute;
	top: 90px;
	width: 135px;
}

#banner {
	position: absolute;
	right: .8em;
	top: .7em;
}

#header {
	background-color: transparent;
	color: #FFFFFF;
	height: 90px;
	margin: 0px 0px 0px 0px; /* Think time, 12 o'clock, 3 o'clock, 6, 9 */
}

#logo {
	float: left;
}

.float-left-pad {
	float: left;
	margin-right: 10px;
}

.float-right-pad {
	float: right;
	margin-left: 10px;
}

address {
	font-style: normal;
	margin: 0px;
}

#footer {
	color: #000000;
	font-size: 70%;
	background-color: #FEC164;
	padding: 2px 30px;
	border-top: #800000;
}

#small_banner {
	float: right; width: 120px; 
}
