body {font-size:12pt; font-family: "Trebuchet MS", "century gothic", arial, helvetica, sans-serif; padding:0px; margin: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;}

p, label {color:#333;}
h1 {font-size: 13pt; color:#566F9C; }
h2 {font-size:14pt; color:#566F9C;}
h3 {font-size:13pt; color:#566F9C; background:none; margin-bottom:.4em; margin-top:1em;}
h4 {font-size:12pt; color:#566F9C; margin-bottom:.6em;}
.quotewrap{border-left:5px solid #EBF7F9; margin:5pt;}
blockquote.n{font-style:italic; font-size:14pt; padding:10px 0 0 0 ; width:90%; margin-left:5px;}
 blockquote.n p{color:#777;}
 cite.n{color:#555; font-size:10pt; margin-left:5pt;}
ul.n{list-style-type:circle; color:#666;}
	ul.n li{margin-left:20px;}
a img{border:none;}
a:link, a:active, a:visited, a:hover{color:#777; text-decoration:none;}
a.button{color:#566F9C; display:block; padding:4px 0; font-size:1em; border: 1px solid #566F9C; text-decoration:none; text-align:center; margin:0 auto; width:180px;}
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;}
.lt{float:left;}
.centerit{display:block; margin:0 auto;}
.rt{float:right;}
.pad{padding:5px 15px;}
strong{font-weight:bold; color:#566F9C; font-size:13pt;}
.red{font-weight:bold; color:#600;}

/* ----------layout-------------- */
.wrapper {width:100%}
.wrapper2 {width:100%;}
.wrapper3 {width:100%;}
#left {display:none;}
#calendar .rightfeature{display:none;}
/*------------top nav----------*/
#topnav{display:none;}

/* ----------banner-------------- */
#banner {margin: 0px; }
#banner2 {margin: 0px; }
#head{height:auto; padding:5px 0;}
#head2{height:auto; padding:5px 0;}
#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:#666; font-size:14pt; margin-bottom:0;}
#head cite{color:#666; font-weight:bold; font-size:10pt; }
#head2 h2{color:#666 !important; margin:0px; padding:0px;}

/* ---------input form stuff ------ */
 input{font-size:11pt; color:#666 ; height:13px;}
 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:12px; padding: 2px 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--------------------- */
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;}
legend{color:#566f9c; font-size:13pt;}

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

/*-----------the rounded corner box---------------*/
.cssbox {width:210px; padding:0 0 10px 0; border: 1px solid #666; margin:0 0 10px 15px;}
.cssbox h5 {font-size:14pt; margin-bottom:0px; padding:5px 5px 0 10px; color:#566F9C; }
.cssbox h2 {margin-bottom:0px; font-size:14pt; 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 img{float:right; padding:10px 5px 0 0 ;}

.cssbox2 {width:312px; padding:0 0 10px 0;border: 1px solid #666; margin:0 0 10px 25px;}
 
/*---------dojo display table--------*/
table.dojodisplay {width:100%;}
table.dojodisplay th{text-align:left;}
table.dojodisplay td p{font-size:.9em;}
 
/*----------login form -----------------*/
form.loginform {border: 1px solid #ddd; margin:10px; padding:10px; width:400px;}
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;}
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; width:100% !important;}
 #footer p {color:#555; font-size:7pt;}
 #footer p.rt, #footer br, #footer p a, #footer p.small{display:none;}