/***********************************************/
/* HTML tag styles                             */
/***********************************************/

.LgNavButtons{
	background-color: #F5f7f7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	cursor: hand;
	width: 105px;
	height: 17px;
	border: 0px;
	text-align: left;
	margin-left: 0px;
}

.NavButtons{
	background-color: #F5f7f7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0033CC;
	cursor: hand;
	width: 105px;
	height: 17px;
	border: 0px;
	text-align: left;
	margin-left: 0px;
}

.LgPageButtons{
	background-color: #F5f7f7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	cursor: hand;
	height: 17px;
	border: 0px;
	text-align: left;
	margin-left: 0px;
}

.PageButtons{
	background-color: #F5f7f7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0033CC;
	cursor: hand;
	height: 17px;
	border: 0px;
	text-align: left;
	margin-left: 0px;
}

.DLPageButtons{
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0033CC;
	cursor: hand;
	height: 17px;
	border: 0px;
	text-align: left;
	margin-left: 0px;
}



/***********************************************/
/* Text styles                             */
/***********************************************/

.styleVerdana7 {
	font-family: Verdana;
	font-size: 9px;
}
.styleVerdana8 {
	font-family: Verdana;
	font-size: 10px;
}

.styleVerdana9 {
	font-family: Verdana;
	font-size: 11px;
}

.styleVerdana10 {
	font-family: Verdana;
	font-size: 12px;
}

.styleVerdana11 {
	font-family: Verdana;
	font-size: 13px;
}

.styleVerdana12 {
	font-family: Verdana;
	font-size: 14px;
}

.styleVerdana13 {
	font-family: Verdana;
	font-size: 15px;
}

.styleVerdana14 {
	font-family: Verdana;
	font-size: 16px;
}

.styleVerdana15 {
	font-family: Verdana;
	font-size: 17px;
}


.styleArial7 {
	font-family: Arial;
	font-size: 9px;
}
.styleArial8 {
	font-family: Arial;
	font-size: 10px;
}

.styleArial9 {
	font-family: Arial;
	font-size: 11px;
}

.styleArial10 {
	font-family: Arial;
	font-size: 12px;
}

.styleArial11 {
	font-family: Arial;
	font-size: 13px;
}

.styleArial12 {
	font-family: Arial;
	font-size: 14px;
}

.styleArial13 {
	font-family: Arial;
	font-size: 15px;
}

.styleArial14 {
	font-family: Arial;
	font-size: 16px;
}

.styleArial15 {
	font-family: Arial;
	font-size: 17px;
}


A.LinksBold {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.LinksBold:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.LinksBold:active {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.LinksBold:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #336699; FONT-STYLE: normal; FONT-FAMILY: arial; TEXT-DECORATION: none
}






/***********************************************/
/* Info banner styles                             */
/***********************************************/



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

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	font-size:11px;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
	background-color:#3366FF;
	color:#fff;
    text-align: center}



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

a.info2:hover{z-index:25; background-color:#ff0}

a.info2 span{display: none}

a.info2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	font-size:11px;
    top:-2em; left:2em; width:15em;
    border:1px solid #0cf;
	background-color:#3366FF;
	color:#fff;
    text-align: center}


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

a.info3:hover{z-index:25; background-color:#ff0}

a.info3 span{display: none}

a.info3:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	font-size:11px;
    bottom:2em; left:-6em; width:15em;
    border:1px solid #0cf;
	background-color:#3366FF;
	color:#fff;
    text-align: center}
	
	
a.info4{
    position:relative; /*this is the key*/
    z-index:24}
	
a.info4:hover{z-index:25; background-color:#ff0}

a.info4 span{display: none}

a.info4:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	font-size:11px;
    top:-1em; left:8em; width:22em;
    border:1px solid #0cf;
	background-color:#3366FF;
	color:#fff;
    text-align: center}


a.info5{
    position:relative; /*this is the key*/
    z-index:24}
	
a.info5:hover{z-index:25; background-color:#ff0}

a.info5 span{display: none}

a.info5:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	font-size:11px;
    top:3em; left:8em; width:35em;
    border:1px solid #0cf;
	background-color:#3366FF;
	color:#fff;
    text-align: center}
	

a.info5t{
    position:relative; /*this is the key*/
    z-index:24}
	
a.info5t:hover{z-index:25; background-color:#ff0}

a.info5t span{display: none}

a.info5t:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	font-size:11px;
    top:-6em; left:14em; width:35em;
    border:1px solid #0cf;
	background-color:#3366FF;
	color:#fff;
    text-align: center}