body {background-color: #EFEFEF; font:normal 81.25%/1.3 "Trebuchet MS", "century gothic", arial, helvetica, sans-serif; padding:0px; margin:10px 0px;}
* {padding:0; margin:0;}/*first zero everything so we're on a level browser playing field*/
p, h1, h2, h3, h4, blockquote, ul, cite{margin-bottom:.8em;}
a {color: #666;}
a:hover {color: #000;}
a img{border:none;}
p, label {color:#666;}
h1 {font-size: 1.4em; color:#566F9C; }
h2 {font-size:1.3em; color:#566F9C;}
h3 {font-size:1.15em; color:#566F9C; background: #fff url(../img/headinggrad.jpg) left top repeat-x; line-height:30px; height:30px; margin-bottom:.4em; margin-top:1em;}
h4 {font-size:1.1em; color:#566F9C; margin-bottom:.6em;}
.quotewrap{border-left:5px solid #EBF7F9; margin:5px 20px;}
blockquote{margin: 5px 20px;}
blockquote.n{font-style:italic; font-size:1.2em; padding:10px 0 0 0 ; width:90%; margin-left:5px;}
 blockquote.n p{color:#777;}
 cite.n{color:#555; font-size:0.95em; margin-left:20px;}
ul.n{list-style-type:none; color:#666; margin-left:10px;}
 ul.n li{background:transparent url(../img/bluedot.gif) left top no-repeat; padding-left:20px; margin-bottom:5px;} 
ul.t{list-style-type:none; color:#666; margin-left:20px;}
  ul.t li{background:transparent url(../img/tri.gif) left 2px no-repeat; padding-left:20px; margin-bottom:4px; line-height:19px;} 
  ul.t li p a{text-decoration:none; color:#666;}
  ul.t li p a:hover {text-decoration:underline; color:#999;}

a.button{color:#566F9C; display:block; padding:4px 0; font-size:1em; border: 1px solid #566F9C; background-color:#EBF7F9; text-decoration:none; text-align:center; margin:0 auto; width:180px; }
a.button:hover {color:#333; background-color:#efefef;}

input.button{color:#566F9C; height:1.8em; font-size:1em; border: 1px solid #566F9C; background-color:#EBF7F9; text-decoration:none; text-align:center; margin:0 auto; }

/*-------useful classes---------- */
.shhh{display:none;}
.small{font-size: .8em !important;}
.clear{clear:both; font-size:1px; border:none; background:transparent;}
.lt{float:left;}
.centerit{display:block; margin:0 auto;}
.rt{float:right;}
.pad{padding:5px 15px;}
strong{font-weight:bold; color:#566F9C; font-size:1.1em;}
.red{font-weight:bold; color:#600;}

/* ----------wrapper to center the layout-------------- */
.wrapper {width: 800px; margin-left: auto; margin-right: auto;}
.wrapper2 {width: 800px; margin-left: auto; margin-right: auto; background: #fff url(../img/bg-trees.jpg) left bottom no-repeat; border-bottom:1px solid #666;}
.wrapper3 {width: 800px; margin-left: auto; margin-right: auto; border-bottom:1px solid #666;}

/*------------top nav----------*/
#topnav{ text-align:right; }
#topnav p{margin-bottom:0px;}
#topnav a{color:#666; text-decoration:none; padding:3px 10px; background:#efefef; border: 1px solid #ddd; border-bottom:0px; margin:10px 0 2px 10px;}
#topnav a:hover{color: #666; background:#E9F6F9;}

/* ----------banner-------------- */
#banner {background: #7389B2 url(../img/bg-banner.jpg) top left repeat-x; margin: 0px; }
#banner2 {background: #7389B2 url(../img/bg-banner2.jpg) top left repeat-x; margin: 0px; }
#head{background: transparent url(../img/newpic-zazen4.gif) bottom right no-repeat; height:auto; padding:5px 0;margin-right:40px;}
#head2{background: transparent url(../img/banner-deshdraw-sm.gif) bottom right no-repeat; height:auto; padding:5px 0; margin-right:10px;}
#head h1, #head2 h1 {color:#A30402; font-family:"century gothic", Arial, helvetica, sans-serif; font-weight:normal; margin-left:62px;}
#head blockquote p{font-family:"Times New Roman", Serif; font-weight:normal; font-style:italic; color:#fff; font-size:1.5em; margin-bottom:0;}
#head cite{color:#fff; font-weight:bold; font-size:.9em; }
#head2 h2{color:#fff !important; margin:0px; padding:0px;}

/* ---------input form stuff ------ */
 input{font-size:.9em ; color:#666 ; height:13px; padding: 2px 8px; border: 1px solid #ccc; background: #fafafa;}
 input.pp{height:auto; border:none;}
 .red input{border: 1px solid #900; background:#FFE8E8;}	
 input.nf{width:250px; }
 input.sf{width:100px;}
 input.mf{width:140px;}
 .rbf{width:530px;}
 textarea {color:#666; margin:3px; height:200px; padding: 0 8px; border: 1px solid #ccc; background: #fafafa;}
 input.tinyfield{height:10px; width:14px;}

/* -------------contact form-----------*/
form#zencontactform {padding:0 10px 10px 10px;}
input.contact1 {font-size:.9em ; color:#666 ; height:15px; padding: 1px 8px; width:142px; border: 1px solid #ccc;background: #fafafa;}
input.contact2 {font-size:.9em ; color:#666 ; height:12px; padding: 2px 8px; width:400px;border: 1px solid #ccc; background-color:#fafafa;}
textarea.contact {width:330px;}
select.contact {background-color:#FAFAFA; color:#666; border: 1px solid #ccc;  width:345px;}
table.contact{border-collapse:collapse; width:370px;}
table.contact td{padding:4px 2px;}
 
/* -----------------content--------------------- */
#content {background-color: #fff; padding: 10px; margin-left: 160px; margin-right: 0px; }
	#content2{background-color:#fff; padding:10px; margin:0 auto;}
	#content2 img{display:block; margin:0 auto;}
html>body #content{margin-left:168px; }
div#content {min-height: 400px; height: auto; _height: 400px; }

/*---------event display---------*/
img.l{margin:5px; padding:5px;border:1px solid #566F9C; float:left;}
img.lt{padding:5px;}
img.r{margin:5px; padding:5px; border:1px solid #566F9C; float:right;}
img.rt{ padding:5px;}
fieldset{border:1px solid #566F9C; background-color:#fafafa;}
legend{color:#566f9c; font-size:1.2em; font-weight:bold; background: #fff url(../img/headinggrad.jpg) left top repeat-x;}

/* ---------Right Feature Box ------ */
.rightfeature{width:225px; float:right; background:#fff;}
.rightmap{width: 335px; float:right; background:#fff;}

/*-----------the rounded corner box---------------*/
.cssbox {width:210px; padding:0 0 10px 0; background:transparent url(../img/cssbox.jpg) bottom left no-repeat; margin:0 0 10px 15px;}
.cssbox h5 {font-size:1.2em; margin-bottom:0px; padding:5px 5px 0 10px; background:url(../img/cssbox.jpg) top left no-repeat; color:#566F9C; }
.cssbox h2 {margin-bottom:0px; font-size:1.2em; padding:5px 5px 3px 10px; color:#566F9C;}
.cssbox p{margin-bottom:0px; padding:7px 5px 3px 10px; color:#566F9C;}
.cssbox a{color:#566F9C; text-decoration:none; font-style:italic;}
.cssbox a:hover{color:#666; text-decoration:underline; font-style:normal;}
.cssbox img{float:right; padding:10px 5px 0 0 ;}

.cssbox2 {width:312px; padding:0 0 10px 0; background:transparent url(../img/cssbox2.jpg) bottom left no-repeat; margin:0 0 10px 25px;}
.cssbox2 img {margin-bottom:0px; padding:10px; background:transparent url(../img/cssbox2.jpg) top left no-repeat;}

/* --------------left nav with fly-out box------------- */
/* with thanks to http://www.cssplay.co.uk/menus/example_flyout.html */
#left {float: left; width: 155px; margin: 0; padding: 10px 0 0 0; position:relative;}

.menu{ height:200px; position:relative; margin:0; background:#fff;}
.menu ul {list-style-type:none; width:152px; padding:0; margin:0;}
.menu ul li{margin-bottom:5px; position:relative;  float:left;}
.menu ul li a, .menu ul li a:visited {display:block; float:left; text-decoration:none; color:#333; width:145px; height:33px; line-height:30px; background:transparent; padding-left:15px; }
.menu ul li a:hover{color:#fff;}
.menu ul li.one{position:relative; background:transparent url(../img/navitem-1.jpg) top left no-repeat;}
.menu ul li.two{background: transparent url(../img/navitem-2.jpg) top left no-repeat;}
.menu ul li.three{background: transparent url(../img/navitem-3.jpg) top left no-repeat;}
.menu ul li.four{background: transparent url(../img/navitem-4.jpg) top left no-repeat;}
.menu ul li.five{background: transparent url(../img/navitem-5.jpg) top left no-repeat;}
.menu ul li.six{background: transparent url(../img/navitem-6.jpg) top left no-repeat;}
.menu ul li.seven{background: transparent url(../img/navitem-7.jpg) top left no-repeat;}
.menu ul li.one ul {visibility:hidden; position:absolute; height:0; overflow:hidden; top:-1px; left:154px; background:#fff; border: 1px solid #BDD392; }
* html .menu ul li a, .menu ul li a:visited {width:152px; w\idth:152px;}
.menu table { border-collapse:collapse; border:0; margin:-1px; padding:0; font-size:1em; }
.menu ul li:hover a, .menu ul li a:hover{border:0; }
.menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; position:absolute; width:200px; height:auto; z-index:10; overflow:visible; }
.menu ul li:hover ul li a, .menu ul li a:hover ul li a{ display:block; background:transparent; color:#444; width:196px; line-height:18px; padding:0 0 0 10px; height:auto; text-decoration:none; }
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover{color:#566F9C; }
* html .menu ul li.one a:hover ul li a {width:152px; w\idth:142px;}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover { border:0; }

/* -----------dojo edit form------------------ */
table.editdojo{width:100%;}
 table.editdojo td{vertical-align:top; padding:2px 5px;}
 table.editdojo td.one{width:115px;}
 
/*---------dojo display table--------*/
table.dojodisplay {width:100%;}
table.dojodisplay th{text-align:left;}
table.dojodisplay td p{font-size:.9em;}

/* -----------dojo delete ------------------ */
table.delete{width:80%; margin:0 auto; border-collapse:collapse;}
table.delete th, table.delete td{border:1px solid #ccc;}
table.delete th{line-height: 30px; background-color:#f3f3f3;}
 table.delete td{padding:5px; vertical-align:middle;}
 table.delete td a.button, table.delete td p {margin:0px !important;}
 
/*----------login form -----------------*/
form.loginform {border: 1px solid #ddd; margin:10px; padding:10px; width:400px; background:#fff url(../img/bambooicon.gif) right bottom no-repeat;}
form.loginform table {width: 300px;}
form.loginform table td, form.loginform table th {vertical-align:top; padding:4px 5px;}
form.loginform table th{width:30%; text-align:right;}

/*-------Accessibility page access key list-------*/
dl.access{width:400px; float:left; border: 1px dashed #e1e1e1; padding:10px; background-color:#f9f9f9;}
dt{border-bottom: 1px dotted #ddd; background-color:#EAF5F9; float:left; clear:left; width:10%; text-align:center; font-weight:bold; color:#566F9C; font-size:1.2em; height:20px; line-height:20px;}
dd{border-bottom: 1px dotted #ddd; width:87%; float:left;  margin:0 0 0.5em 0.25em; font-weight:bold; font-size: 1em; color:#888; }

/* -----------footer--------------------------- */
#footer {clear: both; margin:3px 0 0 0; padding: 5px;}
 #footer p {color:#555; font-size:.85em;}
 #footer p.rt{width:300px; text-align:right;}


/*-------photo thumbnails page-------*/
.photothumbnails p{text-align:center; display:block; background-color:#f6f8fa; border:1px dashed #ccc; padding:10px 0; margin:7px;} 
 .photothumbnails a{margin:0; border:none; text-decoration:none; padding:5px;}
 .photothumbnails a:hover {border:none; background:#dfdfdf;}
 html>body .photothumbnails a:hover {border:none; background:transparent;}
 .photothumbnails img{background:#dfdfdf; padding:5px; vertical-align:middle; margin:3px;}  
 html>body .photothumbnails img:hover{padding:7px; background:#dfdfdf; margin:0px;}
  #photomenu {padding:0; font-size:.9em; margin:20px; line-height:19px; text-align:center; text-transform: uppercase}
  #photomenu a {color:#666; padding: 4px 15px; margin:0 3px; text-decoration:none; background-color:#ccc; border-right:#666 1px solid; border-bottom:#999 1px solid; border-top:#eee 1px solid; border-left:#eee 1px solid;}
  #photomenu a:hover {background-color: #E4EFE4; color: #333;}