/* CSS Document */
/**********************************************************************************************/
/* This document details the layout for the top template: fonts, menubar details, header etc. */
/* and all generic stuff.																	  */
/* plus anything to do with 'top-level' pages.												  */
/**********************************************************************************************/

/* Font Specifications */
p, h1, h2, h3, h4, h5, label, td, th, li, input, textarea {
	font-family: Georgia, "Times New Roman", serif;
	color: black;
}
h1 {
	font-size: large;
}
h2 {
	font-size: medium;
}
h3 {
	font-size: larger;
}

td {
	vertical-align:top;
	font-size: 12px;
}
/****** End of Fonts **************/

/******* Button Behaviour ********/
#menuBar {
	margin-left: 25px;
	z-index: 2;
	position: absolute;
	top: 150px;
}
#menuBar a span { 
	display:none;
}
#menuBar div span {
	display:none;
}
#menuBar a {
	display:block;	
}
#menuBar a:link {
	display:block;	
}

#homeButton, #compositionsButton, #teachingButton, #contactButton {
	float:left;
	height: 50px;
	background-repeat:no-repeat;
	z-index: 2;
}

#homeButton {
	width: 75px;
	background-image: url(Images/Buttons/home.gif);
	z-index: 2;
}
#homeButton:hover {
	background-image: url(Images/Buttons/home_RO.gif);
}
#compositionsButton {
	width: 150px;
	background-image: url(Images/Buttons/compositions.gif);
	z-index: 3;
}
#teachingButton {
	width: 200px;
	background-image: url(Images/Buttons/teaching.gif);
}
#teachingButton:hover {
	background-image: url(Images/Buttons/teaching_RO.gif);
}
#contactButton {
	width: 150px;
	background-image: url(Images/Buttons/contact.gif);
}
#contactButton:hover {
	background-image: url(Images/Buttons/contact_RO.gif);
}

a span {
	display:none;
}

#subMenu {
	background-image: url(Images/submenuBkgd.gif);
	height: 110px;
	width: 150px;
	left: 200px;
	top: 200px;
	position: absolute;
	z-index: 4;
	visibility: hidden;
}
#subMenu a {
	text-decoration: none;
	padding-left: 10px;
	font-weight: bold;
	color: #590016;
	display:block;	
}
#subMenu a:link {
	display:block;	
}
#subMenu hr {
	color: #590016;
	width: 140px;
}

/* Button on description and jpeg pages */
#closeWindow {
	border: #590016 outset solid;
	background-color: #FFFFFF;
	color: #590016;
	margin-right: 50px;
}

.menuInsert {
	float:left;
	height: 40px;
	vertical-align:middle;
}
.accessibilityInsert {
	display: none;
}
/****** End of Buttons **************/

body {
	width: 750px;
	padding: 0;
}

#header { 
	margin-left: 10px;
	margin-bottom: 10px;
}
#bodyText {
	left: 150px;
	padding-right: 20px;
	z-index: 1;
	position: absolute;
	top: 200px;
	width: 570px;
}
#sidebar {
	background-image:url(Images/sidebar.gif);
	background-position: top center;
	background-repeat: no-repeat;
	width: 150px;
	padding-top: 70px;
	padding-left: 10px;
	height: 750px;
	z-index: 1;
}
.viewBasket {
	border: none;
	float: right;
}
/* To float images and boxed text */
.floatRight { 
	float: right;
	margin: 10px;
	margin-right: 10px;
	clear: right;
}
.floatleft { 
	float: left;
	margin: 10px;
	margin-left: 10px;
}

/* for labels */
label span {
	font-style: italic;
}

/* For all tables */
.tableTitle, .tableType, .tableDifficulty, .tableDuration, .tableInfo, .tableCost, .tablebuyNow, .tableTitleTR {
	font-size: 9px;
	font-style: italic;
	font-weight: bold;
	border-bottom: thin black solid;
	text-align: center;
}

.tableTitleTR {
	width: 30%;
}
.tableTitle {
	width: 22%;
}
.tableType {
	width: 14%;
}
.tableDifficulty {
	width: 14%;
}
.tableDuration {
	width: 12%;
}
.tableInfo {
	width: 12%;
}
.tableCost {
	width: 10%;
}

/* For choral works page */
.goTo {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

.returnTop {
	font-style: italic;
	text-align: right;	
}

/* For Thank You page */
#thanks {
	text-align: center;
}

/* ACWD */
#ACWD {
	text-align:center;
	font-size: 9px;
	color:#000099;
}

/* for description window */
#descriptionBody {
	width: 280px;
}

.noBorder {
	border: none;
}