/* Copyright Fireworks Music - All Rights Reserved */
#outer_wrapper {
	/* because "min-width" is not supported by IE, these pages use a script from PVII */
	min-width:740px;
	/* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
	width:100%;
	/* faux-column technique, this is the left one */
	background:#fff url(/images/left.png) repeat-y left
}
#wrapper {
	/* faux-column technique, this is the right one */
	background:url(right.gif) repeat-y right
}
#header {
	height: 100px;
	background: url(/images/logo.gif) no-repeat;
	/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
	width:100%;
	/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
	margin:0 -1px
}
#topbar {
	height:25px;
	background: url(/images/bar_top_r.gif) repeat-x right;
}
#container {
	float:left;
	width:100%;
	/* IE doubles the margins on floats, this takes care of the problem */
	display:inline;
	/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
	margin-left:-200px
}
#left {
	float:left;
	width:132px;
	/* IE doubles the margins on floats, this takes care of the problem */
	display:inline;
	margin-left:200px;
	background-color:#E7E8EA
}
#mainnav {
	position:relative; 
	left:12px;
}
#btnhome {
	height:27px;
	z-index:3; 
	visibility:visible;
}
#btninstruments {
	height:27px;
	z-index:4; 
	visibility:visible
}
#btnlesson {
	height:27px;
	z-index:5; 
	visibility:visible
}
#btnstudents {
	height:27px;
	z-index:6; 
	visibility:visible
}
#btncontactus {
	height:27px;
	z-index:7; 
	visibility:visible
}
#kindermusiklink {
	height:80;
	position:relative;
	margin-left:18px;
}
#main {
	/* the width from #left (132px) + the negative margin from #container (200px) */
	margin-left:332px
}
/* good to know: if #sidebar is to be shorter than #main, then there is no need for this rule */
#musicteachersandtutorslink {
	display:none;
}
#accountantsydneylink {
	display:none;
}
#sidebar {
	/* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
	padding-left:100%;
	/* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
	margin-left:-129px
}
#sidebar p {
	/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
	position:relative
}
#txtarticlehead {
	width:126; 
	background-color:#4F4C4C; 
	text-align:center;
}
#txtarticlelist {
	width:126; 
	padding-left:6px; 
	padding-right:6px; 
	text-align:center;
	background-color:#E7E8EA;
}
#footer {
	/* see #outer_wrapper  */
	width:100%;
	/* this is to clear #container */
	clear:both;
	background:#E7E8EA;
	text-align:center;
}
/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {height:0;clear:both}
/*Original css stuff below this point -ph*/
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4F4C4C;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4F4C4C;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4F4C4C;
	font-style: normal;
	font-weight: normal;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4F4C4C;
}
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4F4C4C;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4F4C4C;
}
.fwArticlesHeading {
	color: #FFFFFF;
}
.fwCopyrightText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4F4C4C;
}
.fwPhone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2F2B2C;
}