body { font:normal 81.25%/1.4  arial, helvetica, sans-serif; padding:0px; margin:0;}
* {padding:0; margin:0;}/*first zero everything so we're on a level browser playing field*/
p, h1, h2, h3, h4, ul {margin-bottom:.8em;}
a {color: #555;}
a:hover, a:visited {color: #777;}
a:hover{text-decoration:none;}
a img{border:none;}
p, label {color:#555;}
h1 {font-size: 1.4em; color:#5e8c8c; }
h2 {font-size:1.3em; color:#B2231D;}
h3 {font-size:1.15em; color:#5e8c8c; }
h4 {font-size:1.1em; color:#566F9C; margin-bottom:.6em;}

ul.n{list-style-type:none; color:#666; margin-left:10px;}
ul.n li{background:transparent url(../img/arrow.gif) left 5px no-repeat; padding-left:20px; margin-bottom:5px;}
 
blockquote.poetry { margin: 10px 0 0 25px; border:1px solid #FCDD81; border-left: 14px solid #FCDD81; padding:10px; background: #FAF8ED; }
blockquote.poetry p{font-family: "century gothic", arial, helvetica serif; color:#5e8c8c; font-size:1em; font-weight:normal; font-style:italic; margin-left:20px;}
blockquote.poetry p.by{font-family: arial, helvetica, sans-serif; font-style:normal;  color: #555; font-size: .8em; font-weight:bold; margin-left:0; }

blockquote.poetry .more {float:right; width:175px; border:1px solid #dedede; padding:10px; text-align:center;}
	blockquote.poetry .more p{font-family: "century gothic", arial, helvetica serif; color:#555; font-size: .8em; font-weight:bold; margin-left:0;}
	blockquote.poetry .more p a {font-family: "century gothic", arial, helvetica serif; color:#5e8c8c; font-size:1.1em; font-weight:normal;}

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.button2{color:#566F9C; padding:4px; font-size:1.1em; border: 1px solid #566F9C; background-color:#EBF7F9; text-decoration:none; text-align:center; margin:0 auto; }
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;}
.center{text-align:center;}
.rt{float:right;}
.pad{padding:15px;}
strong{font-weight:bold; color:#566F9C;}
.hl{font-weight:bold; color:#600;}
.it{font-style:italic;}
img.withbox{border: 1px solid #96B8B8; background-color:#EFDEAD; padding:4px; margin:8px;}

.leftlanguage{color:#B2231D; font-weight:bold; font-size:1.3em;}

.wrapper{width:900px; margin:0 auto;background:  url(../img/bannerimage3.jpg) right bottom no-repeat;}
#banner{background: #F7F4E4 url(../img/bg-banner.jpg) left bottom no-repeat; margin: 5px 1px 3px; border:1px solid #FCDD81;}
	#banner .box{border: 1px solid #96B8B8; background-color:#EFDEAD; padding:0 4px;  margin: 2px 2px 0 0;}
	#banner h2{color:#333; font-family: "Times New Roman", serif; margin:0 0 0 10px; font-size:1.4em;}	
	#banner .leftbanner{background:  url(../img/bannerimage3.jpg) right bottom no-repeat; }

#maincontainer{background: #F7F4E4 url(../img/bg-gradient.jpg) top left repeat-x;}	
#topbar{background-color:#B2231D; margin:0 1px 3px; padding:0; height:25px; line-height:25px;}
	#topbar h2{color:#FCDD81; text-transform:lowercase; margin:0 0 0 10px; padding:0;}	
	#topbar h3{padding:0 40px 0 0;}
	
.leftcol, #left{width:252px; float:left; margin-left:4px;  border: 1px solid #FCDD81;}
.middlecol{width: 512px; float:left; margin-left:4px; border: 1px solid #fcdd81; }

#toppicbox{height:232px; width:907px; margin:0 auto 5px auto;}
	#toppicbox .leftcol{height:232px; width:255px;}
	#toppicbox .leftcol .otherbg{ height:232px; width:255px; vertical-align:middle; display: table-cell;}
	#toppicbox .leftcol h3{text-align:center; font-style:italic; padding:0 15px;}
	#toppicbox .leftcol p {font-size:.9em; text-align:right; margin-right:5px;}
	#toppicbox .middlecol {padding:0;}
	#toppicbox .middlecol img {padding:0; margin:0; display:block;}
	
	/*#toppicbox .rightcol{padding-top:205px;}
	#toppicbox .rightcol h3 a {color:#B2231D !important; text-decoration:none;padding:0;}
	#toppicbox .rightcol h3 a:hover{color:#555  !important; text-decoration:underline;}*/

#language {padding:0; margin:0; line-height:2.5em; text-align:center; height:2.5em;}
	#language h3 a{color:#B2231D !important; text-decoration:none;padding:0; margin:0; line-height:2.5em; margin-bottom:0 !important; padding-bottom:0 !important; }
	#language h3 a:hover{color:#555  !important; text-decoration:underline;}

#content {margin-top:5px; width:900px; margin:0 auto;background-color:#fff;}
 #left {background-color:#f7f4e4;}
 #middle{background-color:#F7F4E4;}
 #middle{width: 634px; float:left; margin-left:4px; border: 1px solid #fcdd81; }
 #right{background-color:#F7F4E4;}

.address{display:block; width:220px; text-align:center; margin:0 auto;} 
 
 ul.nav{margin-left:0px; padding-left:0px; background: url(../img/nav-mid.jpg) top left repeat-y; list-style-type:none; border:1px solid #777; border-right:none; margin-top:0px;}
  ul.nav li{margin:0 0 2px 25px; background-color:#fff; border-left: 1px solid #777; border:1px solid #777; line-height:23px;}
  ul.nav li a, ul.nav li a:visited{ padding-left:30px;color:#5E8C8C; text-decoration:none; display:block; width:195px;}
  ul.nav li a:hover, #home a.home, #practice a.practice, #zen a.zen, #guy a.guy, #activities a.activities, #teaching a.teaching, #projects a.projects, #photos a.photos, #contact a.contact, #links a.links, #tradition a.tradition , #zazen a.zazen, #art a.art, #membership a.membership {background-color: #5e8c8c; color:#fff;}
  /*#zazen a.zazen added above when the zazen sub menu was moved up to replace the practice menu*/
  
   ul.subnav{margin:0; border:none;  list-style-type:none; }
   ul.nav ul.subnav li{border:none;line-height:18px;  margin-left:40px;}
   ul.nav ul.subnav li a, ul.nav ul.subnav li a:visited{background: url(../img/arrow.gif) left center no-repeat; display:block; width:169px; padding-left:15px;}
   ul.nav ul.subnav li a:hover, #signifie a.signifie, #objet a.objet, #ceremonie a.ceremonie, /*#zazen a.zazen, */ #bouddha a.bouddha, #kinhin a.kinhin, #teisho a.teisho, #kusen a.kusen, #cuisine a.cuisine, #buddhism a.buddhism, #chan a.chan, #sotozen a.sotozen{background-color:#fff; color:#B2231D;}

ul.nav li ul{display:none;}
  #home li.home ul, #signifie li.home ul, #objet li.home ul, #practice li.practice ul, #zazen li.practice ul, #kinhin li.practice ul, #ceremonie li.practice ul, #bouddha li.practice ul, #zen li.zen ul, #buddhism li.zen ul,  #chan li.zen ul,  #sotozen li.zen ul, #teaching li.teaching ul, #kusen li.teaching ul, #teisho li.teaching ul, #cuisine li.teaching ul {display:block;}
  
  .rightad{width:200px; float:right; text-align:center;  border: 1px solid #fcdd81; background:#fff;}

/* handels the formatting for the table on the teaching page including the striping*/
table.teach{border-collapse:collapse; width:100%;}
  table.teach th{background-color: #5E8C8C; color:#fff; border:1px solid #ccc;}
  table.teach td {border: 1px solid #ccc;}
  table.teach tr td {vertical-align:top; padding:3px;}
  table.teach tr.even td {background-color: #efefef;}
  table.teach tr a{display:block; width:100%; line-height:16px;}
  table.teach tr a:hover{background-color: #ccc;}
#activities table.teach th.mo{text-align:left; background-color:#fcdd81; color: #5e8c8c;}
#activities table.teach td p{margin-bottom:0;}
#activities table.teach td.tbr{border: 2px solid #B2231D; }
  
/*deals with the links page*/
 #links #middle ul li{list-style-type:none; border:1px solid #ccc; margin-bottom:3px;}
 #links #middle ul li a{text-decoration:none;}
 #links #middle ul li a:hover{text-decoration:underline;}
 #links #middle ul li img{vertical-align:middle; padding-right:10px;}
 
 /*photothumbs*/
 .photothumbs a img{border:7px solid #FCDD81; margin:3px; background:#5E8C8C;}
 .photothumbs a:hover img{border:7px solid #B2231D;}
 .photothumbs p{text-align:center; margin:5px 0;}
 #photomenu{margin-bottom:10px;} 
 #photomenu a{padding:5px; border: 1px solid #5E8C8C; margin:5px; text-decoration:none; color:#444;}
 #photomenu a:hover{border: 1px solid #5E8C8C; background:#ccc; color:#444;}
 #wrapper{text-align:center; padding:20px; }
 #anotherwrapperthingie {margin: 0 auto; width:700px; background-color:#F7F4E4; border:1px solid #FCDD81;}
 
 /*puts pretty little logos in front of pdf's that are in a list*/
 ul.pdflinklist{list-style-type:none; margin:0 0 0 10px; padding:0;}
  ul.pdflinklist li{margin:0; padding:10px 0 10px 35px; background:url(../img/pdflogo2.gif) left center no-repeat;line-height:115%; color: #546778;}
  ul.pdflinklist li a{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #546778; }
  ul.pdflinklist li a:hover, ul.pdflinklist li a:visited, ul.pdflinklist li a:active{color:#546778; background-color: #f8f8f8; text-decoration:underline;}

#footer{ padding: 0px 10px; background-color:#f7f4e4; border:1px solid #fcdd81; margin:5px; height:30px;}
 #footer p{color:#555; font-size:.8em; line-height:30px;}
 #footer p a{color:#666;font-size:.9em; text-decoration:none;}
 #footer p a:hover{text-decoration:underline;}