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

ul.sidenav {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	list-style: none;
	border-bottom: 1px solid #3373a9; /*--Bevel Effect--*/
	border-top: 1px solid #003867; /*--Bevel Effect--*/
	font-size: 1.2em;
}
ul.sidenav li {
	position: relative; /*--Add a relative positioning--*/
	float: left;
	margin: 0;
	padding: 0;
}
ul.sidenav li a{
	border-top: 1px solid #3373a9; /*--Bevel Effect--*/
	border-bottom: 1px solid #003867; /*--Bevel Effect--*/
	padding: 10px 10px 10px 25px;
	display: block;
	color: #fff;
	text-decoration: none;
	width: 165px;
	background: #005094 url(sidenav_li_a.gif) no-repeat 5px 10px;
	position: relative; /*--Add a relative positioning--*/
	z-index: 2; /*--z-index allows the popup to tuck underneath the nav--*/
}
ul.sidenav li a:hover {
	background-color: #004c8d;
	border-top: 1px solid #1a4c76;
}
ul.sidenav li div {
	display: none;
	position: absolute;
	top: 2px;
	left: 0;
	width: 225px;
	font-size: 0.9em;
	background: url(../images/bubble_top.gif) no-repeat right top;
}
ul.sidenav li div p {
	margin: 7px 0;
	line-height: 1.6em;
	padding: 0 5px 10px 30px;
	background: url(../images/bubble_btm.gif) no-repeat right bottom;
}




/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none;  }
a.tt span.cat{ display: block; }
a.tt span.content{
	font-size:12px;
	color:#FFFFFF;
	line-height:18px;
	display: block;
}
a.tt .div a.t_links{
	font-size:12px;
	display: block;
	color:#990000;
	text-decoration:none;
	line-height:18px;

}
a.tt .div a.t_links:hover{
	color:#fff;
	text-decoration:none;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff;  }

a.tt:hover span.tooltip{
background:url(../images/bubble12.gif) no-repeat;
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:451px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	text-decoration:none;
	MozOpacity: 0.90;
	opacity: 0.90;
	margin-top:-90px;
	margin-left:115px;
}
a.tt:hover span.t_lt{
	margin-top:-130px;
	margin-left:-430px;
}
a.tt:hover span.t_mdl{
	margin-top:-390px;
	padding-bottom:30px;
	background:url(../images/t_buble.gif) no-repeat;
	margin-left:-78px;
	*margin-top:-210px;
}
a.tt:hover span.t_rt{
	margin-top:-200px;
	margin-left:135px;
}
a.tt:hover span.centre{
	margin-top:-280px;
	margin-left:-295px;
	padding-bottom:50px;
	*margin-top:-120px;
	background:url(../images/centre.gif) no-repeat;
}
a.tt:hover span.m_lt{
	margin-top:-200px;
	margin-left:-210px;
}
a.tt:hover span.m_mdl{
	margin-top:-180px;
	margin-left:-295px;
	*margin-top:-20px;
	background:url(../images/left_buble.gif) no-repeat;
}

a.tt:hover span.m_rt{
	margin-top:-180px;
	margin-left:105px;
	background:url(../images/r_buble.gif) no-repeat;
	*margin-top:-20px;
}
a.tt:hover span.b_lt{
	margin-top:-130px;
	margin-left:-430px;
}

a.tt:hover span.b_mdl{
	margin-top:-10px;
	background:url(../images/b_buble.gif) no-repeat;
	margin-left:-78px;
	*margin-top:160px;
	
}

a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	text-align:justify;
	padding:0px 10px 10px 10px;
	*padding:0px 10px 10px 0px;
	width:360px;
	height:236px;

}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}