body {
margin: 0;
padding: 0;
font:normal 81%/1.6 georgia, times, "times new roman", serif;
color: #000;
background-color: #804D00;
 background: url(../marble_backgr22.jpg);
}
#container {
margin: 1em auto;
width: 750px; /* or 750px for fixed width 93% for fluid */
background-color: #FFF;
background-image: url(../images/lightyellow.gif);
background-repeat: repeat-y;
border: 1px solid #333;
}
#headercsa {
border: 1px solid transparent;
height: 181px;
background-color: #fff;
border-bottom: 1px solid #333;
background-image: url(../images/csapanorama.gif);
background-repeat: no-repeat;
background-position: center;
}
#headercsa h1 {
display: none;
}
#header {
border: 1px solid transparent;
height: 134px;
background-color: #885;
border-bottom: 1px solid #333;
background-image: url(../images/panorama2.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
#header h1 {
margin: -135px 0 0 320px;
padding: 0;
color:#EFEFCE;
font-size:240%;
font-weight: bold;
}
#header h2 {
margin: -10px 0 0 320px;
padding: 0;
color:#EFEFCE;
font-size:180%;
font-weight: bold;
}
#header img {
margin: 10px;
padding-left:10px;
padding-top:10px;
}
html> body #header img {padding-top:2px;} /* Proper position for the logo */
.center {
text-align: center;
}
.italic {
font-style: italic;
}
.bold {
font-weight: bold;
}
.smalltop{
margin-top: 5px;
}
.smallbottom {
margin-bottom: 5px;
}
/* header definitions */
h1, h2, h3, h4, h5 {
color: #804D00;
font-family: georgia, times, serif;
}
h1 {
margin-top: 0;
font-size: 200%;
font-weight: normal;
margin-bottom: 20px;
}

h2 {
font-size: 160%;
font-weight: normal;
}
h3 {
font-size: 130%;
font-weight: normal;
}
h4 { font-size: 120%;
font-weight: bold;
padding-left:10px;
}
abbr, acronym, span.abbr {
/* The "span.abbr" & associated Javascript is to style IE as it doesn't understand the <abbr> tag
Refer to http://www.sovavsiti.cz/css/abbr.html for details */
cursor: help;
border-bottom: 1px dashed #000;
}
abbr {speak : spell-out;}
acronym {speak : normal;}

.subscribetable {
float:right;
padding:5px;
font-size:90%;
background-color:#EFEFCE;
border:4px double #804D00;
}

.subscribetable2 {
padding:5px;
font-size:90%;
background-color:#EFEFCE;
border:4px double #804D00;
}
/* menus */ 
#hnav {
background-color: #cc9;
border-bottom:1px solid #8c8c52;
margin:0 auto;
z-index: 1;
font-family: arial, helvetica, sans-serif;
font-size: .8em;
letter-spacing: 1px;
font-weight: bold;
padding: 1px 10px 1px 10px; /* IE needs the 1px to hide the background */
}
html> body #hnav {padding: 2px 10px 1px 10px;} /* Firefox does it properly! */

#hnav ul {
list-style-type: none;
text-align: center;
margin:0;
padding: 0;
position: relative;
z-index: 2;
}
#hnav ul span {
display: none;
}
#hnav li {
display: inline;
text-align: center;
margin: 0px;
}
#hnav li a {
margin: 0 -1px 0 0;
padding: 4px 10px 3px 10px;
color: #382100;
background-color: #cc9;
text-decoration: none;
border-left: solid 1px #000;
border-right: solid 1px #000;
}
#hnav li a:hover {
background-color: #885;
color: #FFFFFF;
}
#hnav li a#current {
background-color:#885;
color:#FFFFFF;
}
#hnav ul li .selected {
background-color: #885;
color: #fff;
}
#leftcol {
width:200px;
float:left;
}
#leftcol h3 {
margin: 0 0 0 8px;
}
#leftcol p {
margin-top:0;
padding:2px 14px;
font-size: 90%;
line-height: 150%;
}
#leftcol .valid {
padding: 4em;
}
#leftcol .valid img {
border:0;
}
/* Vertical menu */ 
#vnav {
padding:14px;
}
#vnav ul {
margin: 0;
padding: 0;
list-style-type: none;
font:normal 100% Arial, Helvetica, sans-serif;
}
#vnav a {
display: block;
padding: 5px;
width: 160px;
background-color: #cc9;
color: #382100;
border: 1px solid #997;
text-decoration: none;
}
#vnav a:hover {
background-color: #885;
color: #fff;
}
#vnav ul li .selected {
background-color: #885;
color: #fff;
}
/* End of vertical menu */

/* Javascript expanding menu definitions */
/* main list without Javascript */
ul#nav ul{
margin:0 0 0 10px;
padding:0;
}

/* main list with Javascript */
ul#nav.pde_nav ul{
padding:0;
}
ul#nav.pde_nav li{
margin:0;
padding:0;
}
html>body ul#nav.pde_nav li{
height:auto;
}
ul.pde_nav a,ul.pde_nav strong{
width:3em;
text-decoration:none;
display:block;
padding:0 0 0 1em;
}

/* Classes added to show and hide and to indicate active state */
.pde_hide{display:none;}
.pde_show{display:block;}
.pde_parent{background:url(../images/plus.gif) 0 50% no-repeat transparent;}
.pde_active{background:url(../images/minus.gif) 0 50% no-repeat transparent;}


/* Content area */ 
#content {
padding: 1em;
margin: 0 1em 0 199px;
}
#content p {
margin-left: 20px;
text-align: left;
}
#content h1 {
margin:0 0 -10px 0;
padding:0;
}
#content h2 { margin-top: 0; }

#footer {
clear: both;
background-color: #885;
padding: 1em;
text-align: right;
border-top: 1px solid #333;
margin:30px 0 0 0;
}
#update {
float:left;
position:relative;
top:-50px;
left:200px;
padding-top:0px;
}
#content img {
border:1px solid #000;
padding:4px;
margin:4px; 
}
/* news and Events Page */

dl.event {
margin:0;
padding: 0;
}

.event dt {
position: relative;
left: 0;
margin-top:15px;
margin-bottom: -22px;
width: 4em;
color:#804D00;
font-size: 1.3em;
}

.event dd {
border-left: 1px solid #000;
margin-left:6em;
margin-top:0px;
padding: 0 0 .5em .5em;
}
/* Photo gallery stuff */
.thumbs { /* container for all thumbs */
width: 85%; /* an explicit width is required for WinIE, or it screws up badly */
margin:1em auto; /* correctly center block element */
padding: .5em;
background-color: #EFEFCE;
color: #000;
border: thin solid #3D2C18;
border: 1px solid;
overflow: hidden;
text-align: center;
}
.thumbs ul {
margin: 0;
padding: 0;
}
.thumbs li { /* test these rules with various fonts, may need adjusting */
height: 9.5em; /* high enough for image plus 2-line caption */
width: 9.5em; /* wide enough for widest image with a bit of padding */
float: left; /* as many as can fit in window width */
overflow: hidden; /* do not let IE stretch the container */
border: 1px solid; /*#888855;*/
border-color: #AAA #444 #444 #AAA;
text-align: center;
padding: .3em;
margin: .5em;
font-family: "\"}\""; /* hide correct dimensions from WinIE 5.x */
font-family: inherit;
width: 8.5em;
height: 9.5em;
background-color: #fff; 
}
.IE5IsQuirky2 { /* WinIE 5.0 gets weird without something after font-family hack */
}
.thumbs img { /* image resized in ems to maintain proportions */
display: block; /* prevent text from flowing on the side */
height: 5.5em; /* image resolution may suffer a little, but not much */
text-align: center; /* center for IE */
margin: 2px auto .3em auto; /* center for non-IE */
padding: 0;
border: 1px solid; border-color: #444 #AAA #AAA #444; /* Removes border from "linked" pictures */
}
hr { /* see note about hr in HTML */
clear: both;
height: 0;
margin: 0;
overflow: hidden;
visibility: hidden;
}

/* "Punched out" images on gallery page */
/* landscape */
div.punchrightls {
float: right;
width: 130px;
height: 100px;
text-align: center;
background: #fff;
color: black;
padding: 4px 4px 4px 4px;
margin: -1px 5px 10px 10px;
font-family: Arial, Helvetica, sans-serif;
}
html>body div.punchrightls {
padding: 4px 4px 25px 4px;
margin: -1px 25px 10px 10px;
}
div.punchrightls img {
height: 96px;
width: 128px;
border:1px solid #000;
padding:4px;
background-color:#fff;
}
div.punchleftls {
float: left;
width: 130px;
height: 100px;
text-align: center;
background: #fff;
color: black;
padding: 4px 4px 4px 4px;
margin: -1px 5px 5px 10px;
font-family: Arial, Helvetica, sans-serif;
}
html>body div.punchleftls {
padding: 4px 4px 25px 4px;
margin: -1px 25px 10px 10px;
}

div.punchleftls img {
height: 96px;
width: 128px;
border:1px solid #000;
padding:4px;
}
/*Portrait */ 
div.punchrightpor {
float: right;
width: 100px;
height: 130px;
text-align: center;
background: #fff;
color: black;
padding: 4px 4px 4px 4px;
margin: -1px 5px 10px 10px;
font-family: Arial, Helvetica, sans-serif;
}
html>body div.punchleftls {
padding: 4px 4px 25px 4px;
margin: -1px 25px 10px 10px;
}

div.punchrightpor img {
height: 128px;
width: 96px;
border:1px solid #000;
padding:4px;
background-color:#fff;
}
div.punchleftpor {
float: left;
width: 100px;
height: 130px;
text-align: center;
background: #fff;
color: black;
padding: 4px 4px 4px 4px;
margin: -1px 5px 10px 10px;
font-family: Arial, Helvetica, sans-serif;
}
html>body div.punchleftpor {
padding: 4px 4px 25px 4px;
margin: -1px 25px 10px 10px;
}

div.punchleftpor img {
height: 128px;
width: 96px;
border:1px solid #000;
padding:4px;
}

/* Links page */
#linkster a:link {
text-decoration:none;
color:#000;
}
#linkster a:visited {
text-decoration:none;
color:#000;
}
#linkster a:hover {
text-decoration:underline;
}
#linkster a:active {
text-decoration:none;
color:#000;
}

.categories {
/* container for all categories*/
float: left;
padding: 0;
color: #000;
margin-right: 35px;
margin-left: 1em;
width:350px;
}
.categories h4 {
margin-bottom: 6px;
}
.categories ul {
margin: 0;
padding:0 0 2em 18px;
}
.categories li { /* test these rules with various fonts, may need adjusting */
background-color: #fff;
}
.top {
width:100%;
float:right;
text-align: right;
}

/* Orchard Park page */
#office p {
margin-bottom:-10px;
font-weight:bold;"
}