<style type="text/css">
	/* 
	General styles for this example page */
	html{
		height:100%;
	}
	body{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:0.8em;
		margin:0px;
		padding:0px;
		text-align:center;
		height:100%;
		background-image: url(../images/page_bg.bmp);	
		background-repeat: repeat-x; 
		/*background-image: url(../images/bg-shadow.png);  grey shadow on both sides of mainContainer 
		background-repeat: repeat-y;  
		background-position:center; */
	}
	
	p{
		margin-top:5px;
		margin-bottom:10px;
	}
	


	#mainContainer{
		
		width:948px;
		margin:0 auto;
		text-align:left;
		background-color:#E0EEE0;  /*light blue color visible in left panel */
		margin-top:0px;
		padding-top:15px;
		padding-left:16px;
		padding-right:16px;
		padding-bottom:0px;
		background-image:url(../images/bg_header.png); /* curved corners and blue color at the top */
		background-repeat: no-repeat;
		
		
	}

	#headerContainer{
		width:940px;
		margin:0 auto;
		margin-top:10px;
		padding-top:0px;
		padding-right:0px;
		text-align:left;
		background-color:#A7C942;	/* green */
	}
	
	#ivpl_menu img{
		border:0px;
	}
	
	
	#left_panel, #left_panel_l2
	{
	text-align:left;
	float: left;
	clear: none;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 13px;
	padding-left: 0px;
	color: #FFFFFF;
	margin: 0px;
	width: 154px;
	border: 0px solid #FF0000;
	left: 0px;
	}

	
	#main_panel
	{	
	text-align:left;
	padding-top: 10px;
	padding-left: 20px;
	float:none;
	padding-right: 20px;
	margin-left: 185px;
	clear: right;
	/*z-index: -1;*/
	width: 720px;
	font-size: 12px;
	color: #000000;
	border-bottom:0px solid gray;
	border-left:0px solid #E0EEE0;
	background-color:white;
	}

	#bottom_panel
	{
	background-color:#A7C942;  /* green */
	color:white;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:970px;
	height:25px;
	border-bottom:2px solid gray;
	}

	#bottom_panel td
	{
	color:white; /* text color of bottom panel Copyright | Terms & Conditions | Privacy Policy */
	}

	<html>
	/* language select dropdown */


	ul.login_panel
	{
	float: left;
	width:165px;
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
	ul.left_panel, ul.mini_panel
	{
	float: left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
	ul li.arrow{
	list-style-image:url("../images/bullet_arrow.gif");
	}
	
	ul.left_panel_l2
	{
	float: left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
	}
	

	a.left_panel
	{
	float:left;
	width:9em;
	height:35px;
	text-decoration:none;
	font-weight:bold;
	color:#990000;
	/*background-color:#E8E8E8; */
	background-image:url(../images/bg-menu.gif); /* gray scale background for left panel menu */
	background-repeat: repeat-x;
	padding:0.2em 0.2em;
	border-top:0px solid black;
	}
	
	a.left_panel_l2
	{
	float:left;
	width:8em;
	text-decoration:none;
	color:black;
	/*background-color:#D6D6D6;*/
	background-color:#E8E8E8;
	padding:0.2em 0.2em;
	padding-left:1.2em;
	border-top:1px solid gray;
	}

	a.left_panel_selected
	{
	float:left;
	width:9em;
	height:35px;
	text-decoration:none;
	color:white;
	font-weight:bold;
	background-color:#949494;
	padding:0.2em 0.2em;
	border-top:0px solid black;
	}
	
	
	a.left_panel:hover, a.left_panel_l2:hover {
	/*background-color:#CDCDC1*/
	background-image:url(../images/bg-menu-over.gif); /* gray scale background for left panel menu */
	background-repeat: repeat-x;
	}
	li.left_panel, li.login_panel, li.mini_panel{display:inline}

	/*************************************
	
	For Home Page
	
	**************************************/
	
	#login_panel{
	margin-top:30px;
	width:170px;
	height:150px;
	background-color:#EECC99;
	}
	
	a.login_panel{
	float:left;
	width:8.7em;
	text-decoration:none;
	border-bottom:1px solid #FF9900;
	height:32px;
	padding-top:10px;
	}
	
	a.login_panel:hover{
	color:#FF9900;
	}
	
	a.mini_panel{
	float:left;
	width:190px;
	height:25px;
	text-decoration:none;
	border-bottom:1px dotted #FF9900;
	padding-left:0px;
	margin-left:15px;
	padding-top:6px;
	color:#666666;
	font-size:12px;
	}

	/* for the 3 panels on the home page */
	#clearfloat{
	clear:both;
	}
	
	#panel1{
	float:left;
	width: 224px;
	height: 230px;
	margin-top:15px;
	margin-left:1px;
	border:0.01em solid #99CCFF;
	}
	
	#panel2{
	float:left;
	width: 224px;
	height: 230px;
	margin-left:16px;
	margin-top:15px;
	border:0.01em solid #99CCFF;
	}
	
	#panel3{
	float:left;
	width: 224px;
	height: 230px;
	margin-left:16px;
	margin-top:15px;
	border:0.01em solid #99CCFF;
	}
	
	#panel4{
	float:left;
	width: 690px;
	margin-top:25px;
	border:0.01em solid #99CCFF;
	padding:10px;
	}
	
	h3.panel_header{
	padding-top:2px;
	background-color:#0099FF;
	color:#FFFFFF;
	}
	
	h3{
	color:#0099FF;
	font-size:18px;
	margin-bottom:5px;
	border-bottom:5px solid #DDDDDD;
	}
	
	/* for locations.jsp  */
	#main_panel tr.alt 
	{
	color:#000000;
	background-color:#EAF2D3;
	padding-left:5px;
	}
	
	#locations_table tr
	{
	padding-left:5px;
	}
	
	#table_history td.year{
	color:#0000CC;
	font-weight:bold;
	}
	
	#table_history td
	{
	padding-bottom:15px;
	padding-top:15px;
	padding-left:5px;
	}
	
	#ivpl_list td
	{
	height:70px;
	width:700px;
	border-bottom:1px dotted blue;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	#ivpl_list th
	{
	height:30px;
	width:700px;
	background-color:#CCCCCC;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	margin-top:10px;
	
	}
	
	/* thumbnail shown on projects.jsp next to project name */
	img.thumbnail2
	{
	 float: right;
	 margin: 10px;
	 height:50px;
	 border: 0px;
	 text-align:center;
	 vertical-align:middle;
	}
	
	/* image gallery thumbnails */
	img.thumbnail
	{
	 float: left;
	 margin: 20px;
	 width:180px;
	 height:105px;
	 border: 0px;
	}
	
	/* For pics of installations which are displayed full size*/
	img.gallery
	{
	 float: left;
	 margin: 20px;
	 border: 0px;
	}
	
	/* For ISO certificates */
	img.thumbnail_certificate
	{
	 float: left;
	 margin: 20px;
	 width:178px;
	 height:218px;
	 border: 1px solid blue;
	}
	img.certificate
	{
	 float: left;
	 margin-left: 80px;
	 margin-top: 10px;
	 width:242px;
	 height:339px;
	 border: 2px solid;
	}
	
	ul.sitemap
	{
	padding-left:40px;
	}
	
	li.sitemap
	{
	padding-top:10px;
	}
	
	a.dog {color: #fff; text-decoration: none}
	a.dog:hover	{text-decoration:none; color:#000000;}
	
	/* End general styles for this example page */
	/* General configuration CSS */
	
	#ivpl_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#ivpl_menu{
		visibility:hidden;	
	}
	#ivpl_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#ivpl_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#ivpl_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#ivpl_menu ul{
		border:1px solid #000;
		background-color:#FFF;
		padding:1px;
		
	}
		
	#ivpl_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:0px solid #317082;
		height:50px;
		background-color:#C1CDC1;	/* main menu bar gray background color*/
		overflow:visible;
	}
	#ivpl_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border-left:1px solid gray;
		border-right:1px solid gray;
		border-bottom:1px solid gray;
		background-color:white;	/* blue background color for menu level2 */
	}
	
	#ivpl_menu ul.menuBlock3{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:0px solid #555;
		background-color:#C1CDC1;	/* gray background color for menu level3 */
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#ivpl_menu a{
		color: black;		/* text color of menu items */
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
		
	}
	
	/*
	Main menu items 
	*/
	
	/* desc for main menu tab width, and white | to the right  */
	#ivpl_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
		width:130px;
		border-right:2px solid white;
	}
	#ivpl_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		background-color:#317082;
		width:130px;
		border-right:2px solid white;		
	}
	#ivpl_menu .currentDepth1 a{
		/*color:#FFF;*/
		color:#990000;
		font-weight:bold;
	}
	#ivpl_menu .currentDepth1over a{	/* Text rules */
		color:#FFF;
		font-weight:bold;
	}
	
	/* Sub menu depth 1 */
	#ivpl_menu .currentDepth2{
		padding-right:0px;
	}
	#ivpl_menu .currentDepth2over{
		font-family:Arial, Helvetica, sans-serif;
		background-color:#E2EBED;
		border-left:5px solid blue;
		padding-bottom:3px;
		padding-top:1px;
		padding-left:4px;
	}	

	#ivpl_menu .currentDepth2 a{	/* Text rules */
		font-family:Arial, Helvetica, sans-serif;
		color:blue;
		padding-bottom:3px;
		padding-top:1px;
		padding-left:10px;
	}		
	#ivpl_menu .currentDepth2over a{	/* Text rules */
		color:#000;
	}	
	
	/* Sub menu depth 2 */
	#ivpl_menu .currentDepth3{
		padding-right:2px;
		border:1px solid #FFF;
		border:0px;
		border-bottom:1px solid white;
	}
	#ivpl_menu .currentDepth3 a{	/* Text rules */
		font-family:Arial, Helvetica, sans-serif;
		color:#FFF;
		font-weight:bold;
	}	
	#ivpl_menu .currentDepth3over{
		padding-right:2px;
		background-color:#EDE3EB;
		border:1px solid #000;
	}
	/* Sub menu depth 3 */
	#ivpl_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#ivpl_menu .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #000;
	}	
	
	
	


	</style>
