/* 
 -------------------------------------------------------------------------
 Section 25 stylesheet 2006
 -------------------------------------------------------------------------
*/

/* 
 ------------------------------------------------------------
 Main HTML styles
 ------------------------------------------------------------
*/

body  {
	background-attachment: fixed;
/*	background-image: url(images/background2.jpg); */
	background-image: url(images/yellowmarble4.jpg); 
/*	background: #FFFFCC ; */
	color: black ;
/* font-family: Trebuchet MS, helvetical, arial, sans-serif; */
/*	font-family: Verdana, helvetical, arial, sans-serif; */
	font-family: helvetical, arial, sans-serif;
	font-size: 11pt;
	text-decoration: none;
	margin: 0 ;
	border: 0 ;
	padding: 0 ;
}

/* Hyperlinks */
a:link, 
a:visited, 
a:active {
/*	color: #6666CC; 
	color: #FFCC33; */
	color: blue ;
	text-decoration: none;
}
a:hover {
/*	background: #CCFFFF;
	color: #6666CC; 
	background: #FBCE2A ; */
	color: blue ;
	text-decoration: underline;  
}

/* Headers */
h1 {
/*	background-image: url(images/yellowmarble4.jpg); */
	font-family: "Trebuchet MS", verdana, helvetical, arial, sans-serif;
	font-size: 26pt;
	text-align: center;
	padding: 2px ;
}
h2 {
/*	background-image: url(images/yellowmarble4.jpg); */
	font-family: "Trebuchet MS", verdana, helvetical, arial, sans-serif;
	font-size: 18pt;
	text-align: center;
	text-decoration: none;
	padding: 2px ;
}
h3 {
/*	background-image: url(images/yellowmarble4.jpg); */
	font-family: "Trebuchet MS", verdana, helvetical, arial, sans-serif;
	font-size: 14pt;
	text-align: center;
	text-decoration: none;
	padding: 2px ;
}
h4 {
/*	background-image: url(images/yellowmarble4.jpg); */
	font-family: "Trebuchet MS", verdana, helvetical, arial, sans-serif;
	font-size: 12pt;
	text-align: center;
	text-decoration: none;
	padding: 2px ;
}

/* 
 ------------------------------------------------------------
 Main DIV styles
 ------------------------------------------------------------
*/

/*
#PageContainer {
	width:95% ;
	margin-left: auto ;
	margin-right: auto ;
	border: 8px solid yellow ;
}
*/
/* Main Container DIVs for page */
#PageHeader {
/*	background-attachment: fixed;
	background-image: url(images/yellowmarble3.jpg); */
	clear: both ;
	background: #FBCE2A ; 
/*	background: #FF9900 ; */
/*	color : #ffffff; */
	border: 0;
/*	padding: 1em ; */
	border: 4px solid #FBCE2A ;
	height: 60px ; 
	top: 2px ;
/*	border: 6px outset #B99204 ; */
}

#PageBody {
	margin: 0px auto; 
/*	text-align:center; */
}

#PageFooter {
	clear: both ;
	color: black ;
	margin-top: 5px; 
	background: #FBCE2A ;
	text-align: center ;
	padding: 8px ;
}

/* Page header DIVs */
#PageHeaderLeft {
	top: 0px;
	float: left ;
	width: 100 ;
/*	background: #FBCE2A ;
	color: #A12D16 ; */
	text-align: center ;
}
#PageHeaderCentre {
	top: 0px ;
/*	background: #FBCE2A ;
	color: #EFE8D8 ; */
	margin-left: 115px ;
	margin-right: 115px ;
	font-family: helvetical, arial, sans-serif;
	font-size: 28pt ;
	font-weight: bold ;
	padding: 4px;
	text-align: center ;
}
#PageHeaderRight {
	top: 0px;
	float: right ;
	width: 100px ;
/*	background: #FBCE2A ;
	color: #A12D16 ; */
	text-align: center ;
}

/* Left hand menu container */
#MenuContainer {
	background-attachment: fixed;
	background-image: url(images/yellowmarble4.jpg);
	text-align: center ;
	float: left ;
	left: 5px ;
	display: block ;
	width: 120px ;
/*	height: 500px; */
	padding: 5px ;
}

#MainContent {
/*	clear: both ; */
	background: white ;
/*	background: #FFF9BF ; */
/*	background: #FFFFEF ; */
	margin-left: 135px ;
	margin-right: 135px ;
	padding: 4px ;
}

/* Horrible hack for IEs awful "width" support */
#IETableHack {
	width: 98% ;
	margin-left: auto ;
	margin-right: auto ;
}


/* A menu header */
.MenuHeader {
	background: #FBCE2A ;
	color: black ;
	border: 1px solid;
	padding: 2px;
	padding-left: 3px;
	font-family: helvetical, arial, sans-serif;
	font-size: 10pt ;
	font-weight: bold ;
	text-decoration: none;
	border-color: white white white white ; 
	display: block;
	margin: 0px;
	text-align: left;
}

/* Menu hyperlinks */
.Menu a ,
.Menu a:visited, 
.Menu a:active {
	background: #FFF4CF ;
	color: black ;
	border: 1px solid;
	padding: 2px;
	padding-left: 3px;
	font-family: helvetical, arial, sans-serif;
	font-size: 10pt ;
	font-weight: normal ;
	text-decoration: none;
	border-color: white white white white ; 
	display: block;
	margin: 0px;
	text-align: left;
}

.Menu a:hover {
/*	background: #F2BD74 ; */
   background-attachment: fixed;
	background-image: url(images/yellowmarble3.jpg);
	color: black;
	border: 1px solid;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 1px;
	border-color: white white white white;
	text-decoration: none;
}


/* 
 ------------------------------------------------------------
 Input Fields.
 ------------------------------------------------------------
*/

.Button {
	font-family: helvetical, arial, sans-serif;
	font-size: 10pt; 
	padding: 2px ;
	vertical-align: middle ;
	border: outset 2pt ;
	border: intset 2pt ;
}

.Button:hover {
	background: #FFCC33;
	color: #000000;
	text-decoration: none
}

/* Link Buttons */
.LinkBUtton:link,
.LinkButton:visited, 
.LinkButton :active {
	background: lightgrey ;
	color: black ;
	font-family: helvetical, arial, sans-serif;
	font-size: 10pt; 
	padding: 2px ;
	vertical-align: middle ;
/*	border: outset 2pt ;
	border: intset 2pt ; */
	border: solid 2pt lightgrey ;
	text-decoration: none;
	padding: 1px ;
	width: 30px ;
}
.LinkButton:hover {
	background: #FFCC33;
	color: #000000;
	text-decoration: underline;  
}

.InputField {
	background: #ffffff ;
	font-family: helvetical, arial, sans-serif;
/*	font-size: 12px ; */
	width: 98% ;
}
.InputFieldTextArea {
	background: #ffffff ;
	font-family: helvetical, arial, sans-serif;
/*	font-size: 12px ; */
	width: 90% ;
	height: 300px ;
}
.InputFieldCheck {
	background: #ffffff ;
	font-family: helvetical, arial, sans-serif;
	font-size: 10px ;
}

/* 
 ------------------------------------------------------------
 Tables
 ------------------------------------------------------------
*/

/* General Table Style */
table.GeneralTable {
	width: 90%;  
	margin-left: 5% ;
	margin-right: 5% ; 
/*	margin-left: auto ;
	margin-right: auto ; */
	border: 1px solid grey ;
	border-collapse: collapse;
}
table.GeneralTable th {
	border-width: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	border-style: none none none none;
/*	border-color: blue blue blue blue; */
	-moz-border-radius: 0px 0px 0px 0px;
	background: #FFCC33;
	color: black ; 
	font-family: helvetical, arial, sans-serif;
	font-size: 12pt; 
}
table.GeneralTable td {
	border-width: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	border: 1px solid grey ;
	border-collapse: collapse;
	font-family: helvetical, arial, sans-serif;
	font-size: 11pt ; 
	vertical-align: top ;
}

/* Pictures Table */
table.Pictures {
	width: 90%;  
	margin-left: 5% ;
	margin-right: 5% ; 
/*	margin-left: auto ;
	margin-right: auto ; */
	border: 1px solid grey ;
	border-collapse: collapse;
}
table.Pictures th {
	border-width: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	border-style: none none none none;
/*	border-color: blue blue blue blue; */
	-moz-border-radius: 0px 0px 0px 0px;
	background: #FFCC33;
	color: black ; 
	font-family: helvetical, arial, sans-serif;
	font-size: 13pt; 
}
table.Pictures td {
	border-width: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	border: 1px solid grey ;
	border-collapse: collapse;
	font-family: helvetical, arial, sans-serif;
	font-size: 11pt ; 
	vertical-align: top ;
}
/* Login table */
table.Login {
	width: 400;  
	margin-left: auto ;
	margin-right: auto ; 
	border: 1px solid grey ;
	border-collapse: collapse;
}
table.Login td {
	border-width: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	border: 1px solid grey ;
	border-collapse: collapse;
	font-family: helvetical, arial, sans-serif;
	font-size: 11pt ; 
	vertical-align: top ;
	text-align: center;
}

/* MIDI Note Names table */



/* 
 ------------------------------------------------------------
 Lyrics
 ------------------------------------------------------------
*/

#LyricsContainer {
	font-family: helvetical, arial, sans-serif;
	font-size: 11pt;
	text-align: center ;
	padding: 10px ;
}

/* All this for fucking retarded IE... */
#LyricsContainer h1, 
#LyricsContainer p, 
#LyricsContainer a, {
	text-align: left ;
}

#LyricsContainer h1 {
	background: none ;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica ;
	font-size: 18pt;
}

#LyricsContainer h2 {
	background: none ;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica ;
	font-size: 16pt;
	text-align: left ;
}

#AlbumList p,
#AlbumList li {
	text-align: left ;
}

#AlwaysNow p {
	text-align: left ;
}

p {
	text-align: left;
}

#AlbumList {
	width: 300px ;
	margin: 0 auto ;
	background: #FFF4CF ;
	padding: 10px;
	border: 2px solid lightgrey ;
	text-align: left ;
}
#AlbumList li {
	list-style: alpha ;
	font-size: 18px ;
	padding: 6px ;
	text-align: left ;
}

.AlbumTracks {
	width: 500px ;
	margin-right: auto ;
	margin-left: auto ;
	background: #FFF4CF ;
	padding: 10px;
	border: 2px solid lightgrey ;
	text-align: left ;
}

.AlbumTracks  h1 {
	background: none ;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica ;
	font-size: 18pt;
}

.AlbumCover {
	float: right ;
}

/* 
 ------------------------------------------------------------
 "Special" styles
 ------------------------------------------------------------
*/

.PageBanner {
	font-family: helvetical, arial, sans-serif;
/*	font-family: Impact, fantasy ; */
	font-stretch: semi-expanded ;
	font-size: 26pt ;
}

.ProfilePicture {
	display: block ;
/*	float: left ; */
	border: 0 ;
	padding: 2px ;
}

.NewsItem {
	clear: both ;
}

.Quotation {
	margin-left: 40px ;
	margin-right: 40px ;
	background: #FFF4CF ;
	padding: 10px;
	border: 2px solid lightgrey ;
	font-style: italic ;
	padding: 4px;
}

.FloatRight {
	float: right;
/*	width: 103px; */
	margin: 0 0 10px 10px;
	background-color: #fff;
	padding: 10px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
}

.FloatLeft {
	float: left;
	margin: 0 0 10px 10px;
	clear: left;
}

div.FloatRight img {
	border-top: 2px solid #555;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #555;
}

p { margin-top: 0; }

.InlineHeader {
	font-weight: bold ;
}

.ErrorMessage {
	color: red ;
}

/* 30th Anniversary header */
.Header30thAnniversary {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica ;
	font-size: 18pt;
	font-weight: bold ;
	text-align: center;
}


/* 
 ------------------------------------------------------------
 General purpose styles.
 ------------------------------------------------------------
*/

.Right, .right {
	text-align: right
}
.Centre, .centre {
	text-align: center
}
.Italic, .italic {
	font-style: italic;
}
.Bold, .bold {
	font-weight: bold ;
}

.RetardBrowserAlertleft {
	text-align: center ;
}

/* 
 ------------------------------------------------------------
 Colours section - used for reference only
 ------------------------------------------------------------
*/
.sxxvYellow {
	color: #FBCE2A ;
}

.sxxvAnvilRed {
	color: #C01818 ;
}