@charset "UTF-8";
/* CSS Document */

body {
	font: 100% Lucida, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults *//* the auto margins (in conjunction with a width) center the page */
	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 */
	color: #000000;
}

.oneColElsCtr #container {
	width: 600px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: left;
}





#menu {
  margin:0 auto; 
  padding:0; 
  height:400em; 
  overflow:hidden; 
  background:#f0f0ff;
  }
#menu li {
  list-style-type:none; 
  float:left; 
  display:block; 
  width:100%;
  }
#menu li a {
  display:block; 
  text-decoration:none; 
  color:#00b; 
  margin:0; 
  width:100%;
  }
#menu li a span {
  display:none; 
  color:#000;
  }
#menu li a.one span {
  display:block; 
  height:15em; 
  margin:0 10px;
  }
#menu li a:hover {
  background:#f1f1f1;
  }
#menu li a:hover span {
  display:block; 
  height:40em; 
  margin:0 10px; 
  cursor:pointer;
  }
#menu .h2 {
  margin:0 5px; 
  padding:0; 
  color:#000; 
  font-size:1.5em; 
  border:0;
  }
#menu .h3 {
  margin:0 5px; 
  padding:0; 
  font-size:1.1em; 
  color:#666;
  }
#menu img {
  margin:5px 5px 5px 0; 
  border:0px solid #000; 
  float:left;
  }
.curved {
  margin: 0 auto;
  width:600px;
  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px; 
  display:block; 
  background:#ddd;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#f0f0ff; 
  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;
  }