/* CSS Document */
/* 
        Created by David Mutch,
        Visionary Voyager Corporation Pty Ltd
        for the Merlyn's Music Web Site
		
		Copyright 2006 Visionary Voyager Corporation Pty Ltd
		
*/


/*************** Main background, container & logo. *************************/ 
HTML{		
margin: 0px;
padding: 0px;}

BODY{
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 18px;
	background: url(images/bg5.jpg) repeat fixed;
}


#globalFrame {
	background: #FFFFFF;
	width: 762px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	/*margin-bottom: 50px;*/
	padding: 0;
	text-align: left;
	border: solid #A33D05 2px;
	}

#banner_box {
	border: solid #A33D05 1px;
	background: url(images/tile_yellowood240.jpg) repeat-x;
	height: 224px;
	width: 690px;
	margin-top: 72px;
	margin-left: 15px;
}
#merlyn {
	width: 260px;
	height: 343px;
	margin-left: 500px;
	top: 12px;
	z-index: 10;
	position: absolute;
}
#logo {
	margin-left: 460px;
	position: absolute;
	top: 90px;
}
#navList {
	font-weight:bold;
	list-style:none;
	margin-top: 16px;
	line-height: 20px;
	font-size: 13px;
}
.current {
	list-style-image:url(images/quaver_bullet_16.gif);
	list-style-position: outside;
}

#navList a, #navList a:link, #navList a:visited, #navList a:active   {
	color:#000000;
	text-decoration:none;
	}
	
#navList a:hover { color:#5076CC; border-bottom:#5076CC dotted 2px; text-decoration:none;}

#navList li.current a, #navList li.current a:link, #navList li.current a:visited, #navList li.current a:active  {
	color:#990000;
	text-decoration:none;
	}
	
#navList li.current a:hover {
	color:#990000;
	text-decoration:none;
	border:none;
}

#catchLine {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: 22px;
	position: absolute;
	top: 34px;
	margin-left: 15px;
	font-weight: bold;
	background-color: #FFFFFF;
	/*width: 100%;*/
}

#pageContent {
	padding: 5px 15px 20px 15px;
}

#pageContent p a, #pageContent p a:link, #pageContent p a:active, #pageContent p a:visited {
	text-decoration: none;
	color: #A33D05;
	/*border-bottom: solid #FFFFFF 1px;*/
}

#pageContent p a:hover {
	color: #5076CC;
	text-decoration: none;
	border-bottom: dotted #5076CC 1px;
}

.oLink a, .oLink a:link, .oLink a:active, .oLink a:visited {
	text-decoration: none;
	color: #A33D05;
	/*border-bottom: solid #FFFFFF 1px;*/
}

.oLink a:hover {
	color: #5076CC;
	text-decoration: none;
	border-bottom: dotted #5076CC 1px;
}

.noLink a, .noLink a:link, .noLink a:active, .noLink a:visited, .noLink a:hover {
	text-decoration: none;
	border-bottom: solid #FFFFFF 0px;
}

.imgBox {
	border-bottom: solid 1px #A33D05;
	border-right: solid 1px #A33D05;
	border-top: solid 1px #FFE689;
	border-left: solid 1px #FFE689;
	padding: 4px 4px 4px 4px;
	margin: 8px 0px 8px 8px;
	background-color: #FFF2BF;
}
.mapBox {
	border: solid 1px #FFE689;
	padding: 4px 4px 4px 4px;
	margin: 8px 0px 8px 8px;
	background-color: #FFF2BF;
}

.body2 {
	font-weight:bold;
	font-size:110%;
}

.body3 {
	font-size:10px;
	line-height:12px;
	padding: 4px;
}

.TblBodyTxt{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
}

.justifyFull{ text-align:justify;}

.TblBodyTxtHeader{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}

.bodyRed {
	color:#990000;
}
.bodyRedBold {
	color:#990000;
	font-weight:bold;
}

.bodyBlueBold {
	color:#5076CC;
	font-weight:bold
}

.flushright {
	margin-left:20px;
	display:block;
	text-align: right;
	padding-top: 6px;
}

.redBorder {
	border: solid #A33D05 1px;
	padding: 10px;
	}
	
.redBorder2 {
	border: solid #A33D05 1px;
	padding: 2px;
	margin-bottom: 8px;
	}

.musobox {
	clear: both;
	border: solid #A33D05 1px;
	padding: 12px 2px 2px 2px;
	margin: 6px 0 18px 0;
	width: 99%;
}


.musoImg {
	border-bottom: solid 1px #A33D05;
	border-right: solid 1px #A33D05;
	border-top: solid 1px #FFE689;
	border-left: solid 1px #FFE689;
	padding: 2px;
	margin: 0px 8px 6px 6px;
	background-color: #FFF2BF;
	float: left;
}

.musoboxTitle {
	color:#990000;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

.balanceTxt {
	vertical-align: middle;
}

.clrAll { clear: both }



/* Navigation */
#footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#000000;
	text-align:center;
	background-color: #FDEB95;
	font-size: 9px;
	border-top: double #A33D05 3px;
	line-height: 11px;
}

.botNav {
	padding: 0;
	margin: 0;
	padding-top:5px;
	padding-bottom:5px;
	list-style: none;
}
.botNav li {
	display: inline;
	margin: 0;
	padding:0;
	padding-left: 3px;
	padding-right: 4px;
	color: #990000;
	border-right: 1px solid #BCCFE8;
}
.botNav li.lastoption {
	border-right:none;
}
.botNav li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6.5pt;
	color:#990000;
	text-decoration:none;
}
.botNav li a:hover {
	color:#000000;
	border-bottom: solid #990000 1px;
	border-top: solid #990000 1px;
}

.botNav li a.current {
	color:#000066;
	background:#FFCE64;
	border: solid #990000 1px;
	padding: 2px;
}
.botNav li a.current:hover {
	color: #000066;
	border: solid #990000 1px;
	padding: 2px;
}
.footerLink a, .footerLink a:link, footerLink a:active, .footerLink a:visited {
	text-decoration: none;
	color: #000000;
}
.footerLink a:hover {
	text-decoration: underline;
	color: #990000;
}

.pageSubTitles {
	background-color: #FFF2BF;
	padding-left: 20px;
	height: 26px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #A33D05;
	font-weight: bold;
	padding-top: 4px;
	background-image: url(images/tile_yellowood240.jpg);
	background-repeat: repeat;
	border: solid #990000 1px;
	display: block;
}

.pageSubTitlesNB {
	/*height: 20px;*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #A33D05;
	font-weight: bold;
	padding-top: 4px;
}

.pageSubSubTitlesNB {
	/*height: 20px;*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #A33D05;
	/*font-weight: bold;*/
	padding-top: 3px;
}
.contentTblBox {
	border: solid 1px #A33D05;
	background-color: #FFF2BF;
	background-image: url(images/tile_yellowood600.jpg);
	background-repeat: repeat;
}

.teacherpic {
	border: solid 1px #A33D05;
	background-color: #FFF2BF;
	background-image: url(images/tile_yellowood600.jpg);
	background-repeat: repeat;
	padding: 4px;
	margin-right: 12px;
	margin-bottom: 20px;
	margin-top: 10px;
	float: left
}

/** Form */

.MMform {font-family: Arial, Helvetica, sans-serif; font-size: 11px }

.formLabel {font-weight: bold }

.formTxt {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A33D05;
	font-weight: bold;
	background-color:#FFFFCC;
	border: solid #A33D05 1px;
	text-indent: 4px;
}

.formBut {
	cursor:pointer;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A33D05;
	font-weight: bold;
	background-color:#FFFFCC;
	border: outset #A33D05 1px; }
	
input.formBut:hover { color: #FF6666; }
input.service {
	background-color:#FFFFCC;
	border: solid #A33D05 1px;
	}