body {
  /* cream color background for main area */
  background: #FFF9D8 none repeat scroll 0 0;
  font: 110%arial, helvetica, serif;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
}

div#navcontainer h2, div#navcontainer ul {
  display: block;
  float: left;
  padding: 4px;
  margin: 0;
}

div#navcontainer {
  background: white url(topbluefade.gif) repeat-x scroll 0 0; 
  height: 3em;
}
div#buttons {
display: block;
clear: left;
}
div#content {
  clear: left;
  padding: 3px;
  line-height: normal;
}
div#content #theme {
 
 text-align: center;
 color: #FFF9D8;
 background: gray url(banner.jpg) repeat-x scroll 0 0;
}
div#footer {
  float: none;
  font-size: 90%;
  background: white url(topbluefade.gif) repeat-x scroll 0 0;
  height: 4em;
}
div#footer p, div#footer ul {
  float: left;
  display: block;
}
div#footer ul {
  float: right;
}

div#footer ul {
  padding: 4px;
}

#footer li
{
list-style: none;
margin: 0;
display: inline;
}

#catalogs
{
  padding: 0;
  margin: 0px 3px 5px;
  /*margin-left: 0;*/
}
#catalogs ul
{
  display: inline;
}
#catalogs li
{
list-style: none;
margin: 0;
display: inline;
}

#adminMenu li {
background: light-blue;
}

.feedbackPanelERROR {
	color : red;
	font-size: 20pt;
}

.indicator {
	font-size: 250%;
	text-decoration:blink;
}

.red {
	color : red;
	font-size: 20pt;
}
.dayofweek  {
	width: 14%;
}

/* from listamatic */
.navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

.navlist li
{
list-style: none;
margin: 0;
display: inline;
}

/*

div#content2, p {
clear: left;
}
div#content2{
position: relative;
top:-2em;
margin-bottom: -2em;
}

*/

.navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}

#login
{
	float: right;
}

/* from roundedcorner.com */
.roundedcornr_box_228281 {
   background: #C3EBFA;  /*#e3f1f6;*/
   width: 23%;
   float: left;
   margin: 5px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 20px 0px;
}

.roundedcornr_content_228281 {
	margin: 0 30px;
   display: block;   
}

.center big { 
   text-align: center;
}

.roundedcornr_content_228281 div, .roundedcornr_content_228281 span { 
	text-align: center; 
   display: block;   
}

#buttons a:hover {
   /*background: #F3f1f6;*/
   font-weight: bold;
   font-size: 13pt;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail {
position: relative; 
z-index: 0;
}

.thumbnail:hover {
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
float: left;  /*JP*/
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /* position where enlarged image should offset horizontally */
/* left: -100px; */
}

/** same again for guest lists on statements **/

.otherGuests{
position: relative;
z-index: 0;
}
.otherGuests:hover{
background-color: transparent;
z-index: 50;
}

.otherGuests span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.otherGuests span span{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.otherGuests:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
/* left: 60px; / * position where enlarged image should offset horizontally */
left: 100px;
}

.cursive {
font-family: Comic Sans MS, Helvetica, cursive;
}

.parallax {
    /* Set a specific height */
    height: 500px;;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}