/* CSS Document */

div.navBar {
	display:inline-block;
	width:200px;
	float:left;
}

.navBar ul {
	list-style:none;
	font-size:25px;
	width:200px;
	color:#5D00BB;
	font-weight:bold;
	text-shadow: 1px 1px 0px #ddbbff;
	margin:0;
	padding:0;
	display:inline-block;
	
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	
	font-family: "微軟正黑體", "Microsoft JhengHei",  Tahoma , Verdana , Arial , sans-serif;
	
}


.navBar a {
	display:block;
	padding: 5px 0 5px 15px;
	background:#FFAC0E;
	border-top: 1px solid #f8dea6;
	border-bottom:1px solid #ad7a0d;
	border-left: 1px solid #ad7a0d;
	margin:0;
}

.navBar a:hover {
	background:#eeaa18;
}

.navBar li:first-child a{
	-moz-border-radius:15px 15px 0px 0px;
	-webkit-border-radius:15px 15px 0px 0px;
	border-radius:15px 15px 0px 0px;
}

.navBar li:last-child a{
	-moz-border-radius:0px 0px 15px 15px;
	-webkit-border-radius:0px 0px 15px 15px;
	border-radius:0px 0px 15px 15px;
}

.navBar li.active a{
	padding: 5px 0 5px 15px;
	background:#fafafa;
	border:none;
	margin:5px 0 5px 10px;
	position:relative;
	left:10px;
	z-index:10;
	
	-moz-box-shadow: 0 1px 10px 0px #d1d1d1;
	-webkit-box-shadow: 0 1px 10px 0px #d1d1d1;
	box-shadow: -8px 1px 10px 0px #d1d1d1;
}

.navBar li.active span.navTriangle {
	z-index:20;

	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent; 
	border-right:15px solid #eeaa18;
	
	
	float:right;
	
}