@charset "UTF-8";

#nav ul {
text-align:right;
padding-bottom:20px;
border-left: none;
margin-left:0px;
border-right: 1px #000 solid;
margin-right:15px;
}
#nav li {
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size: 24px;
	font-variant:small-caps;	
}
#nav li a {
	display:block;
	text-decoration:none;
	color:#663;
	line-height:50px;
	height:46px;
	margin-right:-18px;
	padding-left:0px;
	padding-right:30px;
	background-image: url(../Images/buttBar.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-os-transition: all .2s ease-out;
	transition: all .2s ease-out;
	overflow:visible;	
}
#nav li a:hover {
	color: #000;
	line-height:40px;
	background-position:20px bottom;		
}
#nav li.current a {
	color: #C93;
	background-image: url(../Images/buttBar-On.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	line-height:50px;
}
/*Hide dropdown links until they are needed*/
#nav li ul {
	display: none;
}

/*Make dropdown links vertical*/
#nav li ul li {
	display: block;
	float: none;
}
/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}
/*Display the dropdown on hover*/
#nav ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
	text-decoration: none;
	color: #fff;
	background: #993;
	text-align: center;
	padding: 6px 0;
	display: none;
	margin-left:27px;
	border-left: 1px #000 solid;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*Responsive Styles*/

@media screen and (max-width : 768px){
	
	#nav ul {
	margin-right:10px;
}
	#nav li {
	font-size: 17px;
}
	#nav li a {
	margin-right:0px;
	padding-left:0px;
	padding-right:20px;
	background-image: url(../Images/buttBar.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-os-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}
}


/*Responsive Styles*/

@media screen and (max-width : 480px){
		
	#nav ul {
	text-align:left;
	border-left: 1px #000 solid;
	border-right: none;
	margin-left:27px;
	padding-bottom:10px;
}
	#nav li a {
	margin-right:0px;
	padding-left:10px;
	background-position:left bottom;	
}
	#nav li a:hover {
	background-position:right bottom;		
}

	/*Make dropdown links appear inline*/
	#nav ul {
		position: static;
		display: none;
	}
	
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}

@media screen and (width : 375px) {
	
	#nav li {
	font-size: 22px;
}
	
	
}