/* CSS Document */

/***********************************************************/
/* RESET ALL STYLES                                        */
/***********************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit; 
	font-size: 100%; 
	font-family: inherit;
	vertical-align: baseline; 
}

ol, ul {
	list-style: none;
}

/***********************************************************/
/* MAIN BODY AND HEADER STYLES                             */
/***********************************************************/

body {
	line-height: 1;
	color: black;
	min-width: 821px;
	background-color: #dee0db;
	text-align: center;
	font-family: Tahoma; 
}

body p {
	font-family: Tahoma; 
}

.txt_em { font-style:italic}

#container {
	background-image: url(../images/bg1.gif);
	background-repeat: repeat-y;
	margin: 0 auto;
	text-align: left;
	width: 821px;
	padding: 0;
}
.pullquote {
	position: absolute;
	width: 150px;
	background-image: url(../images/bg_2.gif);
	padding-left: 650px;
	margin-left: -30px;
}

#top {
	background-image: url(../images/top.gif);
	background-repeat: no-repeat;
	height: 28px;
}

#mdpic {
	float: left;
	width: 170px;
	height: 242px;
	clear: both;
}

#mdpic .hdg_lvl_2 {
	color: #987A7C;
	font-size: 18px;
	border-bottom-color: #5685a7;
	border-bottom-width: thin;
	border-bottom-style: solid;
	margin-bottom: 10px;
	clear: left;
	line-height: normal;
	padding-top: 0px;
}

.blue_bar {
	color: #987A7C;
	font-size: 10px;
	border-bottom-color: #5685a7;
	border-bottom-width: thin;
	border-bottom-style: solid;
	margin-bottom: 10px;
	line-height: normal;
	padding-top: 0px;
}

#header {
	background-image: url(../images/brisbane_chorale_symphonic_choir.gif);
	background-repeat: no-repeat;
	height: 135px;
	background-color: #FFFFFF;
	width: 800px;
}

#txt_mid {
	padding-left: 190px;
}


#coming {
	background-image: url(../images/next_concert.jpg);
	background-repeat: no-repeat;
	height: 219px;
	padding: 0;
	margin: 0;
	border: 0;
	width: 457px;
}

#coming .txt {
	font-family: Tahoma;
	font-size: 12px;
	padding: 60px 10px 0px 30px;
	color: #D4E2E5;
}

#coming_piece {
	font-family: Tahoma;
	font-size: 24px;
	color: #f7dad2;
	font-weight: normal;
	font-variant: normal;
}

#choirpic {
	background-image: url(../images/brisbane_chorale_group.jpg);
	height: 219px;
	background-repeat: no-repeat;
	width: 364px;
	position: absolute;
	margin-left: 457px;
}

#footer {
	background-image: url(../images/bottom.gif);
	background-repeat: no-repeat;
	height: 28px;
	clear: both;
}


/*#footer p {
	background-color: #99CC33;
	margin: -20px 0px 0px 630px;
	position: absolute;
}*/

#content {
	/*is this necessary?*/clear: both; 
	font-size: 12px;
/*	width: 569px;
	float: left;
	padding: 0px 10px 0px 30px;
	line-height: 1.5;*/
}

#top p {
	font-size: 9px;
	position: inherit;
	text-align: right;
	padding: 0px;
	color: #666666;
	float: right;
}

#header p {
	font-size: 9px;
	position: inherit;
	text-align: right;
	padding: 0px;
	color: #666666;
	float: right;
}

#blue_bar {
	background-image: url(../images/blue_bar2.gif);
	background-repeat: repeat-x;
	height: 29px;
	margin: 0px 20px 0px 17px;
}

#about_pic {
	position: relative;
	float: right;
}

/***********************************************************/
/* HEADING STYLES                                          */
/***********************************************************/

/*p.sect_hdr {*/
p.hdg_lvl_1 {
	font-family: Tahoma;
	font-size: 24px;
	font-weight: bold;
	color: #5685a7;
	letter-spacing: 0.2em;
	padding: 0px 0px 10px 0px;
}

#sub_rt_nav p.hdg_lvl_1 {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: bold;
	color: #5685a7;
	letter-spacing: 0.2em;
	padding: 0px 0px 10px 0px;
	line-height: normal;
}

/*.past_conc_year_hdr {*/
.hdg_lvl_2 {
	color: #987A7C;
	font-weight: bold;
	font-size: 24px;
	border-bottom-color: #5685a7;
	border-bottom-width: thin;
	border-bottom-style: solid;
	padding: 10px 0px 0px 0px;
	margin-bottom: 20px;
	clear: left;
}

/*.conc_itm_hdr {*/
.hdg_lvl_3 {
	color: #987A7C;
	font-weight: bold;
	font-size: 18px;
	border-bottom-color: #5685a7;
	border-bottom-width: thin;
	border-bottom-style: solid;
	padding: 10px 0px 0px 0px;
	margin-bottom: 20px;
}

/*******************/
/* TEXT FORMATTING */
/*******************/

/*#content .txt {
	width: 569px;
	float: left;
	padding: 0px 10px 0px 30px;
	line-height: 1.5;
}*/

#content .txt {
	width: 569px;
	float: left;
	padding: 20px 10px 0px 30px;/*0px 10px 0px 30px;*/
}

#content p {
	line-height: 1.5;
}

#content p.btm {
	font-family: Tahoma;
	font-size: 10px;
	text-align: center;
	clear: both;
}

.audtn_qstn {
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	background-color: #FFFFFF;
}

/***********************/
/* CONCERT LIST DETAIL */
/***********************/
#conc_list {
	background-color: #FFFFFF;
	padding: 0px 15px;
}

.p_conc_info {
	font-weight: bold;
	font-family: Tahoma;
	font-size: 16px;
}

.concert_item {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 1.5;
	list-style-type: square;
}

.li_composer {
	font-weight: bold;
	font-family: Tahoma;
}

.li_piece {
	font-style: italic;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.li_datetime {
	font-weight: normal;
	font-size: 16px;
	font-family: Tahoma;
}

.conc_itm_dt {
	font-weight: bold;
}

.past_conc_dt {
	float: left;
	width: 150px;
	clear: both;
}

.past_conc_dtls {
	text-indent: 0px;
}

.past_conc_dtls2 {
	float: left;
	clear: none;
	/*width: 409px;*/
	width: 409px;
	padding-right: 10px;
}

.conc_venue {font-weight: bold;}

/***********************************************************/
/*            NAVIGATION                                   */
/***********************************************************/

/************ START MAIN NAV BAR *****************/

/* The main top nav bar with four permanent links appears on every page on the site.
All navigation mouse-over activity is achieved by CSS alone.
Links are placed behind a picture 'Nav_all.jpg' that is made up of eight smaller pictures 
placed in two rows and side-by-side to form a contiguous 2x4 whole picture.
One row of smaller images is blue and the other pink.  Pink is for active and hovered links.
Only bits of the picture are made visible in the appropriate locations, either blue or pink as needed.
The pink versions are moved into place when needed by adjusting the 'top' and 'left' properties of the background image.  
This is known as the 'Sliding Windows' technique in CSS design.
The code below first sets up the starting positions of the four links.  Then for specific pages 
it has specific positioning properties that slide the pink image into the correct place for that page.
Specific pages are identified using an individual page id on each page, so the correct code applies only to that page.
*/
#main_nav {
	width: 340px;
	height: 85px;
	background: url(../images/Nav_all.jpg);
	margin: 45px 0px 0px 460px;
	padding: 0;
	position: absolute;
}

#nav_home {
	left: 0px;
	width: 85px;
	height: 85px;
}

#nav_about {
	left: 85px;
	width: 85px;
	height: 85px;
} 

#nav_concerts {
	left: 170px; 
	width: 85px;
}

#nav_contact {
	left: 255px; 
	width: 85px;
}

#home #nav_home {
	background:  url(../images/Nav_all.jpg) 0 -85px no-repeat; 
}

#links #nav_home {
	background:  url(../images/Nav_all.jpg) 0 -85px no-repeat; 
}

#joinus #nav_home {
	background:  url(../images/Nav_all.jpg) 0 -85px no-repeat; 
}

#members #nav_home {
	background:  url(../images/Nav_all.jpg) 0 -85px no-repeat; 
}

#membership #nav_about {
	background: transparent url(../images/Nav_all.jpg) -85px -85px no-repeat; 
}

#gallery #nav_home {
	background:  url(../images/Nav_all.jpg) 0 -85px no-repeat; 
}

#about #nav_about {
	background: transparent url(../images/Nav_all.jpg) -85px -85px no-repeat; 
}

#accomp #nav_about {
	background: transparent url(../images/Nav_all.jpg) -85px -85px no-repeat; 
}

#concerts #nav_concerts {
	background: transparent url(../images/Nav_all.jpg) -170px -85px no-repeat; 
}
#pastconc80s #nav_concerts {
	background: transparent url(../images/Nav_all.jpg) -170px -85px no-repeat; 
}
#pastconc90s #nav_concerts {
	background: transparent url(../images/Nav_all.jpg) -170px -85px no-repeat; 
}
#pastconc00s #nav_concerts {
	background: transparent url(../images/Nav_all.jpg) -170px -85px no-repeat; 
}

#contact #nav_contact {
	background: transparent url(../images/Nav_all.jpg) -255px -85px no-repeat; 
}

#maillist #nav_contact {
	background: transparent url(../images/Nav_all.jpg) -255px -85px no-repeat; 
}

#support #nav_contact {
	background: transparent url(../images/Nav_all.jpg) -255px -85px no-repeat; 
}

#musdir #nav_about {
	background: transparent url(../images/Nav_all.jpg) -85px -85px no-repeat; 
}
#history #nav_about {
	background: transparent url(../images/Nav_all.jpg) -85px -85px no-repeat; 
}
#repertoire #nav_about {
	background: transparent url(../images/Nav_all.jpg) -85px -85px no-repeat; 
}

#nav_home a:hover {
	background: transparent url(../images/Nav_all.jpg) 0 -85px no-repeat; 
	color: #f00;
}

#nav_about a:hover {
	background: transparent url(../images/Nav_all.jpg) -85px -85px no-repeat; 
	color: #f00;
}

#nav_concerts a:hover {
	background: transparent url(../images/Nav_all.jpg) -170px -85px no-repeat; 
	color: #f00;
}

#nav_contact a:hover {
	background: transparent url(../images/Nav_all.jpg) -255px -85px no-repeat; 
	color: #f00;
}

#main_nav li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
}
	
#main_nav li, #main_nav a {
	height: 85px; 
	display: block;
}

/************ END MAIN NAV BAR *****************/

/************ START RIGHT NAV BAR *****************/
/*
All mouse-over effects are produced by CSS alone.
An active link is signified by a pink background colour.
A hovered link is signified by a pink background colour and blue text.
The nav bar is contained in an unordered list, with each link in an 'li' tag.
Specific pages are identified using an individual page id on each page, so the correct code applies only to that page.
*/

#rt_nav {
	/*
	position: relative;
	float: left; */
	padding: 10px 20px 0px 630px;
	font-family: Tahoma;
	color: #000000;
}
#rt_nav_past_conc {
	padding: 0px 20px 0px 630px;
	font-family: Tahoma;
	color: #000000;
}

#rt_nav_past_conc80s {
	padding: 0px 0px 0px 0px;
	font-family: Tahoma;
	color: #000000;
}

#rt_nav li {
	border-bottom: 1px solid #dee0db;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	display: block; 
	text-decoration: none; 
}

#rt_nav_past_conc li {
	border-bottom: 1px solid #dee0db;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	display: block;
	text-decoration: none;
}

#rt_nav_past_conc80s li {
	border-bottom: 1px solid #dee0db;
	font-size: 12px;
	color: #000000;
	background-color: #EFF4F5;
	display: block;
	text-decoration: none;
	text-indent: 80px;
}

#rt_nav_past_conc90s li {
	border-bottom: 1px solid #dee0db;
	font-size: 12px;
	color: #000000;
	background-color: #EFF4F5;
	display: block;
	text-decoration: none;
	text-indent: 80px;
}



/* THIS ONE IS CAUSING PROBLEMS WITH LINK FORMATTING - OTHER LINKS BREAK LINES*/
/*block works better but forces block on other links :( */
#rt_nav a:link, a:visited {
	text-decoration: none; 
	display: block; 
	padding: 10px; 
	color: #000000;
	font-family: Tahoma;
}
#rt_nav_past_conc a:link, a:visited {
	text-decoration: none; 
	display: block; 
	padding: 10px; 
	color: #000000;
	font-family: Tahoma;
}

#rt_nav a:hover {
	color: #356082;
	background-color: #F7EEEF;
}
#rt_nav_past_conc a:hover {
	color: #356082;
	background-color: #F7EEEF;
}

#home #container #rt_nav #rt_nav_membship {background-color: #FFFFFF;}
#home #container #rt_nav #rt_nav_members {background-color: #FFFFFF;}
#home #container #rt_nav #rt_nav_joinus {background-color: #FFFFFF;}
#home #container #rt_nav #rt_nav_gallery {background-color: #FFFFFF;}
#about #container #content #rt_nav .about {background-color: #F7EEEF;}

#about #container #content #rt_nav .musdir {
	background-color: #FFFFFF;
	color: #000000;
}
#about #container #rt_nav .musdir:hover {
	background-color: #F7EEEF;
	color: #000000;
}

#musdir #container #rt_nav .about {background-color: #FFFFFF;}
#musdir #container #rt_nav #rt_nav_musdir {background-color: #F7EEEF;}
#accomp #container #rt_nav #rt_nav_accomp {background-color: #F7EEEF;}
#history #container #rt_nav #rt_nav_history {background-color: #F7EEEF;}
#about #container #rt_nav #rt_nav_about {background-color: #F7EEEF;}
#membership #container #rt_nav #rt_nav_membship {background-color: #F7EEEF;}
#joinus #container #rt_nav #rt_nav_joinus {background-color: #F7EEEF;}
#members #container #rt_nav #rt_nav_members {background-color: #F7EEEF;}
#gallery #container #rt_nav #rt_nav_gallery {background-color: #F7EEEF;}
#repertoire #container #rt_nav #rt_nav_repert {background-color: #F7EEEF;}
#pastconc #container #rt_nav #rt_nav_pastconc {background-color: #F7EEEF;}
#pastconc80s #rt_nav_past_conc80s {background-color: #F7EEEF;}
#pastconc90s #rt_nav_past_conc90s {background-color: #F7EEEF;}
#pastconc00s #rt_nav_past_conc00s {background-color: #F7EEEF;}
#contact #rt_nav_contact {background-color: #F7EEEF;}
#maillist #rt_nav_maillist {background-color: #F7EEEF;}
#support #rt_nav_support {background-color: #F7EEEF;}
#links #rt_nav_links {background-color: #F7EEEF;}
#concerts #rt_nav_concdiary {background-color: #F7EEEF;}

#sub_rt_nav {
	padding: 50px 20px 0px 635px;
	font-family: Tahoma;
	color: #356083;
	line-height: 1.5;
}

/************ END RIGHT NAV BAR *****************/

/*#crumbs {font-size: 10px; color: #999999; display: inline; float: right;}
#crumbs a {display: inline;	color:#336699;}
.crumb_item {text-decoration: overline;}*/

/***********************************************************/
/* LINK IDS                                                */
/***********************************************************/
/* In the current version of the design, it was necessary to allocate ids to all links to force them to format properly.
This is probably due to a problem with the code, which needs further investigation to fix, as this is not preferable.
*/

#canticum {display: inline; padding: 0px; text-decoration: underline;}
#stmary {display: inline; padding: 0px; text-decoration: underline;}
#qcgu {display: inline; padding: 0px; text-decoration: underline;}
#tqo {display: inline; padding: 0px; text-decoration: underline;}
#bpo {display: inline; padding: 0px; text-decoration: underline;}
#bso {display: inline; padding: 0px; text-decoration: underline;}
#csj {display: inline; padding: 0px; text-decoration: underline;}
#qpo {display: inline; padding: 0px; text-decoration: underline;}
#qyo {display: inline; padding: 0px; text-decoration: underline;}
#tcc {display: inline; padding: 0px; text-decoration: underline;}
#birralee {display: inline; padding: 0px; text-decoration: underline;}
#imogen {display: inline; padding: 0px; text-decoration: underline;}
#qums {display: inline; padding: 0px; text-decoration: underline;}
#qpac {display: inline; padding: 0px; text-decoration: underline;}
/*#qtix {display: inline; padding: 0px; text-decoration: underline; color: #F7DAD2; }*/
#qtix {display: inline; padding: 0px; text-decoration: underline; color: #EDA996; font-weight: bold;}
#mbsbook {display: inline; padding: 0px; text-decoration: underline; color: #EDA996; font-weight: bold;}
#anca {display: inline; padding: 0px; text-decoration: underline;}
#mbs4 {display: inline; padding: 0px; text-decoration: underline;}
#ignat {display: inline; padding: 0px; text-decoration: underline;}
#chornet {display: inline; padding: 0px; text-decoration: underline;}
#choirsuk {display: inline; padding: 0px; text-decoration: underline;}
#choirsww {display: inline; padding: 0px; text-decoration: underline;}
#ourbris {display: inline; padding: 0px; text-decoration: underline;}
#brisaus {display: inline; padding: 0px; text-decoration: underline;}
#acenet {display: inline; padding: 0px; text-decoration: underline;}
#conc_diary {display: inline; padding: 0px; text-decoration: underline;}
#brochure {display: inline; padding: 0px; text-decoration: underline;}
#auditns {display: inline; padding: 0px; text-decoration: underline;}
#bcmail {display: inline; padding: 0px; text-decoration: underline;}
#bcmail2 {display: inline; padding: 0px; text-decoration: underline;}
#webmail {display: inline; padding: 0px; text-decoration: underline;}
#mlist {display: inline; padding: 0px; text-decoration: underline;}
#lnk_sitemap {display: inline; padding: 0px; text-decoration: underline;}
#lnk_home {display: inline; padding: 0px; text-decoration: underline;}
#lnk_about {display: inline; padding: 0px; text-decoration: underline;}
#lnk_concerts {display: inline; padding: 0px; text-decoration: underline;}
#lnk_past80s {display: inline; padding: 0px; text-decoration: underline;}
#lnk_past90s {display: inline; padding: 0px; text-decoration: underline;}
#lnk_past00s {display: inline; padding: 0px; text-decoration: underline;}
#lnk_contact {display: inline; padding: 0px; text-decoration: underline;}
#lnk_memship {display: inline; padding: 0px; text-decoration: underline;}
#lnk_members {display: inline; padding: 0px; text-decoration: underline;}
#lnk_gallery {display: inline; padding: 0px; text-decoration: underline;}
#lnk_links {display: inline; padding: 0px; text-decoration: underline;}
#lnk_history {display: inline; padding: 0px; text-decoration: underline;}
#lnk_biog {display: inline; padding: 0px; text-decoration: underline;}
#lnk_musdir {display: inline; padding: 0px; text-decoration: underline;}
#lnk_accomp {display: inline; padding: 0px; text-decoration: underline;}
#lnk_repertoire {display: inline; padding: 0px; text-decoration: underline;}
#lnk_maillist {display: inline; padding: 0px; text-decoration: underline;}
#lnk_joinus {display: inline; padding: 0px; text-decoration: underline;}
#lnk_rehsch {display: inline; padding: 0px; text-decoration: underline;}
#lnk_beetmass {display: inline; padding: 0px; text-decoration: underline;}
#lnk_support {display: inline; padding: 0px; text-decoration: underline;}
#lnk_wales_msg {display: inline; padding: 0px; text-decoration: underline;}

#pg_lnk {display: inline; padding: 0px; text-decoration: underline;}
.lnk_top {
	display: inline;
	padding: 0px;
	text-align: center;
}
#lnk_next_conc {
	display: inline;
	padding: 0px;
	text-decoration: underline;
	color: #D4E2E5;
}
#xxx {
	display: inline;
	padding: 0px;
	text-decoration: underline;
	font-family: Tahoma;
	color: #5685a7;
}

#rt_nav p {
	margin: 80px 10px 10px 10px;
	border: solid;
	border-width: 1px;
	background-color: #FFFFFF;
	border-style: dotted;
	color: #000000;
}


.inputbox {display: inline;}

.maillabel {width: 300px;}

/***********************************************************/
/* SITE MAP STYLES                                         */
/***********************************************************/

.sm_lvl_1 {
	list-style-type: disc;
	text-indent: 40px;
}
.sm_lvl_2 {
	list-style-type: disc;
	text-indent: 60px;
}

.sm_lvl_3 {
	list-style-type: disc;
	text-indent: 100px;
}

/***********************************************************/
/* GALLERY STYLES                                          */
/***********************************************************/

.gallyr {
	color:#990033;
	font-size:14px;
	font-weight:bold;
	font-family: Tahoma;
	float: left;
	line-height: 7;

}
#gall_yr_nav {
	color:#990033;
	font-size:16px;
	font-family: Tahoma;
}

#gall_pg_nav {
	color:#990033;
	font-size:14px;
	font-family: Tahoma;
}

#gall_yr_nav a {
	display: inline;
	padding: 0px;
	text-decoration: underline;
	font-family: Tahoma;
	color: #5685a7;
}

#gall_pg_nav a {
	display: inline;
	padding: 0px;
	text-decoration: underline;
	font-family: Tahoma;
	color: #5685a7;
}

.gall_curr_txt {
	display: inline;
	padding: 0px;
	font-family: Tahoma;
	color: #990033;
	font-weight: bolder;
}

.gall_inact_txt {
	display: inline;
	padding: 0px;
	font-family: Tahoma;
	color: #D8D8D8;
	font-size: 14px;
}

.gallyr_pic{
	float:left;
	margin-right: 20px;
	border: solid 1px;
	border-color: #990033;
	padding: 2px;
}

.gall_pic_td{
	text-align:left;
	padding: 5px;
}
#gallery_table {
	border-color:#990033;
	border: 1px solid;
	width: 100%;
	background-color: #F7EEEF;

}

#gallery_table a {
	display: inline; 
	padding: 0px; 
	text-decoration: underline;
}

#gallery_table a img {
	border-color: #7CB5D5;
	border-width: 1px;
	padding: 4px;
	background-color: #EFF4F5;
	margin: 5px 0px 5px 0px;
	border-bottom-width: 2px;
	border-right-width: 2px;
}
#empire {
display: inline; padding: 0px; text-decoration: underline; color: #EDA996; font-weight: bold;
}