body {
 font-family: helvetica,arial,sans-serif;
 font-size: small;
 margin-left: 0;
 margin-top: 0;
 margin-right: 12px;
}

/* 120 pixel high banner.  Similar class is used on menu frame */
.topBanner {
height: 120px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}

/* The name of the congregation.  Used within the banner */
#fnc {
 color: #0cb832;
 font-family: Bookman Old Style, Times New Roman,serif;
 font-size: 300%;
}

/* holds the graphic Bruchim HaBaim */
#bruchim {
text-align: right;
padding-right: 20px;
}

/* one liner about the shul */
#about {
margin-top: 1em;
margin-bottom: 1em;
}

h2 {
 font-weight: normal;
 font-size: 130%;
}

#main {
 width: 70%;
 float: left;
}

/* div just inside main.  If we don't have an extra div, calculation
   of padding within a percentage-width div is hard */
#inner {
 padding-right: 1em;
line-height: 130%;
}

#upcoming {
}

#whatsnew {
margin-top: 6px;
}

#whatsnew p {clear: both;}

#sidebar {
 float: right;
 width: 30%;
 background-color: #CCFFCC;
}

td.sidebar {
 background-color: #CEC;
}

div.decoration {
 background: url(images/border.jpg); height: 18px; width: 100%
}

/* item within the sidebar */
div.item {
  margin-top: 6px;
  padding-left: 6px;
  padding-right: 6px;
 padding-bottom: 12px;
 border-bottom: 0px  black solid; 
 margin-bottom: 12px;
 margin-left: 4px;
 margin-right: 4px;
 background-color: #DDFFDD;
}

.item blockquote {
margin-left: 1em;
margin-right: 1em;
}

.item h1 {
font-size: 110%;
text-align: center;
padding-top: .75em;
}

.item h1+h2 {
font-size: 100%;
text-align: center;
margin-top: -.75em;
}


#footer {
 padding-top: 10px;
 clear: both;
}

#footerleft {
 float: left;
 width: 70%;
}

#footerright {
 float: right;
 width: 30%;
}

#footerbottom {
 clear: both;
}

div.left {
float: left;
width: 40%;
}

div.right {
float: right;
width: 40%;
}

img.decoration { float: left;margin-right: 1em;}
img.decoration-right { float: right;margin-left: 1em;}

div.event {
margin-top: 1em;
margin-bottom: 1em;
}

div.event p {
}

dl.upcoming {}

dl.upcoming dt {margin-top: 1em;}

dl.upcoming dd {margin-left: 1em;}

span.old {color: #999999;}
#upcoming table {cellpadding: 0; cellspacing: 0}
#upcoming table tr {margin-bottom: 1em;}
#upcoming table tr td {padding-top: 4px; padding-bottom: 4px; padding-left: .5em; padding-right: 1em;}

#upcoming table tr.single td {}
#upcoming table tr.second td {padding-top: 0px;}
#upcoming table tr.multi td {padding-bottom: 0px;}

#upcoming table tr.odd {background-color: #F0F0F0;}
#upcoming table tr.even {background-color: #F8F8F8;}

#upcoming tr.past {color: #AAA;}

dl.contact {}
dl.contact dt {width: 150px; clear: left; float: left;}
dl.contact dd {float: left; width: 148px;margin-left: 0em;}

div.announcement {
 margin-top: 1em;
 background-color: #CCFFCC;
 padding: 6px;
}

div.announcement h1 {
display: inline; 
font-size: 130%;
}