* {margin: 0; padding: 0; border: 0;}

body{
text-align: center; 
background: #dddddd;
color: black;
min-width: 700px;
}

body, table {
font-family: verdana, tahoma, arial, sans-serif;
font-size: 100%;
line-height: 1.3;
}
			
a {color: #000; padding: 0 2px;}
a:hover { color: #696969;}
/*
#center a {color: black;}
#center a:hover {background: #1E90FF; color: #000;}
*/
#rootmenu {font-size: 13px;}
#rootmenu a {color:black;}
#rootmenu a:hover {color:black;}

h1, h2, h3, h4, p {margin: 1em 0;}
ul {margin: 1em 2em;}

h5 {
	border-bottom: 1px dashed black;
	font-size: 15px;
}

/***************************************************************/
/**************** Layout CSS begins ****************************/

#toptop	{
	height:8px;
}

#trompete {
	position: absolute;
	left: 70px;
	top: 30px;
	}

#saxophon {
	position: absolute;
	left: 720px;
	top: 0px;
	width: 150px;
	z-index: 501;
	}

#rootmenu {
	text-align:left;
	position: absolute;
	top: 158px;
	left: 30px;
	width: 330px;
	height: 23px;
	background-image: url(../images/rootmenu.jpg);
	}
	
#rootmenutext	{
	float: left;
	position: relative;
	top: 4px;
	left: 4px;
	}

#outermenu	{
	float:left;
	padding: 7px;
}

#menu {
	background-color: #BBBBBB;
	border: 1px solid #222222;
	width: 160px;
	}

#menu_top	{
	font-weight: bold;
	height: 20px;
	border-bottom: 1px solid;
	padding: 2px;
}

#menu_down	{
	padding: 2px;
}

#wrapper { /* also holds the left "sliding" tab */
text-align: left;
width: 1000px; /* this can fixed or fluid */
margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
font-size: 80%;

}

#header, #subnav, #footer {
clear: both; 
width: 100%;
}

#header {
background: #946d84; 
color: #fff; 
text-align: right;
padding: 1px 0;
}

#subnav {
background: #d6aeb5; 
color: #000; 
border-width: 1px 0; 
border-style: solid; 
border-color: #4a1a21;
}

#footer {
	width:1000px;
text-align: left;
color: black;
background-image: url(../images/bg_bottom.jpg);
	padding:5px;
	height:20px;
	width:969px;
}

#leftfooter	{
	float:left;
	margin-left: 5px;
}

#rightfooter	{
	float:right;
	margin-right: 20px;
}

#contentfloatholder {/* also makes the right "sliding" tab */
background-image: url(../images/bg_content.jpg);
float: left;
width: 100%;
position: relative;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#centerpad {
margin: 0px 450px 0px 185px;
}

#center {
  color: black;
  float:left;
  width: 100%; 
  margin-right: -96%; 
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
  margin-left: 10px;

}

#left {
  float:left;
  width: 170px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */

}

#right {
  float:right;
  width: 370px;
  margin-right: 50px;
  padding-left: 25px;
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p,
#center h3, #center p
{
padding: 0 3px; 
}

/***** General formatting ****/
 /* tanfa logo/link */
#pagetop {
position: relative;
width: 1000px;
height: 200px;
color: #000;
margin: 0 auto;
}

#banner	{
	background-image: url(../images/banner.jpg);
	width: 1000px;
	height:190px;
}

#pagetop h1, #pagetop h2, #pagetop h3 {
font-family: georgia, serif;
margin: 0.3em 220px;
padding: 0;
}

h1 {font-size: 17px;}
h2 {font-size: 15px;}
h3 {font-size: 13px;}

a#toplink {
width: 200px;
height: 8em;
position: absolute;
top: 0;
right: 5px;
}

a#toplink:hover {
background-position: 0 0;
}

#wrapper {
position: relative;
z-index: 500;
}