/* CSS Document */



body {
	margin:0;
	padding:0;
	background-image:url(images/watermark_crest.gif);
	background-repeat:no-repeat;
	font-size:small;
	
}


p {
	margin:0;
	padding:5px 5px 5px 0;
	color:#000000;
	font-family: arial, sans-serif;
	font-size:85%;
}







/* ========================= header =============================== */



#Header {
	margin:0;
	padding:0;
	width:760px;
	clear:both;
}

#Header img {
	margin:0;
	padding:16px 0 16px 16px;
	clear:both;
}




/* ========================= side menu =============================== */




#navcontainer {
	margin:0;
	padding:0 0 0 16px;
	float:left;
	width:155px;
	
}




#navcontainer ul {
	margin:0;
	padding:0;
	list-style: none;
	font-family: arial, sans-serif;
	font-size:small;
	font-size:95%;
	color:#000000;
	height:1%;
}




#navcontainer a {
	margin:0;
	padding:6px 0 6px 0;
	list-style: none;
	width:155px;
	display:block;
	
}




#navcontainer a:link, #navcontainer a:visited {
	border-bottom: 1px solid #cccccc;
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size:small;
	font-size:95%;
	color:#000000;
	
}




#navcontainer a:hover {
	background-color:#EAEBED;
	color:#003366;
	

}

#current {
	width:140px;
	padding:6px 0 6px 15px;
	color:#003366;
	font-weight:bold;
	background-image: url(images/bipra_bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
	border-bottom: 1px solid #cccccc;
	
	
}





/* ========================= body wrap =============================== */




#contentbox {
	margin:0;
	padding:0;
	float:left;
	width:760px;
}



/* =========================  main content  area =============================== */



#contentarea {
	margin:0;
	padding:0 0 0 16px;
	float:left;
	width:570px;
}


/* =========================  welcome text area  for index page =============================== */

#welcometxt {
	margin:0;
	padding:0 0 20px 0;
	width:362px;	
}


/* =========================  report text area for index page =============================== */

#bottomcontainer {
	margin:10px 0 0 0;
	padding:0;
	width:572px;
	
	

}


/* =========================  bipra map area for index page =============================== */

#bipramap {
	margin:0;
	padding:0;
	width:292px;
	float:left;
	
	

}


/* =========================  reports area for index page =============================== */

#reports {
	margin:0;
	padding:0;
	width:268px;
	float:right;

}

.spacebetween {
	margin:0;
	padding-top:3px;
	


}



/* =========================   color box =============================== */


#colorcontainer {
	margin:0;
	padding:0;
	width:268px;
	float:right;
}


#colorcontainer ul {
	margin:0;
	padding:0;
	list-style: none;
	font-family: arial, sans-serif;
	font-size:small;
	font-size:95%;
	color:#000000;
	height:1%;
}


#colorcontainer a {
	margin:0 0 3px 0;
	padding:10px 0 10px 5px;
	list-style: none;
	width:248px;
	display:block;
		
}




#colorcontainer a:link, #colorcontainer a:visited {
	
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size:small;
	font-size:95%;
	color:#ffffff;	
	background-color:#003366;
	margin:0 0 3px 0;
}


#colorcontainer a:hover {
	background-color:#EAEBED;
	color:#003366;
	margin:0 0 3px 0;

}



/* =========================   color box  blue 1st =============================== */

#colorcontainer a.blue:link, #colorcontainer a.blue:visited {
	
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size:small;
	font-size:95%;
	color:#ffffff;
	margin:0 0 3px 0;
	background-image: url(images/white_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
		
}

#colorcontainer a.blue:hover {
	background-color:#8fcdfa;
	color:#003366;
	margin:0 0 3px 0;
	background-image: url(images/white_arrow_blue.gif);
	background-repeat:no-repeat;
	background-position:right;

}


/* =========================   color box green 2nd =============================== */


#colorcontainer a.green:link, #colorcontainer a.green:visited {
	
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size:small;
	font-size:95%;
	color:#ffffff;
	background-color:#336633;
	margin:3px 0 3px 0;
	background-image: url(images/white_arrow_green_a.gif);
	background-repeat:no-repeat;
	background-position:right;
		
}

#colorcontainer a.green:hover {
	background-color:#63ce63;
	color:#336633;
	margin:3px 0 3px 0;
	background-image: url(images/white_arrow_green.gif);
	background-repeat:no-repeat;
	background-position:right;

}


/* =========================   color box light green 3rd =============================== */


#colorcontainer a.lgreen:link, #colorcontainer a.lgreen:visited {
	
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size:small;
	font-size:95%;
	color:#ffffff;
	background-color:#4ad70e;
	margin:3px 0 3px 0;
	background-image: url(images/lgreen_arrow_white.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#colorcontainer a.lgreen:hover {
	background-color:#FFFF00;
	color:#336633;
	margin:3px 0 3px 0;
	background-image: url(images/lgreen_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;

}


/* =========================   color box orange 4th =============================== */

#colorcontainer a.orange:link, #colorcontainer a.orange:visited {
	
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size:small;
	font-size:95%;
	color:#ffffff;
	background-color:#fca721;
	margin:3px 0 3px 0;
	background-image: url(images/orange_white_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#colorcontainer a.orange:hover {
	background-color:#f9d294;
	color:#FF0000;
	margin:3px 0 3px 0;
	background-image: url(images/orange_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;

}


/* =========================   color box  dark blue 5th =============================== */

#colorcontainer a.dblue:link, #colorcontainer a.dblue:visited {
	
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size:small;
	font-size:95%;
	color:#ffffff;
	background-color:#073199;
	margin:3px 0 3px 0;
	background-image: url(images/dblue_arrow_white.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#colorcontainer a.dblue:hover {
	background-color:#d3b5fb;
	color:#990000;
	margin:3px 0 3px 0;
	background-image: url(images/dblue_arrow_over.gif);
	background-repeat:no-repeat;
	background-position:right;

}


/* =========================   color box red pink 6th =============================== */

#colorcontainer a.red:link, #colorcontainer a.red:visited {
	
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size:small;
	font-size:95%;
	color:#ffffff;
	background-color:#ff0903;
	margin:3px 0 3px 0;
	background-image: url(images/red_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#colorcontainer a.red:hover {
	background-color:#fbd0d0;
	color:#ff0903;
	margin:3px 0 3px 0;
	background-image: url(images/red_over_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;

}

/* =========================   color box black grey 6th =============================== */

#colorcontainer a.black:link, #colorcontainer a.black:visited {
	
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size:small;
	font-size:95%;
	color:#ffffff;
	background-color:#666666;
	margin:3px 0 3px 0;
	background-image: url(images/black_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#colorcontainer a.black:hover {
	background-color:#999999;
	color:#000000;
	margin:3px 0 3px 0;
	background-image: url(images/black_over_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;

}

/* =========================   color box brown 7th =============================== */

#colorcontainer a.brown:link, #colorcontainer a.brown:visited {
	
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size:small;
	font-size:95%;
	color:#ffffff;
	background-color:brown;
	margin:3px 0 3px 0;
	background-image: url(images/transparent_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#colorcontainer a.brown:hover {
	background-color:#fba0d0;
	color:#ff0903;
	margin:3px 0 3px 0;
	background-image: url(images/transparent_over_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
}


/* =========================   text area  for inside page =============================== */

#innertxt {
	margin:20px 0 0 0;
	padding:0;
	width:370px;
	height: 101px;
}


/* =========================   bold text area for inside page =============================== */

.introtxt {
	margin:0;
	padding:8px 5px 5px 0;
	color:#000000;
	font-family: arial, sans-serif;
	font-size:12px;
	font-weight:bold;

}


/* =========================   image box for inside pages  =============================== */

.imagebox {
	margin:10px 0 10px 10px;
	padding:10px;
	float:right;
	clear:both;
	width:127px;
	border:1px solid #cccccc;
	background-color:#E1E8DC;
	
}

.imagetxt {
	margin:0;
	padding:5px 0 50px 0;
	font-family: arial, sans-serif;
	font-size: 10px;
	color:#000000;
	
	
}


/* =========================   float left div =============================== */

.floatleft {
	margin:0;
	float:left;
	padding:0 10px 0 0;
}

.leftimage {
	margin:0;
	padding:20px 5px 5px 0;


}


/* =========================   float right div =============================== */

.floatright {
	margin:0;
	float:right;
	padding:7px 5px 5px 5px;
}


/* =========================   read more and back to top link =============================== */

.floatrightbt {
	margin:0;
	float:right;
	padding:10px 5px 30px 5px;
}



.floatrightbtinner {
	margin:200px 0 0 0;
	float:right;
	clear:both;
	padding:10px 5px 30px 5px;
}




h3{
	margin:0;
	padding:0;
	font-size:14px;
	font-family: arial, sans-serif;
	
}



.title {
	margin:20px 0 0 0;
	padding:0;


}

/* ========================= active links =============================== */


a:link {
	text-decoration: none;
	font-family: arial, sans-serif;
	color:#000000;

}

a:visited {
	text-decoration: none;
	font-family: arial, sans-serif;
	color:#000000;

}

a:hover {
	text-decoration:underline;
	color:#003366;
	border:0;
}




/* ========================= active links for bipra map =============================== */


.map {
	margin:0;
	padding:3px 10px 0  0;
	text-align:right;

}


#names {
	margin:0;
	padding:0;
	width:150px;
	float:left;
	background-color:#dee2e5;



}



#imagecontainer {
	
	/*left:193px;
	top:450px;
	width:138px;
	height:102px;*/
	border:none;
	text-decoration: none;
	margin:0;
	padding:0;
	float:left;
	
}


span {
	border:0;
	display:none;
	text-decoration: none;
	margin:0;
	padding:0;	
}	


/* ========================= active links for bipra map  london =============================== */


a.london:hover {
	margin:0 ;
	padding:0 ;
	text-decoration: underline;
	border:0;
	
}



a.london:hover span {
	display:block;
	position:absolute;
	left:136px;
	top:451px;
	width:240px;
	height:102px;
	border:0;
	text-align:center;
	margin:0 ;
	padding:0 ;
}







a.ireland:hover {
	color:none;
	text-decoration: underline;
	border:none;
}



a.ireland:hover span {
	display:block;
	position:absolute;
	left:150px;
	top:525px;
	width:170px;
	height:102px;
	border:none;
	text-align:center;
}

/* ========================= contact container index page =============================== */


#contactcontainer {
	margin:8px 0 0 2px;
	padding:0;
	float:right;
	background-color:#dee2e5;
	width:200px;

}




/* ========================= fact container inside page =============================== */


#factcontainerinner {
	margin:8px 0 0 8px;
	padding:0;
	float:right;
	background-color:#E1E8DC;
	width:180px;

}




/* ========================= contact container top corners =============================== */

.cornertopright {
	background-image:url(images/contact_top_right.gif);
	background-repeat:no-repeat;
	background-position:right;

}



img.corner {
   width: 6px;
   height: 6px;
   border: none;
   display: block !important;
}




/* ========================= contact container p =============================== */

.fact  {
	margin:0;
	padding:10px;
	color:#000000;
	font-family: arial, sans-serif;
	font-size:small;
	font-size:85%;
}



hr {
  border: 0;
  width: 80%;
  background-color:#cccccc;
  height:1px;
}


/* ========================= fact container title pic =============================== */

#facttitle {
	margin:0;
	padding:5px 10px 0 12px;

}

/* ========================= fact container image =============================== */

#factpic {
	margin:0;
	padding:5px 10px 2px 26px;
}




/* ========================= footer =============================== */


#footerone {
	margin:40px 0 0 160px;
	padding:40px 0 0 0;
	clear:both;
	width:440px;
	

}



#footertwo {
	margin:20px 0 0 120px;
	padding:0;
	clear:both;
	width:500px;

}