/* Style sheet for flea circus pages */

BODY
{
	background: yellow;
	background-image: url(img/HookeFlea.jpg);
	color: black;
	font-family: arial,helvetica,tahoma;
}

/* border around image links */
a img,
a:link img,
a:hover img,
a:visited img 
{
	border-right: red 2px solid;
	border-top: red 2px solid;
	border-left: red 2px solid;
	border-bottom: red 2px solid;
}

a:link      {color: red; TEXT-DECORATION: underline}
a:visited   {color: #cc0033; text-decoration: underline;}
a:active    { color: red; TEXT-DECORATION: underline; }
a:hover     { color: red;text-decoration: none; border-bottom: red thin dashed;}

span.tooltip {color: Blue; text-decoration: underline; cursor: help}

a.external
{
    padding-right: 5px;
    background-position: right center;
    background-image: url(img/JumpOut.jpg);
    background-repeat: no-repeat;
    background-color: transparent;
}

a.crossref { font-size: 60%;  vertical-align: super;}

address     { text-align : center; }

.button {
	border-color: #CC9900 #663300 #663300 #CC9900;
	border-width: 1px;
	font-family: verdana, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: white;
	background-color: #996600;
	border-left: 1px solid #CC9900;
	border-top: 1px solid #CC9900;
	border-right: 1px solid #663300;
	border-bottom: 1px solid #663300;
	padding: 0px 3px 0px 3px;
	margin: 0px;
	text-decoration: none;
}

SmallMenu a:hover, a:hover .button 
	{color: gold;
	 text-decoration: none;}

img.noborder,
a:link img.noborder,
a:hover img.noborder,
a:visited img.noborder 
{
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none	
}

cc-button
{ float: left; }

cc-info 
{ display: inline-block; }

img,iframe
{ 
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

div.indent
{
	margin-left: 50px;
}

table
{
	border: none, 0;
}
td
{
	border: none, 0;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

div.floatleft
{
		float:left;
		width:55%;
		margin-right:10px;
}

div.floatright
{
	float: right;
	width: 40%;
	margin: 5px;
	padding: 5px;
}

.scrollhorz
{
	padding:-3;
	margin:-3;
	background:black;
	overflow:scroll;
	overflow-y:hidden;
	overflow-x:scroll;
	width: 100%;
	white-space: nowrap;
}

q 
{
    font-style: italic;
}

.film
{	
	padding:-3;
	margin:-3;
	height:50px;
	background-image:url(FilmHole.gif);
	background-repeat: repeat-x;
}

hr
{
	color: Red;
	height: 1px;
}

h1 { font-size: 130% }
h2 { font-size: 120% }
h3 { font-size: 115% }
h4 { font-size: 110% }
h5 { font-size: 105% }

br.clear
{
    clear: both;
}

thead td
{
    border-bottom: black thin solid;
}

.SmallFont
{
	font-size:50%;
}

.KeepTogether
{
	display: inline-block;
}

.KeepTogether h2
{
 	margin-top: 15px;
}

.Flyer
{
    width: 550px;
    border-right: thin solid;
    border-top: thin solid;
    border-left: thin solid;
    border-bottom: thin solid;
    background-color: #ffff99;
    font-family: Serif;
    padding: 10px;
    margin: 10px;
}

.SiteSearch
{
	padding:0;
	margin:0;
}

.SiteSearch table img,
.SiteSearch table a:link img,
.SiteSearch table a:hover img,
.SiteSearch table a:visited img,
{ 
	margin: 0px;
	padding:0px;	
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none	
}