/*---	
	Copyright (c) 2000-2008 Miss Barbell Productions
	Slim Pickins XHTML Master CSS Selectors
---*/

/* Standard Elements */

body {
	margin:0;
	padding:0;
	font-family: Tempus Sans,Arial,Helvetica,sans-serif;
	background-color: #504838;
	background: url("/images/menubg.jpg") repeat;
	color: yellow;
	font-size: 90%;
	text-align: left;
}

a {
	font-family: Tempus Sans,Arial,Helvetica,sans-serif;
	color: #ffffff; 
}

a:link, a:visited, a:active {
	text-decoration: none
}
a:hover {
	text-decoration: underline;
}

h1		{ color: white; font-size: 200%; font-weight: bold; text-align: center; margin: 0 0 5px 0; }
h2		{ color: white; font-size: 140%; border-bottom: 1px solid yellow; }
h3		{ color: white; font-size: 120%; text-align: center; }
h4		{ color: white; font-size: 120%; }

hr		{ height: 1px; border: 0; color: yellow; background-color: yellow; }

th		{ vertical-align: top; }
td		{ vertical-align: top; }

img		{ border: 0; }
i		{ color: white; }

img.left  { margin: 0 10px 10px 0; }
img.right { margin: 0 0 10px 10px; }

select	{ color: #000000; width: 150px; }

/* Master Page Layout */

#pagecontainer { margin: 0; }
#left {
	position: absolute;
	width:  50px;
	height: 400px;
	margin:	10px auto auto 10px;
	border: 0px solid #f00;
}
#centre {
	position: absolute;
	padding:  10px;
	margin:	10px 0px auto 10px;
	border: 0px solid #0f0;
	right:  170px;
	left:   70px;
}
#right {
	position: absolute;
	padding:  5px;
	width:  150px;
	right:  0px;
	margin:	10px 10px auto auto;
	border: 0px solid #00f;
}

#content {}
#footer {
	clear: both;
	text-align: center;
	font-size: 80%;
}
#navbar {
	font-size: 140%;
	margin:  4px auto 4px auto;
	padding: 4px;
	background-color: #000;
	text-align: center;
}

#FileList {
	font-size:80%;
	font-family:Verdana,Arial,sans-serif;
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: gray;
	margin:5px 10px 10px 10px;
}

/* Named Classes */

.box {
	margin: 10px 0 10px 0;
	border: 1px solid yellow;
}

.lyric {
	width: 100%;
	padding:0;
	border:0;
	margin: 5px 0 5px 0;
	border-spacing: 0px;
	border-collapse: collapse;
}

.lyric p	{ margin: 0 10px 20px 10px;}
.lyric th	{ font-size: 12pt; color: white;  background-color : gray;  font-weight:bold; padding: 2px;  font-style: italic;}
.lyric td	{ font-size: 10pt; color: yellow; background-color : black; font-weight:600;  padding: 10px;}

#spacer { clear: both; }
.imagel { margin: 0 10px 10px 0; }
.imager { margin: 0 0 10px 10px; }
.inline { margin: 10px; }

.bold		{ font-weight:600}
.smalltext	{ font-size: 7pt; }
.alert		{ color: #0f0;  font-weight: 600;}
.yellow		{ color: yellow;  font-weight: 600;}

.admin table    { border: 0px; }
.admin table th { padding: 1px 10px 1px 0; }
.admin table td { padding: 1px 10px 1px 0; }

#opt01 a	    { display:block; background: url(/images/nav/opt01-on.gif);  width:150px; height:30px; }
#opt01 a:hover	{                background: url(/images/nav/opt01-off.gif); width:150px; height:30px; }
#opt02 a	    { display:block; background: url(/images/nav/opt02-on.gif);  width:150px; height:30px; }
#opt02 a:hover	{                background: url(/images/nav/opt02-off.gif); width:150px; height:30px; }
#opt03 a	    { display:block; background: url(/images/nav/opt03-on.gif);  width:150px; height:30px; }
#opt03 a:hover	{                background: url(/images/nav/opt03-off.gif); width:150px; height:30px; }
#opt04 a	    { display:block; background: url(/images/nav/opt04-on.gif);  width:150px; height:30px; }
#opt04 a:hover	{                background: url(/images/nav/opt04-off.gif); width:150px; height:30px; }
#opt05 a	    { display:block; background: url(/images/nav/opt05-on.gif);  width:150px; height:30px; }
#opt05 a:hover	{                background: url(/images/nav/opt05-off.gif); width:150px; height:30px; }
#opt06 a	    { display:block; background: url(/images/nav/opt06-on.gif);  width:150px; height:30px; }
#opt06 a:hover	{                background: url(/images/nav/opt06-off.gif); width:150px; height:30px; }
#opt07 a	    { display:block; background: url(/images/nav/opt07-on.gif);  width:150px; height:30px; }
#opt07 a:hover	{                background: url(/images/nav/opt07-off.gif); width:150px; height:30px; }
#opt08 a	    { display:block; background: url(/images/nav/opt08-on.gif);  width:150px; height:30px; }
#opt08 a:hover	{                background: url(/images/nav/opt08-off.gif); width:150px; height:30px; }
#opt09 a	    { display:block; background: url(/images/nav/opt09-on.gif);  width:150px; height:30px; }
#opt09 a:hover	{                background: url(/images/nav/opt09-off.gif); width:150px; height:30px; }
#opt10 a	    { display:block; background: url(/images/nav/opt10-on.gif);  width:150px; height:30px; }
#opt10 a:hover	{                background: url(/images/nav/opt10-off.gif); width:150px; height:30px; }