html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
background:#304cb2; /*color background - only works in IE */
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:auto; /*get rid of scroll bars in IE */
/* */
}

body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  font-family:arial, verdana, sans-serif; 
  overflow: auto;
  background-color: #304cb2;
  text-align:center;
  }

/* for internet explorer */
* html body {
  padding:0 0 0 0; 
  }

#container {
  position: relative;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  overflow:none; 
  padding:0px;
  border: 0px solid #000;
  text-align:center;
  color: #fff;
  }



* html #container {
position: relative;
  height:100%; 
  width:800px; 
  margin-left: auto;
  margin-right: auto;
  overflow:none; 
  padding:0px;
  border: 0px solid #000;
  text-align:center;
  }

#topbar {
width: 800px;
height:160px;
border: 0px solid #28F;
}

.jollysign {
  float:right; 
  margin: 0px;
  display: inline;
  border: 0px solid #fff;

}

.quotes {
float: left;
display: inline;
height: 155px;
width: 207px;
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 9pt;
color: #FF0;
border: 0px solid #fff;
padding-top: 40px;
padding-left: 10px;
padding-right: 10px;

}

.menu {
clear:both;
width: 100%;
border-top: 5px solid #FF0;
border-bottom: 5px solid #FF0;
padding:10px;
margin-bottom: 10px;
margin-top: 10px;
}

.menu a, .menu a:visited {
  text-decoration:none;
  color:#ddd;
  }

.menu a:hover {
  color:#fff; 
  text-decoration:none;
  }

.menu ul {
padding:0;
margin: 0;
  text-align:center;  
  list-style-type:none; 
  background:transparent; 
  }

.menu ul li {
  font-family: Georgia, Verdana, Helvetica, sans-serif; 
  font-size: 10pt;
  display:inline; 
  color:#ffffff;
  }


#jester {
float:left; 
width: 170px;
height: 500px;
color: #fff;
background-image: url(../images/jester.gif); 
background-repeat: no-repeat;
border: 0px solid #999;
}


#page {
float: left;
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 9pt;
width: 620px;
color: #fff;
border: 0px solid #888;
text-align: justify;
}


.table {
border: none;
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 9pt;
margin-left: auto;
margin-right: auto;
}

.table th {
color: #304cb2; 
padding: 3px;
background-color: #FF0;
}

.table td {
color: #304cb2; 
padding: 3px;
background-color: #ddd;
text-align: left;
}


.title {
text-align: center;
margin-top: 10px;
font-size: 15pt;
}

.textblock {
margin-top: 15px;
}


#page .title {
display: block;
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 14pt;
/* color: #0ff; */
color: #ff0;
font-weight: bold;
text-align: center;
/*text-decoration: underline;*/
margin-bottom: 20px;
}

#page .redtitle {
display: block;
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 14pt;
/* color: #0ff; */
color: ff0;
font-weight: bold;
text-align: center;
/*text-decoration: underline;*/
margin-bottom: 20px;
}


#page .subtitle {
display: block;
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 10pt;
/* color: #0ff; */
color: #ff0;
font-weight: bold;
text-align:left;
text-decoration: none;
margin-bottom: 7px;
}

#page .ulcentered {
display: block;
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 10pt;
/* color: #0ff; */
color: #ff0;
font-weight: bold;
text-align:center;
text-decoration: underline;
margin-bottom: 5px;
}

#page .centered {
display: block;
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 10pt;
/* color: #0ff; */
color: #ff0;
font-weight: bold;
text-align:center;
margin-bottom: 5px;
}

#page .centre {
display: block;
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 10pt;
/* color: #0ff; */
color: #FFF;
text-align:center;
margin-bottom: 5px;
}


#page .jollywood {
width:100px;
height:24px;
background-image: url(../images/jollywoodword.gif); 
background-repeat: no-repeat;
display:inline;
}

#page .jyt {
width:35px;
height:24px;
background-image: url(../images/jytword.gif); 
background-repeat: no-repeat;
display:inline;
}

#page .highlight {
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 10pt;
/* color: #0ff; */
color: #ff0;
font-weight: bold;
display:inline;
}

#page .quote {
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 9pt;
color: #fff;
font-weight: normal;
font-style:	italic;
margin: 0;
padding: 0;
}

.inlineimg {
margin-bottom: -4px;
padding: 0;

}

#page .textphotoright {
float: right;
border: none;
margin-left: 10px;
margin-bottom: 6px;
margin-top: 10px;
}

.list ul {
margin-left: 30px;
margin-bottom: 10px;
text-align:left;
}

.list ul li {
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 9pt;
color: #fff;
}


#quiz{
margin-top: 450px;
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 10pt;
}

#quiz a, a:visited {
  text-decoration:none;
  color:#ddd;
  }

#quiz a:hover {
  color:#fff; 
  text-decoration:none;
  }

#siteweb{
clear: both;
float: right
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 10pt;
text-align: right;
}

#siteweb a, a:visited {
  text-decoration:none;
  color:#ddd;
  }

#siteweb a:hover {
  color:#fff; 
  text-decoration:none;
  }













.clear {
clear: both;
}







.lcol {
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 8pt;
text-align: center;
margin-left: 40px;
float: left;
border: 1px solid #000;
}

.rcol {
font-family: Georgia, Verdana, Helvetica, sans-serif; 
font-size: 8pt;
text-align: center;
margin-right: 40px;
float: right;
border: 1px solid #000;

}

hr {
border: none;
height: 2px;
color: #FF0;
width:100%;
}

.content a, a:visited, a:hover {
color: #ff0000;
}

.bigpic {
width: 100%;
}

.galleryimg {
height: 300px;
text-align: center;
}

.thumbdiv {
text-align: center;
width: 100%;
}

.prodimage {
float: left;
margin: 4px;
}

.thumbnail {
height: 75px;
width: 75px;

}




#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../javascript/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../javascript/overlay.png", sizingMethod="scale");
	}