h5 {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 8pt; 
   color: #747678;
   margin-top: opx;
} 
h4 {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 10pt; 
   color: #747678;
   margin-top: opx;
} 
h3 {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 12pt; 
   color: #747678;
   margin-top: opx;
} 
h2 {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 16pt; 
   color: #747678;
   margin-top: opx
}
table.AdTable{
   font-family: Helvetica, Arial, sans-serif;
   font-size: 8pt; 
   color: #747678;
   font-weight:normal;
}
table.footerTable{
   font-family: Helvetica, Arial, sans-serif;
   font-size: 8pt; 
   color: #747678;
}
table.SubMenu{
   font-family: Helvetica, Arial, sans-serif;
   font-size: 18pt; 
   color: #747678;
   background: url(../images/tabgrey.gif) #c0c0c0 top left no-repeat;
}


@charset "utf-8";
body {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: #33CCCC;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#33CCCC', gradientType='0');
	background: -webkit-gradient(linear, left top, left bottom, from(#33CCCC), to(#C0CFE2));
	background: -moz-linear-gradient(top,  #33CCCC,  #C0CFE2);
}
.oneColFixCtrHdr #container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */

}
.oneColFixCtrHdr #header {
 	background:url(../images/headerBG.png) no-repeat; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	position: relative;
	top: 10px;
	height: 140px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContenttopbar {
	position: relative; 
	top: 20px;
	height: 40px; 
	background: url(../images/MainTopBarBG2.gif);
	margin-left: auto ;
	margin-right: auto ;
}
.oneColFixCtrHdr #mainContentbottombar {
	margin: 0;
	position: relative; 
	background: url(../images/MainBottomBarBG2.png) no-repeat top;
	top: 20px;
}
.oneColFixCtrHdr #mainContent {
	background: #f4feff;
	top: 20px; 
	color: #000000;
	position: relative;
	/*margin-left: auto ;
	margin-right: auto ;*/
margin: 0px 0px 0px 0px;
/* border :1px solid #000000; */
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:url(../images/FooterBG.png) no-repeat;
	top: 30px;
	height: 60px;
	position: relative; 
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#PageContent {
	width: 700px;
 	margin-left: auto ;
 	margin-right: auto ;
}
#pagecontent2 {
	width: 950px;
	height: 40px;
 	margin-left: auto;
 	margin-right: auto;
	background: url("OrangeBar950x40.gif") no-repeat top;

}

.curved {
/*   width:21em; */
	width:500px;
  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px; 
  display:block; 
  background:#88c;
/* hide overflow:hidden from IE5/Mac */ 
overflow: hidden;
}
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#f0f0f0; 
  border-left:1px solid #88c; 
  border-right:1px solid #88c;
  }
.curved .b1 {
  margin:0 4px; 
  background:#88c;
  }
.curved .b2 {
  margin:0 2px; 
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 {
  height:2px; 
  margin:0;
  }
.curved .c1 {
  margin:0 5px; 
  background:#88c;
  }
.curved .c2 {
  margin:0 3px; 
  border-width:0 2px;
  }
.curved .c3 {
  margin:0 2px;
  }
.curved .c4 {
  height:2px; 
  margin: 0 1px;
  }
.curved .boxcontent {
  display:block; 
  background:transparent; 
  border-left:1px solid #88c; 
  border-right:1px solid #88c; 
  font-size:0.9em; 
  text-align:justify;
  }
		
/* Styles for the entire LavaLamp menu */
	.lavaLampWithImage {
		position: relative;
		height: 40px;
		width: 950px;
          /*  background: url("bg3.gif") no-repeat top;
		padding: 15px; 
		margin: 25px 5px 15px 15px; */
		margin: 0px 0px 0px 55px; 
         /*   overflow: hidden; */
		}
	.lavaLampWithImage li {
        	float: left;
		list-style: none; 
		margin: 5px 0px 15px 5px;
                }
	.lavaLampWithImage li.back {
		background: url("lava5.gif") no-repeat right -30px;
		width: 9px; height: 30px;
		z-index: 8;
		position: absolute; 
		}
	.lavaLampWithImage li.back .left {
		background: url("lava5.gif") no-repeat top left;
		height: 30px;
		margin-right: 9px; /* 7px is the width of the rounded shape */ 
		}
	.lavaLampWithImage li a {
		font: bold 14px arial;
		text-decoration: none;
		color: #fff;
		outline: none;
		text-align: center;
		top: 7px;
		text-transform: uppercase;
		letter-spacing: 0;
		z-index: 10;
		display: block;
		float: left; 
		height: 30px;
		position: relative;
		overflow: hidden;
		margin: auto 10px;    
		}
	.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
		border: none;
		}
	.lavaLampWithImage li.subli a {
		font: bold 12px arial;
		text-decoration: none;
		color: #000;
		outline: none;
		text-align: center;
		top: 7px;
		text-transform: uppercase;
		letter-spacing: 0;
		z-index: 10;
		display: block;
		float: left; 
		height: 30px;
		position: relative;
		overflow: hidden;
		margin: auto 10px;    
		}