Body
{
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: ARIAL;
	text-decoration: none;
	background-color: #eaeaea; margin-top: 5;
}

td
{
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: ARIAL;
	text-decoration: none;
}
.small
{	font-weight: normal;
	font-family:arial;
	font-size: 11px;
	}
.navbar
{	
	background-color:#000000;
	font-family: ARIAL;
	font-size: 11pt;
	color: #ffffff;
	font-weight: bold;
}
.logo
{	
	background-color:#000000;
	font-family: ARIAL;
	font-size: 28pt;
	color: #ffffff;
	font-weight: normal;
	padding: 5px;
}

.footer
{ background-color: #000000; padding-left: 5px; padding-right: 5px; }

.content
{width: 78%; background-color: #ffffff; vertical-align: top; border-right: solid 1px #000000; padding:7px;}
.sidebar
{width: 22%; background-color: #f8fac9; border-left: solid 1px #000000; border-right: solid 1px #000000; vertical-align: top; padding: 4px;	}

.box
{
	background-color: #9a3334;	
	color: #ffffff;
	padding: 5px;
	font-weight: bold;
	text-align: left;
	width:200px;
}

.centrepanel
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 12pt;
	padding-bottom: 5px;
	color: #282828;
	padding-top: 5px;
	font-family: tahoma;
	text-align: left;
}

.gallery
{
	
	font-family: tahoma;
	font-size: 8pt;
	color:#5154be;
	padding:4;
	
}

.topbar
{
	font-family: tahoma;
	font-size: 10pt;
	color: #7a7a7a;
	font-weight: normal;
}

.gallery_header
{
	
	font-family: tahoma;
	font-size: 10pt;
	color:#282828;
	padding:2;
	
}

gallery_header_grey
{
	
	font-family: tahoma;
	font-size: 10pt;
	color:#7e8181;
	padding:2;
	
}
A
{
	font-weight: normal;
	font-size: 10pt;
	color: #9a3334;
	font-family: ARIAL;
	text-decoration: none;
}

A:hover
{
	font-weight: normal;
	font-size: 10pt;
	color: #999999;
	font-family: ARIAL;
	text-decoration: none;
}

A.white
{
	color: #ffffff;
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
	font-size: 10pt;
}

A.white:hover
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
	font-size: 10pt;
}

A.small
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
}

A.small:hover
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
	font-size: 11px;
}

A.menu
{
	font-size: 11pt;
	font-family: Arial;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

A.menu:hover
{
	font-size: 11pt;
	font-family: Arial;
	color: #f8fac9;
	font-weight: bold;
	text-decoration: none;
}

.header
{
	font-weight: normal;
	font-size: 14pt;
	color: #9a3334;
	font-family: arial;
	padding-top: 5px; padding-bottom: 5px;
	text-align: left;
}

h1
{
	font-weight: normal;
	font-size: 16pt;
	color: #9a3334;
	font-family: arial;
	padding-top: 5px; padding-bottom: 5px;
	text-align: left;
}

.black_header
{
	font-weight: bold;
	font-size: 13pt;
	color: #000000;
	font-family: arial;
	text-align: left;
}
.red_header
{
	font-weight: bold;
	font-size: 11pt;
	color: #9a3334;
	font-family: arial;
	text-align: left;
}

.header2
{
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	font-family: arial;
	text-decoration: none;
}

.topcorners
{	background-image: url(images/topcorners.jpg); height: 6px;}

.bottomcorners
{	background-image: url(images/bottomcorners.jpg); height: 6px; background-repeat: no-repeat; background-color:#000000; height: 18px; color:#FFFFFF; font-size: 11px;}

<!-- Popups -->

.itempopup {
    Z-INDEX: 101; DISPLAY: none !important;
    }
A.itemtext {
    BORDER-BOTTOM: 0px; POSITION: relative; PADDING-LEFT: 2px; TEXT-DECORATION: none
    }
A.itemtext:hover {
    Z-INDEX: 100; BORDER-BOTTOM: 0px; POSITION: relative; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 40px; COLOR: #000066; CURSOR: pointer; TEXT-DECORATION: none
    }
.itemtext:hover .itempopup {
    BORDER: #cccccc 1px solid; POSITION: absolute; TEXT-ALIGN: left; PADDING: 5px; WIDTH: 144px; DISPLAY: block; FONT-FAMILY: Arial, Helvetica, sans-serif;  background-color: #ffffff; COLOR: #333333; FONT-SIZE: 12px; TOP: 0px; BORDER-RIGHT: #cccccc 1px solid; left: 0px;
    }
	
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; left:0em; width:12em;
    border:1px solid #cccccc;
    background-color:#ffffff; color:#333333; font-size:12px;
    text-align: left; padding: 5px;}