body {
	background-position: center;margin: 0px;padding: 0px;margin-bottom: 0px;
	background-color: #42475c;text-align: center;	font-family: Verdana, Arial;
}

div#container {
	width: 1017px;
	margin: 0px auto;
	text-align: center;
	padding: 0px;
	border-top: 0px solid #888888; border-bottom:0px solid #555555; border-right: 0px solid #555555; border-left: 0px solid #888888;
	position: relative;	top: 0px;left: 0px;z-index: 1;
	background-color:#42475b;
	
}
div#menudiv {
	width: 160px;
	height: 68px;
	z-index: 20;
	position: absolute;
	top: 28px;
	left: 0px;
}
	


div#pageheader {
	position: absolute;	left:0px;	top: 0px;	width: 1014px;	height:55px;z-index:3;
	background-image: url('new/metahomeslices_01.jpg');	background-repeat:no-repeat;
}
div#content { /*positions content div and provides formatting for any content pages lacking its own styles*/
	padding-left:0px;position: absolute;	left:0px;	top: 45px;	width: 1014px;	z-index: 1;
	background-image: url('new/metahomeslices_02.jpg');	background-repeat:repeat-y;
	/*min-height:400px;  height:auto;  height:400px;these three address IE bug*/
	height:auto;
}


div#pagefooter {
	background-image: url('new/metahomeslices_03.jpg');
	height: 28px;
	width: 1014px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 40;
	left: 0px;
	top:-50px;
	
}



p#sitefooter {
	position: absolute;
	z-index: 100;
	left: 360px;width:400px;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #2f3342;
	text-decoration:none;
	top:-50px;
		}
		
div.pagecontent{ /*incorporate in each content page*/
	text-align: center;	vertical-align: top;  font-family:Arial; font-size:12pt;
	margin: 0px 0px 0px 0px;padding: 0px;
	z-index: 1;
	width:1014px;
}


 
 
img#companylogo{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	z-index: inherit;
}


	
	
		

input.slideshowbuttons{ color: #FFFFFF;width:110px;background:#414360;font-family: Arial;	font-size:8pt;	margin:0px;	cursor:pointer;	padding:0px;	outline: 0; -moz-outline: none;	active:outline: 0;
	border-top: 1px solid #333333;	border-bottom: 2px solid #333333;	border-right: 1px solid #666666;	border-left: 1px solid #555555; margin-bottom:12px;}



 /* START THE CODE FOR THE MENU SYSTEM */


div#menusystembg {position:absolute;  z-index:10; top:0px; left:0px;width:1000px; height:37px; background-color:red;}	/* giving bg color seemed to solve IE menu problem/gap between top menu and pop up list */

div#menusystem { position:absolute; top:24px; left:74px; width:1000px;  text-align:center; height:auto; z-index:11;display:inline; margin-bottom:0px; }
	
div#menusystem a {
	margin:0px;  margin-left:0px;  cursor:pointer;	outline: 0; color: #ffffff;	font-family: Arial, Helvetica, sans-serif;font-size:12px; text-decoration:none; font-weight:bold;
	 vertical-align:middle;  text-align:left; line-height:20px; 
}

div#menusystem a:active{  text-decoration:underline;} div#menusystem a:hover{  text-decoration:underline;} div#menusystem a:focus{  text-decoration:underline;}	

div.popupMenu{display:inline;position:relative; z-index:25;top:0px;left:0px;}

div.popupMenuItems {background-image: url('../graphics/bg_page.gif');
	position:absolute;left:14px;top:20px;z-index:12;vertical-align:bottom; text-indent:4px;
	border-top: 2px solid #666464; border-bottom:2px solid #555555; border-right: 2px solid #666666; border-left: 2px solid #666464;padding-top:0px;width:auto; 
	filter:alpha(opacity=85); opacity:.89;  /* filter for ms, opacity for Mozilla */ 
	border: #7c8598 5px solid;
}

div.popupMenuItems a {background-image: url('../graphics/bg_page.gif');
	display: block;width:auto; margin:0px;padding: 0px; width:130px; margin:0px; padding-top:0px;padding-bottom:4px;background-color:#42475b;
	
}

div.popupMenuItems a:active { background-color:#F00);
	
	
}

a.topMenuItem {
	width:130px; padding:0px 26px 20px 15px;  /*bottom padding previously seemed to keep menu alive when mouseing over drop-downs*/ 
}