/* css file for pmwiki-divs skin */
/* general layout definitions */
/* Originally created by Henrik Bechmann, September 2006 henrik.bechmann@sympatico.ca */

div#page-context {
}
div#header-frame {
}
div#header-liner {
 border-bottom:1px solid #ccc;
 background-color:#f7f7f7;
}
div#content-context {
}
div#rightcolumn-context {
 margin-left: 220px;
	   padding-top: 15px;
}
div#background-drape {
 border-left:1px solid #ccc;
 background-color:#fff;
 margin-left:-1px;
}
div#rightcolumn-frame {
 float:left;
 margin-left:-1px;
 width: 500px;
}
div#rightcolumn-liner {
 border-left:1px solid #ccc;
 padding:0 10px 10px 20px;
 width: 500px;
 background-color:#fff;
}
div#leftcolumn-frame {
 float:left;
 width: 220px;
}
div#leftcolumn-liner {
 border-right:1px solid #ccc;
 background-color:#FFFFFF;
 padding:6px;
}
div#footer-frame {
 margin-left: -220px;
 clear:both;
}
div#footer-liner {
 border-top:1px solid #ccc;
 background-color:#f7f7f7;
}

	   
#topbar {
width: 780px;
float: left;
background-color: white;
}


#topbar ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 780px;
  background: #6c8987 url(http://nyokai.com/images/mainNavBg.gif) repeat-x;
  list-style: none;
  text-transform: uppercase;
	font: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
}

#topbar ul li {
  float: left  
}

#topbar ul .home a {
  background: none;
}

#home #topbar .home a,
#biography #topbar .biography a,
#performances #topbar .performances a,
#lessons #topbar .lessons a,
#tips #topbar .tips a,
#links #topbar .links a,
#news #topbar .news a,
#contact #topbar .contact a {
	color: #ffef63;
	cursor:  default;
}

#topbar h1 {
	background: transparent;
	color: #6c8987;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	font-size: .8em;
	text-transform: uppercase;
	letter-spacing: .1em;
	word-spacing: .1em;
}

#topbar ul a {
  padding: 0 1.8em;
  line-height: 2.1em;
  background: url(http://nyokai.com/images/mainNavBorder.gif) repeat-y left top;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
}


#topbar ul a:hover {
  color: #333;
}