@charset "utf-8";
/* CSS Document */

#title, #footer
{
	background-image:url(../Assets/Web%20design/bg_beige001.jpg)
}
#Body
{background-image:url(../Assets/Web%20design/Gray%20marble.jpg)
}
#container {
	width: auto;
	height:auto;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-left:0px;
	padding-left: 0px;
	border: double;
	border-color: #FC0;	
}
#title
{
	height: 280px;
	padding-left: 30px;
}

#Body {
	/* main body on form*/
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 10px;
	text-align: left;
}

#footer {
	height: auto;
	align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:20px;
	padding-right:20px;
}
.hPal {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 36px;
}
.hArial {
	font-family: Arial, Helvetica, sans-serif;
}
.h36 {
	font-size: 36px;
	font-style:italic;	
}
.h30 {
	font-size: 30px;
}
.h24 {
	font-size: 24px;
	}
.h18 {
	font-size: 18px;
}
.h20 {
	font-size: 20px;
}
.h14 {
	font-size: 14px;
}
.hred {
	color:#F00
}
.hblue {
	color:#03F
}
.left_align {
	text-align:left;
}
.center_text {
	text-align: center;

}
.right_align {
	text-align:right;
}
.italic_text {
	font-style: italic;
}
.bold_text {
	font-style:bold
}
.quote {font-style:italic;
padding-left: 2px;
padding-right: 2px;
}
.superscript {vertical-align:super;
}
#Body ul {

}
#Body table {
	font-family: Arial, Helvetica, sans-serif;
}
#Body table {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;

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

a.info:hover{
	z-index: 25;
	background-color: #bfefef;
	font-size: 18px;
}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:fixed;
    top:2em; left:2em; width:15em;
    border:2px solid #181b9f;
    background-color:#bfefef; color:#000;
    text-align: center
}