/* ADDITIONAL */
body {
	background-color:#222222;
}

.hdiv {
background-image:url(../../img/template_pi/hdiv.gif);
background-repeat:repeat-x;
}
.vdiv {
background-image:url(../../img/template_pi/vdiv.gif);
background-repeat:repeat-y;
}

.contentHeader {
background-image:url(../../img/template_pi/header.jpg);
background-repeat: no-repeat;
background-color:#339933;
height:114px;
width:595px;
}
.contentBody {
background-image: none;
background-color:#339933;
padding:20px;
}

.navTopLeft1 {
background-color:#216421;
width:154px;
}
.navTopLeft2 {
background-color:#339933;
padding-bottom:21px;
width:154px;
}

.rightBottom {
background-color:#339933;
text-align:center;
padding:10px;
}
.leftBottom {
background-color:#339933;
text-align:center;
padding:10px;
}
.summaryHp {/* header element float */
font-family: Helvetica, Arial,  sans-serif;
font-size: 1.3em;
font-weight: bold;
color: #FFFFFF;
float: left;
width: 210px;
margin: 10px;
text-align:right;
}
.caption {
font-family:Helvetica, Arial,  sans-serif;
font-size:9px; 
padding-top: 25px;
color:#83A5C8;
}
/* TOOLTIPS STYLE*/
.tooltip{
	background-color:#339933;
	}
.tooltip:hover{
	background-color:#339833; /* I  have NO idea why ut this value MUST by different to that within the frontend.css to display the tooltip: I have set it to 1 value less in the green*/
	}
.tooltip p{
    background-color:#41C641;
	}
.tooltip:hover span{ /*the span will display just on :hover state*/
    background-color:#41C641;
	}
	
	/*UL styles*/
UL {
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 3px;
	text-align: left;
	line-height: 1.2em;
	list-style-image: url(/img/template_pi/bullet_icon1.gif);
}

UL UL LI {
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 3px;
	text-align: left;
	line-height: 1.2em;
	list-style-image: url(/img/template_pi/bullet_icon2.gif);
}

UL UL UL LI {
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 3px;
	text-align: left;
	line-height: 1.2em;
	list-style-image: url(/img/template_pi/bullet_icon3.gif);
}

.policy {
	font-weight:bold;
	color:#154815;
}