/*
* nav.css
* stylesheet to hold nav styles not yet folded into layout.css
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Nav Styles
- Media Queries
*/

/* Navigation */
/* ================================================== */


#mainnav { 
	top: 116px;
	background-color: #269bac;
	border: 0px solid #336699;
    border-radius: 0px;
    background: #269bac;
    /*background: linear-gradient(#88bfc4, #1c4d51);  Standard syntax */ /* WED */
    /*background: -webkit-linear-gradient(#88bfc4, #1c4d51); /* For Safari 5.1 to 6.0 */ /* WED */
    /*background: -o-linear-gradient(#88bfc4, #1c4d51); /* For Opera 11.1 to 12.0 */ /* WED */
    /*background: -moz-linear-gradient(#88bfc4, #1c4d51); /* For Firefox 3.6 to 15 */ /* WED */
	width: 100%; 
	margin: 0 auto;
	height: 20px; /*   - alignment affects ul.dropdown top  */
	z-index: 50;
	overflow: visible;
	position: absolute; /* used to test layout - comment out in production */
	text-align:center;
	/*  outline:1px solid yellow; used to test layout - comment out in production */
}

#mainnav ul {
    /* float: right;
	margin:-1px 10px 0 50%;
	margin: 0 auto; 
	display: inline;*/
}

#mainnav li {
  line-height: 1.2;
  margin-bottom:0;
  /* width:153px;*/
  text-align:left;
}

#mainnav li>ul li {
  width:100%;
}


.nav1 {
  width:118px;
}


.nav2 {
  width:160px;
}

.nav3 {
  width:120px;
}

.nav4 {
  width:90px;
}

.nav5 {
  width:80px;
}

.nav6 {
  width:100px;
}

.nav7 {
  width:160px;
}


/* #Media Queries */
/* ================================================== */


	/* Mobile Portrait Size for old phones */
@media only screen and (max-width: 479px) {

#mainnav li {
  line-height: 2.0;
  margin-bottom:0;
  width:100%;
  text-align:left;
	}
	#mainnav {
		top:102px; 
	}

}


	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 549px) {

#mainnav li {
  line-height: 2.0;
  margin-bottom:0;
  width:100%;
  text-align:left;
}

}

	/* All Mobile Sizes (devices and browser) */
@media only screen and  (max-width: 665px) {

}



	/* All Mobile Sizes (devices and browser) */
@media only screen and  (max-width: 870px) {

#mainnav li {
  line-height: 2.0;
  margin-bottom:0;
  width:100%;
  text-align:left;
}

}



	/* Larger than tablet to standard 1060  (devices and browsers) */
@media only screen and (min-width: 871px) and (max-width: 1057px) {

}



	/* Larger than desktop standard 1060 (devices and browsers) */
@media only screen and (min-width: 1057px) {

}