body
{
margin:0;
padding:0;
font-family:  velvetica, arial; background-color: #FDF2E9; width:100%;
}

div#main { float: left; width:100%; height:80%; }

div#topbar
{
background-image: url("images/background.gif");
width: 100%;
float:left;
padding:0;
margin-bottom: 80px;
}
div#topbar img#topbanner { float:left; margin:0; padding: 0; }
div#topbar img#flags { float:right; position:absolute; top:0px; right:0px; }

#menubar { /*position: absolute; top:200px; left:20px;*/ float: left; margin-top: 5px; margin-left: 10px;}
#menubar ul
{
  margin: 0;
  padding: 5px 0; /* 0 - IE :(*/
  list-style: none;
  width: 150px;
  border-bottom: 2px solid #ccc; background: #FE0004; /*red*/
  border-left: 2px solid #ccc;
  border-top: 1px solid #ccc;
}
#menubar ul li {  position: relative; border-top: solid 1px red; }
#menubar li ul
{
  position: absolute;
  left: 149px;
  top: 3px;
  display: none;
  padding: 1px 0px; border: 0;
}
#menubar li:hover ul, #menubar li.over ul { display: block; }

#menubar ul li a
{
  display: block;
  text-decoration: none;
  font-size: small;
  font-weight: bold;
  color: #777;
  background:  #FC9D4C;/*orange;*/
  padding: 5px 10px;
  margin: 5px 4px;
  border-top: 1px solid #FCC996; /*pink*/
  border-left: 1px solid #FCC996;
  border-bottom: 0;
}
#menubar ul li a:hover { color: #FFFFFF}

#menubar li ul li a { margin: 2px 2px; background: #FFC696; /*pink*/ }

#menubar ul li a.nolink:hover { cursor: default; }
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


div.content
{
padding-top: 0px;
padding-left: 220px;
padding-right: 150px;
height: auto;
font-size: small; 
}
/*div#main > div.content { padding-top: 180px; } Hide from IE*/

body#print {background: #FFF; }
body#print div.content {padding: 10px;}
div.printlnk { float: right; width: 200px; font-size: x-small; }
div.printlnk a img { border: 0; }

div.content table { font-size: small;}
div.content table.pdficon td {  padding-bottom: 10px; }

div.content h1
{
font-size: small;
font-weight: bold;
margin-bottom: 25px;
}
div.content ol li {padding-bottom: 10px;}
div.bottom
{
margin-left: 100px; 
padding-left: 180px;
padding-top: 40px;
padding-bottom: 10px;
text-align: center;
font-size: x-small;
float: left;
width: 300px; 
height:40px;
clear: both;
}
a.sitemap { color: gray; font-size: x-small; padding-left: 20px; text-decoration: none; }
a.sitemap:hover { text-decoration: underline; }

ul.logolist { list-style: none; padding-left: 0px; margin-left: 0px; margin-top: 40px; }
ul.logolist li { display: inline; /*padding-right: 250px;*/ }
ul.logolist li a img { padding-top: 5px; border: none; vertical-align:center;}
img#glo { margin-left:230px; }
img#zfa { margin-top:0px; vertical-align:top; }

img.pdficon {border: none; margin-left: 12px; }
img.getadobe {border: none; margin-top: 10px; }

table.calendar { font-family: velvetica, arial; font-size: small; }
table.calendar td { padding-right: 30px; }

.announce {font-weight: bold; color: #FE0004;}

p.signemail {text-align:right; padding-bottom: 15px; margin-top: -10px; }
p.signemail a {color:black; font-weight: normal;}


td.eventimg {padding-left: 30px; padding-right:20px; padding-bottom: 30px;}
td.eventtitle { font-size:medium; vertical-align:center; padding-right:20px; padding-bottom:10px; padding-top: 20px;}
td.eventdate { font-size:medium; vertical-align:center; padding-bottom:12px; padding-top: 20px;}

ol.childrenbook li, span.childrenbook { color: #800000; }
ol.teachers li, span.teachers { color: #0000FF; }
ol.audiobook li, span.audiobook { color: #008000; }
span.teachers, span.childrenbook, span.audiobooks { font-weight: bold; }