body  {
	font: 100% Georgia, Palatino, Times, serif;
	background: #999966;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.site_colour_brown_green {background-color: #999966;}
.site_colour_reddish {background-color: #9A7965;}
.site_colour_purpleish {background-color: #6F6477;}
.site_colour_blueish {background-color: #647277;}


.twoColFixLtHdr #container { 
	width: 920px;  /* using 20px less than a full 960px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: #ebebeb;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 10px;
	padding-bottom: 20px;
} 

.twoColFixLtHdr #container p {
	text-align: justify;
}

.twoColFixLtHdr #container a { color:#0000FF; }
.twoColFixLtHdr #container a:link { color:#0000FF; }
.twoColFixLtHdr #container a:visited { color:#4040FF; }
.twoColFixLtHdr #container a:active { color:#55AC0A; }
.twoColFixLtHdr #container a:hover { color:#8000FF; }

.twoColFixLtHdr #header {
	width: 920px;  /* using 20px less than a full 960px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	position:relative;
	background-color: #647277;
	height: 100px;
	padding: 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

.twoColFixLtHdr #logo {
	position: absolute;
	right: 10px;
	top: 10px;
}

.twoColFixLtHdr #header h1 {
	color: #FFFFFF;
	margin: 0px;
	margin-top: 40px;
	padding: 0px;
	text-align: left;
}
.twoColFixLtHdr #header h2 {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
		text-align: left;

}

.twoColFixLtHdr #footer {
	width: 920px;  /* using 20px less than a full 960px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	position:relative;
	background-color: #647277;
	padding: 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.twoColFixLtHdr #footer h6 {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	color: #ffffff;
}


.twoColFixLtHdr #menu_bar {
	width: 940px;
	background-color: #9A7965;
	height: 28px;
	margin: auto;
}

.twoColFixLtHdr #footer_bar {
	width: 940px;
	margin: auto;
	background-color: #9A7965;
	height: 20px;
}


.twoColFixLtHdr #menu {
	width: 940px;  /* using 20px less than a full 960px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-color: #ffffff;
}


.twoColFixLtHdr #sidebar1 {
	position: relative;
	float: left; /* since this element is floated, a width must be given */
	width: 206px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #3D0C37; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 12px 450px 12px;
}

#sidebar_menu
	{
	position: relative;
	width: 200px;
	//height: 447px;
	//background-image: url('../core_images/background_elements/piano_keys_menu.jpg');
	//background-repeat: no-repeat;
	border: 3px solid #0C353D;
	text-align: right;

}

#sidebar_menu a {
	font-family: Georgia, serif;
	font-weight: bold;
	color: #0C353D;
	text-decoration: none;
	font-size: 14px;
	letter-spacing:-1px
}

#sidebar_menu a:hover
	{
	color: #FFFFFF;
	}


#sidebar_key_0
	{
	display: block;
	width: 200px;
	height: 31px;
	background-image: url('../core_images/piano_keys/piano_key_00_up.png');
	}
	
#sidebar_key_1
	{
	display: block;
	width: 195px;
	height: 19px;
	padding-right: 5px;
	padding-top: 16px;
	background-image: url('../core_images/piano_keys/piano_key_01_up.png');
}

#sidebar_key_1:hover
	{
	background-image: url('../core_images/piano_keys/piano_key_01_down.png');
	}
	
#sidebar_key_2
	{
	display: block;
	width: 195px;
	height: 19px;
	padding-right: 5px;
	padding-top: 15px;
	background-image: url('../core_images/piano_keys/piano_key_02_up.png');
}

#sidebar_key_2:hover
	{
	background-image: url('../core_images/piano_keys/piano_key_02_down.png');
	}
	
#sidebar_key_3
	{
	display: block;
	width: 195px;
	height: 19px;
	padding-right: 5px;
	padding-top: 19px;
	background-image: url('../core_images/piano_keys/piano_key_03_up.png');
}

#sidebar_key_3:hover
	{
	background-image: url('../core_images/piano_keys/piano_key_03_down.png');
	}	

#sidebar_key_4
	{
	display: block;
	width: 195px;
	height: 19px;
	padding-right: 5px;
	padding-top: 16px;
	background-image: url('../core_images/piano_keys/piano_key_04_up.png');
}

#sidebar_key_4:hover
	{
	background-image: url('../core_images/piano_keys/piano_key_04_down.png');
	}	

#sidebar_key_5
	{
	display: block;
	width: 195px;
	height: 19px;
	padding-right: 5px;
	padding-top: 17px;
	background-image: url('../core_images/piano_keys/piano_key_05_up.png');
}

#sidebar_key_5:hover
	{
	background-image: url('../core_images/piano_keys/piano_key_05_down.png');
	}	
#sidebar_key_6
	{
	display: block;
	width: 195px;
	height: 19px;
	padding-right: 5px;
	padding-top: 15px;
	background-image: url('../core_images/piano_keys/piano_key_06_up.png');
}

#sidebar_key_6:hover
	{
	background-image: url('../core_images/piano_keys/piano_key_06_down.png');
	}	

#sidebar_key_7
	{
	display: block;
	width: 195px;
	height: 19px;
	padding-right: 5px;
	padding-top: 15px;
	background-image: url('../core_images/piano_keys/piano_key_07_up.png');
}

#sidebar_key_7:hover
	{
	background-image: url('../core_images/piano_keys/piano_key_07_down.png');
	}	
#sidebar_key_8
	{
	display: block;
	width: 195px;
	height: 19px;
	padding-right: 5px;
	padding-top: 15px;
	background-image: url('../core_images/piano_keys/piano_key_08_up.png');
}

#sidebar_key_8:hover
	{
	background-image: url('../core_images/piano_keys/piano_key_08_down.png');
	}	
	
#sidebar_key_9
	{
	display: block;
	width: 195px;
	height: 19px;
	padding-right: 5px;
	padding-top: 15px;
	background-image: url('../core_images/piano_keys/piano_key_09_up.png');
}

#sidebar_key_9:hover
	{
	background-image: url('../core_images/piano_keys/piano_key_09_down.png');
	}	
	
#sidebar_key_10
	{
	display: block;
	width: 195px;
	height: 19px;
	padding-right: 5px;
	padding-top: 16px;
	background-image: url('../core_images/piano_keys/piano_key_10_up.png');
}

#sidebar_key_10:hover
	{
	background-image: url('../core_images/piano_keys/piano_key_10_down.png');
	}	

#sidebar_key_11
	{
	display: block;
	width: 195px;
	height: 19px;
	padding-right: 5px;
	padding-top: 17px;
	background-image: url('../core_images/piano_keys/piano_key_11_up.png');
}

#sidebar_key_11:hover
	{
	background-image: url('../core_images/piano_keys/piano_key_11_down.png');
	}	

#sidebar_key_12
	{
	display: block;
	width: 195px;
	height: 19px;
	padding-right: 5px;
	padding-top: 15px;
	background-image: url('../core_images/piano_keys/piano_key_12_up.png');
}

#sidebar_key_12:hover
	{
	background-image: url('../core_images/piano_keys/piano_key_12_down.png');
	}	

#sidebar_key_13
	{
	display: block;
	width: 195px;
	height: 19px;
	padding-right: 5px;
	padding-top: 17px;
	background-image: url('../core_images/piano_keys/piano_key_13_up.png');
}

#sidebar_key_13:hover
	{
	background-image: url('../core_images/piano_keys/piano_key_13_down.png');
	}	
	
#sidebar_base {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 230px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 450px;
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	background-image: url('../core_images/background_elements/sidebar_base.png');
	background-repeat: no-repeat;
}

#newsflash{
	position:absolute;top:18px;right:50px;height: 150px;width: 450px;
	text-align:center;vertical-align:middle; padding:0px;}

#newsflash a{text-decoration: none; color: inherit;}

#newsflash h1 { border-top: 0px; border-bottom-color: inherit; padding:0px;}
#newsflash p { border: 0px; margin:0px; margin-bottom: 3px; padding:0px; letter-spacing: -1px;}

.twoColFixLtHdr a {
	color:#413FC6;}

.twoColFixLtHdr #mainContent {position: relative;margin: 0 0 0 250px; padding: 0 20px;}

.twoColFixLtHdr #mainContent br {margin:0px; padding:0px;} 
.twoColFixLtHdr #mainContent ul {margin: 0px; padding-top:0px; padding-bottom:0px;} 

.fltrt {float: right;margin-left: 8px;}
.fltlft {float: left;margin-right: 8px;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

table, td
{
    border-color: #000000;
    border-style: solid;
}

table
{
    border-width: 0px 0px	 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    margin-top:10px;
    margin-bottom:10px;
}

td
{
	text-align:left;
    margin: 0;
    padding: 4px;
    padding-left: 15px;
    padding-right: 15px;
    border-width: 1px 1px 0px 0px;
    background-color: #FFFFFF;
}

#administration_index table {
	width: 100%;
}

#administration_index td {
	padding: 10px;
	width: 20%;
	text-align: center;
}

#adminheader
{
	width:98%; text-align:center; background-color:#3D0C37; color:#FFFFFF; font-size:24px; font-weight:bold; padding:1%;
}

#admin h1, #administration_index h1
{
	width:98%; text-align:center; background-color:#3D0C37; color:#FFFFFF; font-size:24px; font-weight:bold; padding:1%;
}


.twoColFixLtHdr #calendarContent {
	width: 670px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
} 
.twoColFixLtHdr #calendarContent table { width: 100%; margin:auto;}
.twoColFixLtHdr #calendarContent td { text-align: left;vertical-align: top;}
.twoColFixLtHdr #calendarContent .calDAYHEAD { text-align: center;vertical-align: middle;font-size: 11px; }
.caltd {height: 100px; padding: 2px; line-height: 11px; width: 95px; font-size: 11px;}
.caltd a{font-size: 11px; letter-spacing: -1px; color:#0C353D; text-decoration:none;}
.caltd a:hover{color:#0C353D;}

.calprog {margin-top: 10px; font-size: 11px; letter-spacing: -1px; color:#0C353D;}

.td_12_centre, .td_12_centre a
	{
	font-size: 12px;
	text-align: center !important;
	vertical-align: middle !important;
	}

.td_18_inverted
	{
	font-size: 18px;
	font-weight: bold;
	text-align: center !important;
	vertical-align: middle !important;
	color: #FFFFFF;
	background-color: #0C353D; //3FACC6
	}


#container h1 { margin-bottom: 0px; border-bottom: solid 1px #d9d9d9; font-weight: normal; font-size: 180%; letter-spacing: -1px; }

#container h2 { margin-bottom: 0px; margin-top: 20px;border-bottom: solid 1px #A6A6A6; font-weight: normal; font-size: 130%; letter-spacing: -1px; }

#container h3 { margin-bottom: 0px; font-weight: normal; font-size: 120%; letter-spacing: -1px; }

#container h4 { margin-bottom: 0px; margin-top: 20px; border-bottom: solid 1px #d9d9d9; font-weight: normal; font-size: 150%; letter-spacing: -1px; }


.program_title { margin-bottom: 1px; font-weight: normal; font-size: 120%; letter-spacing: -1px; }
.program_teaser { margin-top: 0px;margin-bottom: 20px; font-weight: normal; letter-spacing: 0px; }

.program_schedule {
	width: 100%;
}

.program_schedule td {padding: 10px;text-align: left;}

.text-input 
	{
	background:#FFFFFF;
	border:1px solid #B5B8C8;
	font-size:14px;
	margin-top:4px;
	padding:4px;
	}

.text-input:hover
	{
	background-color: #E8F7D4;
}

.booyah {display: none;}
#inspirational_poster {width: 640px; margin: auto; margin-top: 20px;padding: 20px; color: #FFFFFF; text-align:center; background-color:#0C353D;}
#inspirational_poster img {border: 3px double #FFFFFF; background-color: #000000; width:600px; height:300px;}
#inspirational_poster h1 {font-size:150%; font-weight:bold;}
#inspirational_poster p {font-size:100%; font-weight:normal; font-style:italic;}
.centre_img {margin: auto; text-align: center; padding-top:10px; border-top: solid 1px #0C353D;}
.centre_img img{border: #0C353D 3px solid;}

#admin table
	{
	width: 100%;
	border: 3px solid #000000;
	margin-bottom: 20px;
}

#admin td
	{padding: 5px;}
	
#catalogue_table
	{
	width: 100%;
}

#catalogue_table td {
	padding: 0px;
	text-align: center;
}

#catalogue_table img a
	{
	border: 0px;
}

#no_border_1
	{
	width: 100%;
}
#no_border_1, #no_border_1 table, #no_border_1 td
	{
	border: none;
}

.courtesy
	{
	text-align: right;
	font-style: italic;
	font-size: 12px;
	width: 100%;
}

/*DROPDOWN MENUS*/
/* Horizontal CSS Drop-Down Menu Module @file		dropdown.css
 * @package		Dropdown	 * @version		0.7.1	* @type		Transitional	* @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+, Mac OS: Safari2+, Firefox2+
 * @link		http://www.lwis.net/ * @copyright	2006-2008 Live Web Institute. All Rights Reserved.*/

ul.dropdown { font-weight:bold; font-size:14px; text-align:center; letter-spacing: -1px;}
ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none;margin: 0;padding: 0px;}
ul.dropdown {position: relative;z-index: 597;float: left;}
ul.dropdown li 
{float:left;line-height:14px;vertical-align:middle;background-color:#9A7965;color:#000000;width:156px;}
ul.dropdown li.hover, ul.dropdown li:hover {position: relative;z-index: 599;cursor: default;background-color: #6F6477;}
ul.dropdown li:hover > ul { visibility: visible;}
ul.dropdown li.rtl ul { top: 100%; right: 0; left: auto;}
ul.dropdown li.rtl ul ul { top: 1px; right: 99%; left: auto;}
ul.dropdown li a { display: block; padding: 7px 7px;}
ul.dropdown li.dir { padding: 7px 20px 7px 12px;}

ul.dropdown ul {visibility:hidden;position:absolute;top:100%;left:0;z-index:598;margin-left:-6px;width: 170px;padding-bottom:9px;background:url(images/dropdown_pane.png) 0 100% no-repeat;color:#000;font-size:14px;font-weight: normal;}
ul.dropdown ul li { float: left;background-color: transparent; color: #000;}
ul.dropdown ul li.dir { padding-right: 15px;}
ul.dropdown ul li.hover,ul.dropdown ul li:hover { background-color: transparent;}

ul.dropdown ul ul { top: 1px; left: 99%;display: none;}

ul.dropdown ul a { padding: 4px 5px 4px 12px; width:151px; text-align:left;}
ul.dropdown ul a:hover { padding: 3px 5px 3px 11px; border: solid 1px #ddd; background-color: #6F6477; font-weight: bold;color: #000; text-decoration: none;}
ul.dropdown ul a.dir { /*width: 129px;*/}
ul.dropdown ul a:link,ul.dropdown ul a:visited { color: #000; font-size:14px;font-weight: normal;}
ul.dropdown ul a:hover{ color: #fff; font-size:14px;font-weight: bold;}
ul.dropdown ul a:active { color: #000; }

ul.dropdown a:link,	ul.dropdown a:visited { color: #000000; text-decoration: none; font-size: 14px; font-weight: bold; }
ul.dropdown a:hover { color: #fff; text-decoration: underline; }
ul.dropdown a:active { color: #fff; }

ul.dropdown ul ul li {}

ul.dropdown *.dir { padding-right: 12px; background-image: none; background-position: 100% 50%;background-repeat: no-repeat;}

ul.dropdown-horizontal ul *.dir { padding-right: 15px; background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%; background-repeat: no-repeat;}

.blank_table, .blank_table td {
	border: 0px;
}
.table_four td
	{
	width: 25%;
}

.table_three td
	{
	width: 33%;
}

.table_100
	{
	width: 100%;
}

.td_top td
	{
	vertical-align: text-top;
}

dt {
	font-weight:bold; font-size:110%
}

dd {
	margin-bottom:10px;
}

.faq_answer {
	background-color: #EBE4E0;
	border: 3px solid #647277;
	padding: 5px;
}