body {
	margin:0;
	padding:0;
	height:100%;
	background-color: #FFFFEB;
} 

/*
text etc. styles
*/

.inputbox { border:1px solid #333333;}
.small_italic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #333333;
}
.small_italic_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #660000;
	text-decoration: none;
}
.copy_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #660000;
	text-decoration: none;
	font-weight: bold;
}
.search_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #006633;
	text-decoration: none;
	font-weight: bold;
}
.factsheet_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #009933;
	text-decoration: none;
	font-weight: bold;
}.header_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #333333;
	font-weight: bold;
}
.main_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
.right_align_strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: bold;
	text-align: right;
	position: absolute;
	right: 150px;
}
.right_align_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	text-align: right;
	position: absolute;
	right: 150px;
}
.sub_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
}
.perf_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: bold;
	position: absolute;
	left: 20px;
	top: 10px;
}
.start_time {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: bold;
	position: absolute;
	left: 240px;
	top: 10px;
}
.perf_details {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	position: absolute;
	left: 20px;
	top: 35px;
}
.date_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #670001;
	text-decoration: none;
}
.date_link_selected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #670001;
	text-decoration: underline;
}
.front_page_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #670001;
	text-decoration: underline;
	left: 10px;
}
.main_text_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
}
.comm_copy_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #670001;
	text-decoration: none;
}
.copy_link_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #670001;
	text-decoration: none;
}
.main_text_smallest {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
}
textarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
}
/*
Top menu navigation
*/

.top_menu {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #006633;
	width: 100%;
	height: 75px;
}
.welcome_nav {
	position: absolute;
	left: 18px;
	top: 30px;
	background-color: #006633;
}
.welcome_nav_spacer {
	position: absolute;
	left: 90px;
	top: 30px;
	background-color: #006633;
}
.grieg_nav {
	position: absolute;
	left: 104px;
	top: 30px;
	background-color: #006633;
}
.grieg_nav_spacer {
	position: absolute;
	left: 163px;
	top: 30px;
	background-color: #006633;
}
.grainger_nav {
	position: absolute;
	left: 173px;
	top: 30px;
	background-color: #006633;
}
.grainger_nav_spacer {
	position: absolute;
	left: 244px;
	top: 30px;
	background-color: #006633;
}
.musicians_nav {
	position: absolute;
	left: 254px;
	top: 30px;
	background-color: #006633;
}
.musicians_nav_spacer {
	position: absolute;
	left: 330px;
	top: 30px;
	background-color: #006633;
}
.pianola_nav {
	position: absolute;
	left: 340px;
	top: 30px;
	background-color: #006633;
}
.pianola_nav_spacer {
	position: absolute;
	left: 433px;
	top: 30px;
	background-color: #006633;
}
.twoL_nav {
	position: absolute;
	left: 443px;
	top: 30px;
	background-color: #006633;
}
.twoL_nav_spacer {
	position: absolute;
	left: 526px;
	top: 30px;
	background-color: #006633;
}
.history_nav {
	position: absolute;
	left: 536px;
	top: 30px;
	background-color: #006633;
}
.history_nav_spacer {
	position: absolute;
	left: 621px;
	top: 30px;
	background-color: #006633;
}
.contacts_nav {
	position: absolute;
	left: 631px;
	top: 30px;
	background-color: #006633;
}

/*
Title bar layout
*/

.title_bar {
	position: absolute;
	left: 0px;
	top: 75px;
	background-color: #000000;
	width: 100%;
	height: 39px;
	background-image: url(../images/titlebar_graphics/keyboard.gif);
	background-repeat: repeat-x;
	z-index:1;
	background-position: center;
}
.institute_logo_box {
	position: absolute;
	left: 0px;
	background-color: #000000;
	height: 39px;
	width:410px;
}
.institute_logo {
	position: absolute;
	left: 5px;
	top: 7px;
	background-color: #000000;
}
.keyboard_long {
	position: absolute;
	left: 410px;
	top: 7px;
	background-color: #000000;
}
.search_button_box {
	position: absolute;
	left: 562px;
	background-color: #000000;
	height: 39px;
	width: 55px;
	padding-left: 5px;
}
.search_button {
	position: absolute;
	top: 10px;
	background-color: #000000;
}
.search_box {
	position: absolute;
	left: 615px;
	top: 7px;
	background-color: #000000;
}
.go_button_box {
	position: absolute;
	left: 738px;
	background-color: #000000;
	height: 39px;
	width: 25px;
	padding-left: 5px;
}
.go_button {
	position: absolute;
	top: 10px;
	background-color: #000000;
}
.keyboard_short {
	position: absolute;
	left: 766px;
	top: 7px;
	background-color: #000000;
}



/*
side bar layout
*/

.side_bar {
	position: absolute;
	left: 0px;
	bottom: 90px;
	top: 114px;
	background-color: #006633;
	width: 171px;
	height: 100%;
	background-image: url(../images/background/nav_back.gif);
	background-repeat: repeat-y;
	overflow: auto;
}
.side_image_home {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #006633;
	width: 171px;
	height: 397px;
	z-index: 5;
}
.side_bar_sub_nav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	left: 0px;
	top: 114px;
	bottom: 90px;
	background-color: #FFF6D7;
	width: 171px;
	height: 100%;
}
.side_flags_home {
	position: absolute;
	left: 0px;
	top: 388px;
	background-color: #660033;
	width: 171px;
	height: 27px;
	z-index: 5;
}

/*standard sub nav positions */

.sub_nav_1 {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #FFF6D7;
}
.sub_nav_2 {
	position: absolute;
	left: 0px;
	top: 25px;
	background-color: #FFF6D7;
}
.sub_nav_3 {
	position: absolute;
	left: 0px;
	top: 50px;
	background-color: #FFF6D7;
}
.sub_nav_4 {
	position: absolute;
	left: 0px;
	top: 75px;
	background-color: #FFF6D7;
}
.sub_nav_5 {
	position: absolute;
	left: 0px;
	top: 100px;
	background-color: #FFF6D7;
}
.sub_nav_6 {
	position: absolute;
	left: 0px;
	top: 125px;
	background-color: #FFF6D7;
}
.sub_nav_6a {
	position: absolute;
	left: 20px;
	top: 125px;
	background-color: #FFF6D7;
}
.sub_nav_7 {
	position: absolute;
	left: 0px;
	top: 150px;
	background-color: #FFF6D7;
}
.sub_nav_8 {
	position: absolute;
	left: 0px;
	top: 175px;
	background-color: #FFF6D7;
}
.sub_nav_9 {
	position: absolute;
	left: 0px;
	top: 200px;
	background-color: #FFF6D7;
}
.sub_nav_10 {
	position: absolute;
	left: 0px;
	top: 225px;
	background-color: #FFF6D7;
}
.sub_nav_11 {
	position: absolute;
	left: 0px;
	top: 250px;
	background-color: #FFF6D7;
}
.sub_nav_12 {
	position: absolute;
	left: 0px;
	top: 275px;
	background-color: #FFF6D7;
}
.sub_nav_13 {
	position: absolute;
	left: 0px;
	top: 300px;
	background-color: #FFF6D7;
}
.sub_nav_14 {
	position: absolute;
	left: 0px;
	top: 325px;
	background-color: #FFF6D7;
}
.sub_nav_15 {
	position: absolute;
	left: 0px;
	top: 350px;
	background-color: #FFF6D7;
}
.sub_nav_16 {
	position: absolute;
	left: 0px;
	top: 375px;
	background-color: #FFF6D7;
}

/*
footer layout
*/

.footer {
	position: absolute;
	left: 0px;
	top: 520px;
	background-color: #99CC99;
	width: 171px;
	height: 90px;
}
.copyright {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #99CC99;
}
.contacts {
	position: absolute;
	left: 0px;
	top: 75px;
	background-color: #006633;
}

/*
display area layout
*/
.grand_pianola {
	position: absolute;
	background-color: #FFFFEB;
	left: 110px;
	top: 40px;
	z-index: 1;
}
.gavel_man {
	position: absolute;
	background-color: #FFFFEB;
	left: 150px;
	top: 38px;
	z-index: 1;
}
.display_area {
	position: absolute;
	left: 171px;
	top: 114px;
	background-color: #FFFFEB;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.page_header {
	position: absolute;
	background-color: #FFFFEB;
	left: 21px;
	top: 20px;
}
.shop_page_header {
	position: absolute;
	background-color: #FFFFEB;
	left: 21px;
	top: 15px;
}
.todays_date {
	position: absolute;
	background-color: #FFFFEB;
	left: 250px;
	top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
.event_box {
	position: absolute;
	left: 0px;
	top: 45px;
	background-color: #FFFFEB;
	width: 430px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFCC33;
	border-right-color: #FFCC33;
	border-left-color: #FFCC33;
	z-index: 2;
}
.text_area {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	position: absolute;
	width: 550px;
	left: 25px;
	top: 51px;
	z-index: 2;
	line-height: 16px;
	float: left;
}
.shop_text_area {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	position: absolute;
	width: 550px;
	left: 25px;
	top: 51px;
	z-index: 2;
	line-height: 16px;
	float: left;
}
.shop_text_area img{
	float: left;
	padding: 10px 10px 0px 0px;
}
.inline_image {
	position: absolute;
	z-index: 2;
	float: right;
}
.date_position {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	position: absolute;
	width: 550px;
	left: 0px;
	top: 200px;
	z-index: 2;
	line-height: 16px;
}
.artist_position {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	position: absolute;
	width: 550px;
	left: 100px;
	top: 200px;
	z-index: 2;
	line-height: 16px;
}
.concert_listing {
	border: 1px solid #670001;
	padding: 0px;
}
.tc_list {
	list-style-type: decimal;
}
.disk_list {
	list-style-type: disc;
}
.comm_text_area {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	position: absolute;
	width: 550px;
	left: 25px;
	top: 51px;
	z-index: 2;
	line-height: 16px;
	float: left;
}
.fax_table {
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.shop_form {
	border: 1px solid #670001;
	padding: 0px; 
}
.event_details_box {
	position: absolute;
	left: 1px;
	top: 10px;
	background-color: #FFFFEB;
	width: 430px;
	height: 500px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFCC33;
	border-right-color: #FFCC33;
	border-bottom-color: #FFCC33;
	border-left-color: #FFCC33;
	z-index: 2;
}

/*
factsheet layout
*/

.factsheet_menu {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #670001;
	width: 100%;
	height: 75px;
}
.factsheet_title_bar {
	position: absolute;
	left: 0px;
	top: 35px;
	background-color: #000000;
	width: 100%;
	height: 39px;
	background-image: url(../images/factsheet_graphics/keyboard.gif);
	background-repeat: repeat-x;
	z-index:1;
	background-position: center;
}
.factsheet_logo_box {
	position: absolute;
	left: 0px;
	background-color: #000000;
	height: 39px;
	width:410px;
}
.factsheet_logo {
	position: absolute;
	left: 5px;
	top: 7px;
	background-color: #000000;
}
.factsheet_image {
	position: absolute;
	background-color: #CC9999;
	left: 0px;
	top: 24px;
	width: 171px;
}
.factsheet_footer {
	position: absolute;
	left: 0px;
	top: 470px;
	background-color: #CC9999;
	width: 171px;
	height: 90px;
}
.factsheet_copyright {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #FFFFEB;
}
.factsheet_display_area {
	position: absolute;
	left: 171px;
	top: 8px;
	background-color: #FFFFEB;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.factsheet_header {
	position: absolute;
	background-color: #FFFFEB;
	width: 550px;
	left: 25px;
	top: 5px
}
.factsheet_text_area {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	position: absolute;
	width: 550px;
	left: 25px;
	top: 50px;
	z-index: 2;
	line-height: 16px;
	float: left;
}
.factsheet_side_bar {
	position: absolute;
	left: 0px;
	top: 75px;
	background-color: #CC9999;
	width: 171px;
	height: 100%;
}
