@charset "utf-8";
/* CSS Document 1.0 */

	/****MENU BUTTON*****/
	#menuBtn{
			background-color: #666;
			border-bottom: #000 5px solid;
			text-align: center;
			font-size: 1.5em;
			padding: 0.5em 0;
			color: #FFF;
			display: none;	
			cursor: pointer;
		}

	/****NAVIGATION*****/
	#nav{
		right: 0px;
		overflow: visible;
		z-index: 20;
		position: relative;
		margin: auto;
	}
		#nav a{
			text-decoration: none;
			color: #4F4F4F;
			font: Arial, Helvetica, sans-serif;
			font-size: 20px;
		}
		#nav a:hover{
			text-decoration: underline;
			color: #000;
		}
		#nav ul{
			list-style: none;	
			margin: 0;
			padding: 0;
			float:left;
			display: block;
			z-index: 10;
		}
		#nav div.list_title{
				font-weight: bold;
				font-size: 1.2em;	
				display: block;
				color: #4E0464;
				font-size: 20px;
				/*text-decoration: underline;*/
		}
		
		/*ROLLOVER MENU ITEMS*/
	
		#nav ul.nav_item span{
			padding: 0.5em 25px;
			display: inline-block;
			text-decoration: none;
			text-align: center;
		}
		#nav ul.nav_item:hover span{
			position:relative;
			z-index: 100;
			cursor: pointer;
			text-decoration: none;
		}
	 /*BUTTON STYLES*/			
				#nav span.button a, #nav ul.nav_item span{
					display: block;	
					color: #fff;
					margin: 0;
					text-align: left;
				}
				#nav ul.nav_item span:hover, #nav span.button a:hover{
					color: #FFF;
					text-decoration: none;
				}
		/*DROP DOWN PANEL*/
		#nav li.drop{
			display: none;
			width: 100%;
			position: absolute;
			z-index: 20;
			top: 2.5em;
			left: 0px;
			box-shadow: 0 2px 2px rgba(0,0,0,0.5); 
			background-color: #FFF;
			border-bottom: solid #000 5px;
		}
		#nav li.drop:hover{
			display: block;	
		}
			#nav li.drop ul{
				width: 29%;
				padding: 10px 2%;
			}

	@media only screen and (min-width: 959px) {
		#nav .nav_item:hover .drop {
			display: block;
		}
		#nav ul.nav_item:hover{
			background-color: #FF6500;
			color: #FFF;
		}
	}

	@media only screen and (min-width : 0px) and (max-width :360px) {

		#menuBtn{
			display: block;
		}
		#nav{
			background-color: #FFF;
		}
			#nav ul{
				float: none;
			}
			#nav ul.nav_item{
				padding: 0;
				border-bottom: solid #FFF 1px;
				background-color: #666;
				font-size: 1.25em;
			}
				/*BUTTON STYLES*/			
				#nav span.button a, #nav ul.nav_item span{
					display: block;	
					color: #fff;
					margin: 0;
					text-align: left;
				}
				#nav ul.nav_item span:hover, #nav span.button a:hover{
					color: #000;
				}
				
		#nav li.drop{
			position: relative;
			top: 0;
			padding: 0;
			box-shadow: none;
			border: 0;
		}
			#nav li.drop ul{
				width: auto;
				padding: 1em;
			}
			#nav li.drop a{
				color: #6699CC;
				display: block;
				padding: 0.25em 0;
			}
			
		#nav li.open, #nav.open{
			display: block;	
		}
		.closed{
			display: none;	
		}
}
@media only screen and (max-width: 767px) {
.contain{
	font-size :10px !important;
}
}