@import url(http://fonts.googleapis.com/css?family=Capriola);

/* CSS Document */

#cssmenu {
	position:relative;
	width: 200px;
	height:auto;
	background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px 4px 4px 1px;
  padding: 2px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  top:2px;
}

#cssmenu ul{
	list-style:none;
	margin:0;
	padding:0;
	
}
#cssmenu ul li a {
  margin: 0;
  text-decoration: none;
  padding: 5px;
  border: 0;
  list-style: none;
  font-weight: normal;  
  line-height: 1;
  font-family:Georgia, "Times New Roman", Times, serif;  
  font-size: 14px;
  position: relative;
  height:30px;
  display: block;
  color: #ffffff;
  text-shadow: 0 1px 1px #000;
  background: #565656;
  background: -moz-linear-gradient(#565656 0%, #323232 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #323232));
  background: -webkit-linear-gradient(#565656 0%, #323232 100%);
  background: linear-gradient(#565656 0%, #323232 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
}

#cssmenu a {
  line-height: 1.3;
}

#cssmenu ul li a span {
	display:block;	
    padding: 6px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
}
#cssmenu ul li a:hover {
  text-decoration: none;
}

#cssmenu ul li.active a {
  background: #97be10;
  background: -moz-linear-gradient(#97be10 0%, #79980d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97be10), color-stop(100%, #79980d));
  background: -webkit-linear-gradient(#97be10 0%, #79980d 100%);
  background: linear-gradient(#97be10 0%, #79980d 100%);
  color: #fff;
  text-shadow: 0 1px 1px #000;
  border: 1px solid #79980d;
}

#cssmenu > ul > li.head > a {
  background:#F96;
  text-align:center;
  background: -moz-linear-gradient(#99C 0%, #999 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99C), color-stop(100%, #999));
  background: -webkit-linear-gradient(#99C 0%, #999 100%);
  background: linear-gradient(#99C 0%, #999 100%);
  color: #fff;
  text-shadow: 0 1px 1px #000;
  border: 1px solid #79980d;
}

#cssmenu > ul > li.active > a span {
  border: 0px solid #97be10;
}
#cssmenu > ul > li.has-sub > a span {
  background: url(images/icon_plus.png) 98% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
  background: url(images/icon_minus.png) 98% center no-repeat;
}

/* Quick link */

#qlink {
	position:relative;
	
	width: 200px;
	height:auto;
	background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px 4px 4px 1px;
  padding: 2px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  top:5px;
}

#qlink ul{
	list-style:none;
	margin:0;
	padding:0;
	
}


#qlink ul li a {
  margin: 0;
  text-decoration: none;
  padding: 5px;
  border: 0;
  list-style: none;
  font-weight: normal;  
  line-height: 1;
  font-family:Georgia, "Times New Roman", Times, serif;  
  font-size: 14px;
  position: relative;
  height:20px;
  display:block;
  color:#333;
  text-shadow: 0 1px 1px #000;
  border: 0px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
}

#qlink ul li.head a {
  text-align:center;
  background: -moz-linear-gradient(#99C 0%, #999 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99C), color-stop(100%, #999));
  background: -webkit-linear-gradient(#99C 0%, #999 100%);
  background: linear-gradient(#99C 0%, #999 100%);
  color: #fff;
  text-shadow: 0 1px 1px #000;
  border: 1px solid #79980d;
}



/*  Index qlink */
#hmqlink {
	position:relative;
	
	width: 300px;
	height:150px;
	background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px 4px 4px 1px;
  padding: 2px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  top:20px;
}

#hmqlink ul{
	list-style:none;
	margin:0;
	padding:0;
	
}

#hmqlink ul li a {
  margin: 0;
  text-decoration: none;
  padding: 5px;
  border: 0;
  list-style: none;
  font-weight: normal;  
  line-height: 1;
  font-family:Georgia, "Times New Roman", Times, serif;  
  font-size: 14px;
  position: relative;
  height:20px;
  display:block;
  color:#333;
  text-shadow: 0 1px 1px #000;
  border: 0px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
}


#hmqlink ul li.head a {
  text-align:center;
  background: -moz-linear-gradient(#99C 0%, #999 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99C), color-stop(100%, #999));
  background: -webkit-linear-gradient(#99C 0%, #999 100%);
  background: linear-gradient(#99C 0%, #999 100%);
  color: #fff;
  text-shadow: 0 1px 1px #000;
  border: 1px solid #79980d;
}


/* Event */
#event {
	position:relative;
	width: 300px;
	height:400px;
	background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px 4px 4px 1px;
  padding: 2px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  top10px;
}

#event ul{
	list-style:none;
	margin:0;
	padding:0;
	
}


#event ul li a {
  margin: 0;
  text-decoration: none;
  padding: 5px;
  border: 0;
  list-style: none;
  font-weight: normal;  
  line-height: 1;
  font-family:Georgia, "Times New Roman", Times, serif;  
  font-size: 14px;
  position: relative;
  height:20px;
  display:block;
  color:#333;
  text-shadow: 0 1px 1px #000;
  border: 0px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
}

#event ul li.head a {
  text-align:center;
  background: -moz-linear-gradient(#99C 0%, #999 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99C), color-stop(100%, #999));
  background: -webkit-linear-gradient(#99C 0%, #999 100%);
  background: linear-gradient(#99C 0%, #999 100%);
  color: #fff;
  text-shadow: 0 1px 1px #000;
  border: 1px solid #79980d;
}



/* Sub menu */
#cssmenu ul ul {
  padding: 5px 12px;
  display: none;
}
#cssmenu ul ul li {
  padding: 3px 0;
}
#cssmenu ul ul a {
  display: block;
  color: #595959;
  font-size: 13px;
  font-weight: bold;
}
#cssmenu ul ul a:hover {
  color: #79980d;
}

/* CSS Menu */

#navbar{
	position:relative;
	top:0px;
	left:4px;
		
}

#navbar #holder ul{
	list-style:none;
	margin:0;
	padding:0;
	
}

#navbar #holder ul li a{
	text-decoration:none;
	float:left;
	margin-right:5px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000;
	border:1px solid #000;
	border-bottom:none;
	padding:7px;
	width:145px;
	text-align:center;
	font-size:14px;
	display:block;
	background:#68F;
	height:25px;
	background:#3C9;
  	background: -moz-linear-gradient(#CCC 0%, #999 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCC), color-stop(100%, #999));
  	background: -webkit-linear-gradient(#CCC 0%, #999 100%);
  	background: linear-gradient(#CCC 0%, #999 100%);
		
}

#navbar #holder ul li a:hover{
	background:#F90;
	color:#FFF;
	text-shadow:1px 1px 1px #000;
	background: -moz-linear-gradient(#CCC 0%, #000 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCC), color-stop(100%, #000));
  	background: -webkit-linear-gradient(#CCC 0%, #000 100%);
  	background: linear-gradient(#CCC 0%, #000 100%);

}