/* Generated by KompoZer */
a {
	color: blue;
	background: transparent;
	
}
a:hover {
	cursor: pointer;
	text-decoration: none;
}
a:visited {
	color: #000000;
}
        a.info{
        position:relative;           /*this is the key*/
        z-index:24;
        background: none;    /* background colour of display text #cccc99 */
        color: green;       /* colour of display text */
        border:1px dotted #999;    /* border colour */
        /*text-decoration: underline; */
				text-decoration: none;
        border-bottom: transparent;
        padding-bottom: 2px;
        font-style:italic;
        }

        a.info:hover {
        z-index:25;
        background-color:#ffff66;
				text-decoration: none;
        }

        a.info span{
        display: none;  /* hide the span text using this css */
        }

        a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 1px;
        left: -170px;
        width:150px;
        border:1px solid #ff0000; /* border colour */
        background-color:#ffff99; /* background colour here */
        color:#000000;         /* text colour */
        text-align: left;
        font-size: 1em;
        font-style:normal;
        z-index:30;
        }
				a .large {display:none; position:absolute; width:500px; height:450px; border:0;}
				a.info:hover .large{display:block; z-index:25; position:absolute; left: -700px; top: -80px; border:10px solid #ccc;}


        a.text{
        position:relative;           /*this is the key*/
        z-index:24;
        background: none;    /* background colour of display text #cccc99 */
        color: green;       /* colour of display text */
        /* border:1px dotted #999;    /* border colour */
        text-decoration: underline;
        font-style:italic;
        }

        a.text:hover {
        z-index:25;
        background-color:#ffff66;
				text-decoration: none;
        }

        a.text span{
        display: none;  /* hide the span text using this css */
        }

        a.text:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 1px;
        left: -300px;
        width:200px;
        border:1px solid #ff0000; /* border colour */
        background-color:#ffff99; /* background colour here */
        color:#000000;         /* text colour */
        text-align: center;
        font-size: 1em;
        font-style:normal;
        z-index:30;
        }
        a.text ball span{
        display: none;  /* hide the span text using this css */
        }				

        a.text ball:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 0px;
        left: 0px;
				height:10px;
        width:100em;
        border:1px solid #ff0000; /* border colour */
        background-color:#ffff99; /* background colour here */
        color:#000000;         /* text colour */
        text-align: center;
        font-size: 1em;
        font-style:italic;
        z-index:30;
        }								
.imageborder {
	border: 2px groove #cc9933;
  height: 100px;
	width: 125px; 
	max-width: 156px;
	margin-left: 0px;
	padding: 0px;
	position: relative;
}
.menubutton {
	border:  none;
	margin: 0px;
	text-align: center;
	text-decoration: none;
	display: block;
	color: #330033;
	background-repeat: repeat;
	z-index: 75;
  background: transparent none center left no-repeat;	
/*
	background-color: #cccccc;
	background-image: transparent; */
	position: relative;
}
.menubutton li {
	list-style-type: none;
	margin: 0;
	display: block;
	z-index: 1;
}
.menubutton a {
	text-decoration: none;
/*	color: #009900; */
  color: blue;
	z-index: 1;
}
.menubutton a:hover {
	color: red;
	padding-left: 0px;
	background-image: url(backgrounds/navtabhov4.png);
	background-repeat: repeat;
}
.menubutton li:hover {
	border: 1px ridge #993399;
  margin-left: 0px;
	width: 125px;
	padding-left: 3px;
	text-align: center;
	list-style-type: none;
	display: block;
	background-color: white;
	color: red;
	background-image: url(backgrounds/navtabhov4.png);
	background-repeat: repeat;
	cursor: pointer;
	text-decoration: none;
	z-index: 6;
}
.menubutton a span {
	display: none;
}
.menubutton a:hover span {
	display: block;
	position: absolute;
	top: 125px;
	left: 5px;
	width: 125px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	z-index: 100;
	color: red;
	background-image: url(backgrounds/navtabhov4.png);
	font: 10px Verdana, sans-serif;
	text-align: center;
}
.menubutton li ul.left {
	position: relative;
	left: -65%;
	padding: 0 0px 0px 0;
	display: none;
	background-color: #cccccc;
	z-index: 4;
}
.menubutton li:hover ul {
	border: 1px solid black;
	margin: 0;
	padding: 0;
	visibility: visible;
	display: block;
	text-decoration: none;
	position: relative;
	width: 125px;
	background-color: #cccccc;
	z-index: 4;
}
.menubutton li ul:hover {
	border: 1px solid black;
	visibility: visible;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 125px;
	background-color: #cccccc;
	z-index: 4;
}
.left {float: left;}