/* 
 ====================================
 Temple of Din stylesheet             
 ==================================== 
*/

body  {
   background : #669999;
   color : #000000;
   font-family : helvetical, arial;
   font-size : 11pt;
   text-decoration : none;
}

img.centre {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/* 
 ====================================
 Hyperlinks                          
 ====================================
*/

a:link,  
a:visited, 
a:active {
   color : #996699;
   text-decoration : none;
}
a:hover {
   background: #996699 ;
   color: white ;
   text-decoration : none ;
}
/* 
 ====================================
 Headers 
 ====================================
*/

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
   font-size : 16pt;
   text-align : center;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
   font-size : 14pt;
   text-align : center;
   text-decoration : none;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
   font-size : 13pt;
   text-align : center;
   text-decoration : none;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
   font-size : 11pt;
   text-align : center;
   text-decoration : none;
}
/*
thead {
   color : #00ffff;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
   font-size : 12pt;
   text-decoration : none;
}
tbody {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
   font-size : 10pt;
   text-decoration : none;
}
*/

/* 
 ====================================
 Tables
 ====================================
*/

.BorderlessTable {
	border: 0px ;   
	padding: 1px ;
	width: 90% ;
}

.MainTable {
/*	width: 80% ; */
	text-align: center ;
	border: 1pt ;
	border-style: collapse ;
}
.TableHeader {
	font-weight : bold ;
	text-align: center ;
	vertical-align: top ;
	border: 2px solid blue ;   
	border-style: collapse ;
	padding: 2px ;
}
.RowOdd {
/*	background : #f7f7f7 ; */
	font-size : 10pt;
	text-align: center ;
	vertical-align: top ;
	border: 1px solid blue ;   
	border-style: collapse ;
	padding: 2px ;
}
.RowEven {
/*	background : #e5e5e5 ; */
	text-align: center ;
	vertical-align: top ;
	border: 1px solid blue ;   
	border-style: collapse ;
	font-size : 10pt;
	padding: 3px ;
}
.RowFooter {
/*	background : #fcfcfc ; */
	text-align: left ;
	font-size : 10pt;
/*	border: 2px solid white ;   */
	border-style: collapse ;
	padding: 3px ;
}
/* 
 ================================
 Input fields
 ================================ 
*/
.Button {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 12px; 
	padding: 2px ;
	vertical-align: middle ;
	border: outset 2pt ;
	border: intset 2pt ;
}
.Button:hover {
   background : #ffffff;
   color : #00ffff;
	text-decoration: none
}
.InputField {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 12px ;
}


/* 
 ============================================================================================================
 New Stuff Added for revmap
 ============================================================================================================
*/
	
/* 
 ----------------------------------------------------------------------
 Main DIV styles
 ----------------------------------------------------------------------
 */

/* Page header */
#PageHeader {
	margin-right: 100px ;
	margin-left: 100px ;
	background: #5B8B8A ;	
	color : #000000;
	color: #DCFCFC ; 
	background: #577777 ;
	color : ;
	padding: 1em ;
	height: 135px ;
}

/* Page header "boxes" */
#PageHeaderLeft {
	top: 0px;
	float: left ;
	width: 160px ;
}
#PageHeaderCentre {
	top: 0px ;
	margin-left: 115px ;
	margin-right: 115px ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 38px ;
	font-weight: bold ;
	text-align: center ;
	padding: 4px; 
}
#PageHeaderRight {
	top: 0px;
	float: right ;
	width: 120px ;
}

/* Page body */
#PageBody {
	padding: 4px ;
}

/* Page footer */
#PageFooter {
	clear: both ;
	margin-left: 100px;
	margin-right: 100px;
	background: #5B8B8A ;	
	background: #577777 ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	text-align: center ;
	padding: 4px ;
}
#PageFooter a:link, 
#PageFooter a:visited, 
#PageFooter a:active {
   color : #666699;
/*	color: white ; */
	color: #DCFCFC ;
   text-decoration : none;
	font-family: Verdana, Arial, Gill, Helvetica, sans-serif ;
	font-size: 12pt ;
}
#PageFooter a:hover {
/*   background: #666699;
   color: #FFffff; */
	background: #DCFCFC ;
	color: black ;
/*   text-decoration : underline; */
}



/* Menu container (left hand of page) */
#MenuContainer {
	text-align: center ;
	float: left ;
	display: block ;
	width: 125px ;
	padding: 8px ;
}

#MainBody {
	margin-left: 100px ;
	margin-right: 100px;
	display: block ;
	background: #AFCACA ;
	background: #DCFCFC;
	padding: 8px ;
}


/* Main content (right hand side of page) */
#MainContent {
	background: #ffffff ;
	margin-left: 135px ;
	margin-right: 30px;
	padding: 4px ;
	text-align: left ;
	border-left: 1px solid #D8E5F2 ;
	border-right: 1px solid #D8E5F2 ;
	border-bottom: 1px solid #D8E5F2 ;
	border-collapse: collapse ;
	padding: 4px ;
}

/* Horrible hack required due to IEs awful "width" support */
#IEWidthHack {
	width: 98% ;
	margin-left: auto ;
	margin-right: auto ;
}

#Pictures {
	text-align: center;
	width: 600px ;
	margin-left: auto ;
	margin-right: auto ;
}

/* 
 ----------------------------------------------------------------------
 Menus
 ----------------------------------------------------------------------
*/

/* A menu header */
.MenuHeader {
	background: #669966 ;
	color: #000000 ;
	border: 1px solid black;
	padding: 2px;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 9pt ;
	font-weight: bold ;
	text-decoration: none;
	display: block;
	margin: 0px;
	text-align: left;
}


/* Menu hyperlinks */
.Menu a,
.Menu a:visited {
	background: #AFCACA ;
	color: #ff8000 ;
	display: block;
	border: 2px solid black ;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 10pt ;
	text-decoration: none;
	text-align: left;
	margin: 0px;
}

.Menu a:hover {
   background: #8BB1B1 ;
   color: #000000 ;
	padding: 2px;
	border: 2px solid #ff8000 ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 10pt ;
}

/*
 ====================================
 Class for lists of MP3 files 
 ====================================
*/
.MP3List {
	width: 500px ;
/*	background: #424B7A ; 
	font-family: "Arial", Gill, Helvetica, sans-serif ; */
	background: #8BB1B1 ;
	font-family: Verdana, Arial, Gill, Helvetica, sans-serif ;
	border: 2px solid black ;
	margin-right: auto ;
	margin-left: auto ;
	padding:10px ;
}

.MP3List h2 {
	background: #669999 ;
	padding: 4px ;
	color: #000000 ;
	color: #DCFCFC ;
	font-family: Verdana, Arial, Gill, Helvetica, sans-serif ;
	font-size: 14pt;  
}

.MP3List li {
	padding: 3px ;
}

.MP3ListText {
	color: white ;
	font-family: Verdana, Arial, Gill, Helvetica, sans-serif ;
	font-size: 9pt ;
	text-align: center ;
}

.MP3List a:link, 
.MP3List a:visited, 
.MP3List a:active {
   color : #666699;
/*	color: white ; */
	color: #DCFCFC ;
   text-decoration : none;
	font-family: Verdana, Arial, Gill, Helvetica, sans-serif ;
	font-size: 12pt ;
}
.MP3List  a:hover {
/*   background: #666699;
   color: #FFffff; */
	background: #DCFCFC ;
	color: black ;
/*   text-decoration : underline; */
}

.Thelema {
	font-style: italic ;
}

.BandMember {
	font-family: Verdana, Arial, Gill, Helvetica, sans-serif ;
	font-weight: bold ; 
}


/*
 ====================================
 General purpose styles.
 ====================================
*/

.Left, .left {
	text-align: left ;
}
.Centre, .centre {
	text-align: center ;
}
.Right, .right {
	text-align: right ;
}

.italic {
	font-style : italic;
}
.bold {
	font-weight : bold ;
}