/*Ebi Fleck@cdp-unit.com.au*/
body { color: black; font-size: 1em; font-family: Arial, Geneva, Helvetica, "Trebuchet MS", SunSans-Regular, sans-serif; background-image: url(../home/elements/bg.jpg); text-align: center; }
* {margin: 0px; padding: 0px;}
img{ border-style: none; display: block; }
div#wrapper{ text-align: left; width: 480px; overflow: auto; margin: 30px auto; border: solid 2px #beae9f; }
div#headLe{ width: 180px; height: 215px; float: left; display: inline; }
div#headRi{ width: 300px; height: 215px; float: left; display: inline; }
div#lastsong{ background-image: url(../home/elements/lastsongBG.jpg); background-repeat: no-repeat; width: 480px; height: 67px; clear: both; }
div#lastsong h2{ color: #fefefe; font-size: 0.63em; font-weight: bold; text-transform: uppercase; text-indent: 10px; float: left; padding-top: 10px; }
/* START OF THE FORM CSS */
div#formcontainer { width:150px; float: right; padding-top: 2px; }
div#formcontainer form  { overflow: auto; }
div#formcontainer form label {  }
div#colwrap{ background-image: url(../home/elements/colwrapBG.jpg); background-repeat: repeat-y; width: 480px; overflow: auto; padding-bottom: 30px; }
/* END OF THE FORM CSS */
hr { width: 100%; height: 1px; margin: 0 0 10px; padding: 0; border-top: 1px dotted #70785e; border-right-style: none; border-right-width: 0; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0;/*whatever the total width of the border-top and border-bottom equal*/}
/*form mail*/
table {  }
td { padding: 3px; border-bottom: 1px solid #70785e; border-right: 1px solid #70785e; }
td p { color: #6c564b; font-size: 0.55em; font-weight: normal; }
input { background-color: white; border: solid 1px #afafaf; }
textarea { background-color: white; border: solid 1px #afafaf; }
/*<agl.folder "navigation">*/
	div#lCol{ text-align: left; width: 176px; float: left; display: inline; }
	/*navigation start*/
	ul{ list-style-type: none; list-style-image: none; }
	ul li{ color: #7e7f7c; font-size: 0.8em; line-height: 42px; text-indent: 40px; border-bottom: 1px solid #e2e5ea; }
	ul li a:link { color: #7e7f7c; text-decoration: none; /* width of icon + whitespace */ }
	ul li a:visited { color: #7e7f7c; text-decoration: none; }
	ul li a:hover { color: #4c4c4a; font-weight: bold; text-decoration: none; }
	#aboutme{ font-weight: bold; background-image: url(../home/elements/navBGme.jpg); background-repeat: no-repeat; width: 176px; height: 42px; border-bottom-style: none; }
	#music { font-weight: bold; background-image: url(../home/elements/navBGmusic.jpg); background-repeat: no-repeat; width: 176px; height: 42px; border-bottom-style: none; }
	#tuition { font-weight: bold; background-image: url(../home/elements/navBGtuit.jpg); background-repeat: no-repeat; width: 176px; height: 42px; border-bottom-style: none; }
	#getintouch { font-weight: bold; background-image: url(../home/elements/navBGgettouch.jpg); background-repeat: no-repeat; width: 176px; height: 42px; border-bottom-style: none; }
	#gallery { border-bottom-style: none; }
	#listen { border-bottom-style: none; }
	#downloads { border-bottom-style: none; }
	/*navigation end*/
/*</agl.folder>*/
/*<agl.folder "content">*/
	/*content area*/
	* html rCol{ margin: 0; padding: 0; display: inline; }
	div#rCol{ text-align: left; width: 260px; float: left; margin-left: 20px; display: inline; }
	div#rCol p{ color: #5f605e; font-size: 0.75em; line-height: 160%; text-align: justify; padding-bottom: 10px; }
	div#rCol ol { color: #5f605e; font-size: 0.72em; text-transform: capitalize; text-align: left; padding-top: 10px; padding-bottom: 10px; list-style-type: none; list-style-position: outside; }
	div#rCol ol li { background-color: #faf8f7; margin-bottom: 20px; border-bottom: 1px solid #6c564b; }
	div#rCol ul { color: #5f605e; font-size: 0.75em; text-align: left; text-transform: capitalize; list-style-type: none; list-style-position: outside; padding-top: 10px; padding-bottom: 10px; }
	.copyGreen { color: #70785e; background-color: #faf8f7; }
	.uppercase { font-size: 0.95em; font-weight: bold; line-height: 210%; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 5px; }
	.bold { font-weight: bold; }
	div#rCol a:link { color: #7f2321; font-weight: normal; background-color: #f2f1ef; text-decoration: none; }
	div#rCol a:visited { color: #7f2321; font-weight: normal; background-color: #f2f1ef; text-decoration: none; }
	div#rCol a:hover { color: #fff; font-weight: bold; background-color: #70785e; text-decoration: none; }
	div#rCol h2 { color: #7f2321; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 100; background-image: url(../home/elements/noteh2.gif); background-repeat: no-repeat; background-position: 225px 5px; letter-spacing: 1px; margin-top: 8px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #7f2321; }
	div#rCol h3 { color: #5f605e; font-size: 0.7em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; background-color: #faf8f7; text-transform: uppercase; letter-spacing: 1px; margin-top: 5px; margin-bottom: 3px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; border-left: 1px solid #5f605e; }
	/*listen*/
	div#rCol h4 { color: #7f2321; font-size: 0.72em; font-weight: normal; background-color: #faf8f7; text-decoration: none; text-align: left; text-transform: uppercase; text-indent: 10px; margin-top: 17px; margin-bottom: 10px; list-style-type: none; list-style-position: outside; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #6c564b; }
	div#rCol h4 a:link { color: #5f605e; font-weight: normal; text-decoration: none; background-color: #faf8f7; text-align: left; text-transform: uppercase; list-style-type: none; list-style-position: outside; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #6c564b; cursor: pointer; }
	div#rCol h4 a:visited { color: #5f605e; font-weight: normal; text-decoration: none; background-color: #faf8f7; text-align: left; text-transform: uppercase; cursor: pointer; list-style-type: none; list-style-position: outside; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #6c564b; }
	div#rCol h4 a:hover { color: #323332; font-weight: normal; text-decoration: none; background-color: #faf8f7; text-align: left; text-transform: uppercase; cursor: pointer; list-style-type: none; list-style-position: outside; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #6c564b; }
	blockquote { color: #4f504e; font-size: 0.75em; font-weight: normal; font-style: italic; line-height: 160%; background-color: #f5f4f2; word-spacing: 1px; margin-top: 22px; margin-bottom: 22px; padding: 10px; border: solid 1px #fff; }
	blockquote div {  }
/*</agl.folder>*/
/*<agl.folder "footer">*/
	/*footer*/
	div#footer { background-image: url(../home/elements/footerBG.jpg); width: 480px; height: 37px; clear: both; }
	div#footer h3{ color: white; font-size: 0.65em; font-weight: normal; line-height: 120%; text-align: center; padding-top: 4px; }
	div#footer h3 a:link { color: white; font-weight: normal; text-decoration: none; }
	div#footer h3 a:visited { color: white; font-weight: normal; text-decoration: none; }
	div#footer h3 a:hover { color: white; font-weight: normal; text-decoration: underline; }
/*</agl.folder>*/
/*<agl.folder "img">*/
	/*images*/
	.imgLE { float: left; margin-right: 10px; margin-bottom: 5px; }
	.imgRE { float: right; margin-bottom: 5px; margin-left: 20px; }
	.imgHori { background-image: none; float: right; margin-top: 10px; margin-bottom: 10px; border: solid 1px #beae9f; }
/*</agl.folder>*/
/*<agl.folder "gallery">*/
	div#gallery { width: 260px; }
	.tMargin { margin-right: 10px; }
	div#gallery ul { float: left; margin: 0 0 10px; padding: 0; list-style-type: none; }
	div#gallery ul li { text-align: center; float: left; list-style-type: none; display: block; }
	div#gallery ul li a:link { color: #3a3a3a; font-size: 10px; font-weight: normal; text-decoration: none; }
/*</agl.folder>*/

