body {margin: 15px 0; font: normal 81.25%/1.2 "Trebuchet MS", arial, helvetica, verdana, tahoma, sans-serif; background: #9AA5C2 url("/img/bg.jpg") top repeat-x;   text-align:center;}
* {padding:0; margin:0;}/* zero everything so we're on a level browser playing field*/
h1, h2, h3, p, table, blockquote, q {margin-bottom:.6em;}
.shhh{display:none;}
a {text-decoration:underline; color:#333;}
a:hover{text-decoration:none; color:#333; background:#dedede;}
a.button{border:1px solid #ccc; background-color:#f6f6f6; padding:2px 6px; text-decoration:none; font-weight:bold;}
a.button:hover{background-color:#dedede; color:#444;}
a img{border:none;}

h1{font-size: 1.5em; color:#333; font-style:italic;}
h2{font-size:1.3em; color:#555;}
h3{color:#555; font-size: 1.2em;}
h4{color:#666; font-size:1.1em; margin-bottom:.7em;}
p {color:#333;}
.highlight{color:#a00; font-size:1em; font-weight:bold;}
.clear{clear:both;}
.quote{ background-color:#f6f6f6; padding:10px; width:290px; margin-left:100px; margin-bottom:8px; border: 1px solid #ddd; border-left:15px solid #ddd;}
.quote2{ background-color:#f6f6f6; padding:10px; width:390px; margin:0 auto; border: 1px solid #ddd; border-left:15px solid #ddd;}
 blockquote{margin:10px 3px;}
 .quote h3, .quote2 h3{font-style:italic; color:#333; font-size:1.15em; font-weight:normal;}
 .quote p, .quote2 p{font-size: .8em; font-weight:bold; text-align:right;}
.indent{margin-left:10px;}
.small{font-size:.8em}

table.quotes{border: 1px solid #666; border-collapse:collapse;}
table.quotes td{border: 1px solid #666; padding:5px;}
#form input, #form textarea{border: 1px solid #666;}

.victoria{background-color:#0094d7; padding:0px 5px; color:#fff}
.piccadilly{background-color:#034EA2; padding:0px 5px; color:#fff;}
.district{background-color:#009a5a; padding:0px 5px; color:#fff;}
.circle{background-color:#fd0; padding:0px 5px;}
.jubilee{background-color:#898B8E; padding:0px 5px; color:#fff;}
.northern{background-color:#000; color:#fff; padding:0px 5px;}
.overground {background-color:#F86C00; color:#fff; padding:0px 5px;}
.hsmith{background-color:#D799AF; color:#600; padding:0px 5px;}
.metropolitan{background-color:#751056; color:#fff; padding:0px 5px;}


#locationnav ul{list-style-type:none; display:inline; height:35px; margin-bottom:0; padding-bottom:0;}
  #locationnav ul li{height:35px; float:left; list-style-type:none;}
  #locationnav ul li a{border:1px solid #666; color:333; background-color:#ccc; text-weight:bold; padding:4px 10px; text-decoration:none; height:35px; }
  #locationnav ul li a:hover, #locationnav ul li a.current{border-bottom: 2px solid #fff; color:#333; text-weight:bold; background-color:#ededed;}
  
 #dojobox{border:1px solid #666;  padding:5px 10px; width:98%;} 

#wrapper {background-color:#fff; margin:0px auto; width:780px; text-align:left; voice-family:inherit;}
#wrapper2 {padding:15px 20px 20px; border-left: 1px solid #333; border-right: 1px solid #333; /* min height hack for ie */ min-height: 450px; height: auto; _height: 450px;}/*this is because IE has issues with doing it all with one box*/
#wrapper-bottom{background:#9AA5C2 url("/img/main-bg-bot.gif") top no-repeat; height:14px; padding-left: 25px; clear:both;}
#head{background:#888 url("/img/bamboo.gif") right center no-repeat; clear:both; padding:5px 20px; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; /* min height hack for ie */ min-height: 60px; height: auto; _height: 60px;}
 #head img{border:none;}
 #head a:hover{background:transparent;}
 
#nav{height:46px; background: #e8ebf2 url("/img/menu-bg.gif") repeat-x; border-left:1px solid #333; border-right: 1px solid #333;border-bottom: 1px solid #666; font-size:.9em;}
  #nav ul {list-style-type:none; text-align:center; margin-left:17px;}
  #nav li {float:left; background:url("/img/navright.gif") no-repeat right top; margin-left:1px;}
  #nav a {display:block; text-decoration:none; background:url("/img/navleft.gif") no-repeat left top; padding:7px 10px 5px; font-weight:bold; color:#333; font-size:1em; width:80px; float:left;}
  /* hide from IE5-Mac \*/ 
  #nav a {float:none;}
  /* End IE5-Mac hack */ 
  #nav a:hover{color:#fff;}
  #nav ul li a.bigger{width:120px;}
  #home #nav #nav-home, #intro #nav #nav-intro, #maps #nav #nav-maps, #us #nav #nav-us, #zen #nav #nav-zen, #events #nav #nav-events, #links #nav #nav-links, #contact #nav #nav-contact {background-image:url("/img/navright-on.gif");}/*this is instead of using a current id*/
  #home #nav #nav-home a,#intro #nav #nav-intro a, #maps #nav #nav-maps a, #us #nav #nav-us a, #zen #nav #nav-zen a, #events #nav #nav-events a, #links #nav #nav-links a, #contact #nav #nav-contact a {background-image:url("/img/navleft-on.gif"); padding-bottom:6px; color:#666;}

.schedule {border-collapse:collapse;}
.schedule th {background-color:#f6f6f6; padding:4px; border:1px solid #f6f6f6;}
.schedule td.no{border:1px solid #fff;}
.schedule td{padding:4px;border: 1px solid #dedede;}

ul.n{margin:10px 20px; list-style:none;}
	ul.n li{margin:6px 0; background: url("/img/bullet.gif") no-repeat left 8px; padding-left: 15px;}
img {display:inline;}
img.left{float:left;}
img.right{float:right;}
img.right, img.left{padding:5px; margin:9px; border: 1px solid #8592B5;}
div.imgbox{padding:5px; margin:9px; border: 1px solid #8592B5;}

div.right {float:right;}
  div.right p{text-align:center;}
  div.right p img{padding:10px;}
.center{text-align:center;}

hr {height:1px; margin:10px; border-top: 2px solid #cecece;}

div.vanish{margin:0 50px; display:none; color:#070;}
 ul.quest {list-style-type:none;}
 ul.quest li{background: #D4E3E3 url("/img/bullet.gif") no-repeat 5px 6px; margin:5px; padding:0 0 0 20px;}
	a.question{ font-style:italic; text-decoration:none; font-size:1.2em;  line-height:100%; }
	a.question:hover{ color:#900;}
	
#footer { width:780px; margin: 0px auto; text-align:left;}
#footer p{font-size:.8em;}
#footer p.right{float:right;}