body, html {height:100%;width:100%;margin:0;padding:0; vertical-align:top;}
body {
	background-color:#630d0d;
	font-size:75%;
	font-family:"Times New Roman", Times, serif;
}
#container {
	height: auto;
min-height: 100%; 
	width:790px;
	margin:0 auto;
	background-image:url(images/fancy_bg.gif);
	background-repeat:repeat;
}
#header {
	height:155px;
	padding:8px;
}
#logo {
	float:left;
	width:120px;
	height:155px;
	padding-left:5px;
}
#rightheader {
	height:155px;
	width:620px;
	float:left;
	padding-left:20px;
}
#contentbg {
	width:683px;
	background:url(images/content_bg.gif) repeat-y;
	margin-left:65px;
	vertical-align:top;
}
#content {
	padding:0 10px 0 20px;
	vertical-align:top;
}
h4 {
	font-size:1.3em;
	padding:0;
	margin:0;
}
p {
	font-size:1.2em;
	line-height:125%;
}

a.info{
    position:relative; /*this is the key*/
    z-index:1; 
    color:#000;
    text-decoration:none;
		display:block;
}

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:0; left:10px; width:170px;
    border:1px solid #999999;
    background-color: #990000; color:#fff;
    text-align: center;
}
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #000;
visibility: hidden;
z-index: 100;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
font-size:1.3em;
font-weight:bold;
text-align:center;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}