@charset "UTF-8";

nav {
	height: auto;
}

.toggleMenu {
	font-family: Helvetica, Arial, sans-serif;
	display:  none;
	background: #cc0000;
	color:#FFF;
	decoration: none;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	width: 99%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.nav {
	list-style: none;
   *zoom: 1;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	margin-left: 160px;/*border: thin solid #F00;*/
}

.nav:before, .nav:after {
	content: " ";
	display: table;
}

.nav:after {
	clear: both;
}

.nav ul {
	list-style: none;/*width: 9em;*/
}

.nav li {
	margin-top: -5px;
	position: relative;
	z-index: 100;
}

.nav > li hover {
}

.nav > li {
	float: left;/*border-top: 1px solid #104336;*/
}

.nav a {
	padding-top: 16px;
	padding-bottom: 10px;
	/*width: 160px;*/
	padding-right: 25px;
	padding-left: 25px;
	text-align: left;
	background-color: #cc0000;
	margin-right: 5px;
	color:#FFF;
	text-decoration: none;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #cc0000;
	border-bottom-color: #cc0000;
	border-left-color: #cc0000;
}

.nav a:hover {
	color: #cc0000;
	background-color: #FFF;
}

.nav > li > .parent {
  /*background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;*/
	
}

.nav > li > a {
	display: block;
}

.nav li ul {
	position: absolute;
	left: -9999px;
	margin-left: 0px;
	text-align: left;
}

.nav > li.hover > ul {
	left: 0;
}

.nav li li.hover ul {
	left: 100%;
	top: 0;
}

.nav li li {
	/*border-left: #f64d0c;
	padding-right: 40px;
	border: 1px solid #F00;*/
	background-color: #000000;
	width: 100%;
	padding-top: 1px;
	padding-bottom: 7px;
	text-align: left;
	padding-left: 30px;
	padding-right: 5px;
}

.nav li li a {
	display: block;
	color:#f58220;
	position: relative;
	z-index:100;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	line-height: 20px;
	/*border-top: 1px solid #175e4c;*/
	/*border: thin solid #0F0;*/
}

.nav li li a:hover {
	color: #fff;
}

/*.nav li li li a {
    background:#000000;
    z-index:200;
    border-top: 1px solid #1d7a62;
}*/

.current a {
	color: #cc0000;
	background-color: #FFFFFF;
}

/* Tablet Screen Sizes */
 @media screen and (min-width: 768px) and (max-width: 880px) {
.nav{
	margin-left: 0px;	
	}
}


/* Mobile Landscape Screen Sizes */
 @media screen and (max-width: 760px) {
	 
.nav{
	margin-left: 0px;	
	}

.nav li {
	margin-top: 0px;
}
.nav a {
	border: none;
}

.active {
 display: block;
 
}
.nav > li {
   float: none;
   border: none;
   width: 100%;
}

.nav > li > .parent {
   background-position: 95% 50%;
}

.nav li .parent {
/*background-image: url("images/downArrow.png");
background-repeat: no-repeat;
background-position: 95% 50%;*/
		
		}
 nav ul {
 margin-left: -5px;
/*border: thin solid #F00;*/
		}
 .nav li ul {
 background-image: none;
margin-top: 0px;
 margin-bottom: 5px;
 margin-left: -20px;
}
 .nav li li {
 text-align: left;
 margin-left: 0px;
}
 .nav li li a {
 border: none;
}
 .nav ul {
 display: block;
 width: 100%;
}
 .nav > li.hover > ul, .nav li li.hover ul {
 position: static;
}
}

/* Mobile Portrait Screen Sizes */
@media only screen and (max-width: 479px) {
	
	.toggleMenu {width: 98.5%;}

.nav{
	margin-left: 0px;	
	}

/*.nav a {
	border: none;
}*/
   .nav li {
	 text-align: left;
	 
	 width: 100%;
	/*border: thin solid #fff;margin-left: -5px;*/
	}
	
   .nav li ul {
	 padding-top: 0px;
	 padding-bottom: 10px;
	 width: 100%;
	 margin-left: -40px;
	 padding-left: 20px;
	}
	
   .nav li li {
	 text-align: left;
	 margin-left: 0px;
  }
  
}