/* Nav Bar */

/*
BASE (MOBILE) SCREENS
These base styles apply to all screen sizes, but may be overridden on larger screens by the media query-driven styles that appear later in this file.
*/

.srt-menu {
	clear:both;
}

.srt-menu, .srt-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.srt-menu ul {
	position: absolute;
	display: none;
	width: auto; /* left offset of submenus need to match (see below) */
}
ul.srt-menu {
	line-height: 1.8em;
}
.srt-menu ul li {
	width: 100%;
}
.srt-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.srt-menu li {
	float:			left;
	position:		relative;
	margin-left:1px;
}
.srt-menu li li {
	margin-left:0px;
}
.srt-menu a {
	display:		block;
	position:		relative;
}
.srt-menu li:hover ul,
.srt-menu li.sfHover ul {
	display:block;
	left:			0;
	top:			53px; /* match top ul list item height */
	z-index:		99;
}
ul.srt-menu li:hover li ul,
ul.srt-menu li.sfHover li ul {
	top:			-999em;
}
ul.srt-menu li li:hover ul,
ul.srt-menu li li.sfHover ul {
	left:			auto; /* match ul width */
	top:			0;
}
ul.srt-menu li li:hover li ul,
ul.srt-menu li li.sfHover li ul {
	top:			-999em;
}
ul.srt-menu li li li:hover ul,
ul.srt-menu li li li.sfHover ul {
	left:			auto; /* match ul width */
	top:			0;
}

/*** NAV BAR SKIN ***/

nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}

.srt-menu {
	margin: 0 0 0 0;
}
.srt-menu a {
	text-decoration:none;
	color: #6D6C6D;	
}

.srt-menu li a {
	margin:0; 
	padding:2px 20px;
	height: ;
}

.srt-menu a  { 
}

/* Pull-down */
.srt-menu li li a {
	background: #646464; /* 50% gray, same as wrapper */
	border: 1px solid #525252; /* subtle gray */
	color: white;	
	padding-left:20px;
	height:auto;
}

.srt-menu li li:first-of-type > a {
	border-bottom: 1px solid #646464; /* 50% gray, same as wrapper */
}

.srt-menu li li li a,
.srt-menu li.current * li a {
	padding-left:20px;
	background: #646464; /* 50% gray, same as wrapper */
}

/* Nav bar */
.srt-menu li:hover > a,
.srt-menu li.current a { 
	color:black;
}

.srt-menu li.current li a {
	color:white;
	border: 1px solid #525252; /* subtle gray */
}

.srt-menu li.current li:hover a,
.srt-menu li.current li.current a {
	color:black;
}



/*
PHONES in LANDSCAPE ORIENTATION
*/
@media only screen and (min-width: 500px) {

nav {
}

.srt-menu li:hover ul,
.srt-menu li.sfHover ul {
	top:			58px; /* match top ul list item height */
}

.srt-menu li a {
	padding:2px 20px;
}

.srt-menu li li a {
	padding-left:20px;
}

.srt-menu li li li a,
.srt-menu li.current * li a{
	padding-left:20px;
}

}




/*
TABLETS in PORTRAIT ORIENTATION
*/
@media only screen and (min-width: 700px) {

} 



/*
TABLETS in LANDSCAPE & LAPTOPS
This is the first appearance of the "desktop layout"
*/
@media only screen and (min-width: 950px) {

}



/*
TABLETS in LANDSCAPE & LAPTOPS, slightly larger
*/
@media only screen and (min-width: 1000px) {

}


/*
LARGE DESKTOP DISPLAYS
*/
@media only screen and (min-width: 1200px) {

}