/* CSS Document */
/*ͷ*/
/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	text-align:center;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 80px;
	height: 20px;
	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

#kwick_1 { 
	background-color: #A22A6A;
}
#kwick_2 {
	background-color: #A22A6A;
}
#kwick_3 {
	background-color: #A22A6A;
}
#kwick_4 { 
	background-color: #A22A6A;
}
.kwicks.horizontal #kwick_4 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_4 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks a{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}


#menu {
  margin:0; 
  padding:0; 
  height:250px; 
  overflow:hidden; 
  background:#ffffff;
  }
  
#menu li {
  list-style-type:none; 
  float:left; 
  display:block; 
  width:100%;
  }
.yi {
  display:block; 
  text-decoration:none; 
  color:#00b; 
  margin:0; 
  width:100%;
  }
  .yi a{
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #5E005E;
	font-size: 14px;
}
.yi span a{
	font-size: 12px;
	border-bottom: 1px solid #550055;
	color: #666666;
	width: 100px;
}
  .yi span{
  display:none; 
  color:#000;
  }
.yi:hover {
	background-color: #FFFFFF;
  }
.yi:hover span {
  display:block; 
	height:60px;
  margin:0 10px; 
  cursor:pointer;
  }
#menu .h2 {
	margin:0 5px;
	padding:0;
	color:#5E005E;
	font-size:12px;
	border:0;
	text-transform: capitalize;
  }
#menu .h3 {
  margin:0 5px; 
  padding:0; 
  font-size:1.1em; 
  color:#00b;
  }
#menu img {
  margin:5px 5px 5px 0; 
  border:1px solid #000; 
  float:left;
  }
.curved {
	width:120px;
	height:250px;
  margin:0 auto;
  }
.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:#ffffff; 
  border-left:2px solid #A42C6C; 
  }
.curved .b1 {
  margin:0 4px; 
  background:#DC7CAE;
  }
.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:#DC7CAE;
  }
.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;
	font-size:0.9em;
	text-align:justify;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A42C6C;
  }