/* Mobile Nav Css */
/********************************************************************/
#skMobNav								{ display: none; float: right; margin: 0; }
#skMobNav a#skMobNavBtn,
#skMobNav a#skMobNavBtn:link,
#skMobNav a#skMobNavBtn:visited			{ font-family: 'Bitter',Georgia, serif; font-size: 26px; line-height: 26px; padding: 6px 10px; 
										text-decoration: none; text-transform: uppercase; display: inline-block; }

.Atlas-NASA #skMobNav a#skMobNavBtn,
.Atlas-NASA #skMobNav a#skMobNavBtn:link,
.Atlas-NASA #skMobNav a#skMobNavBtn:visited
										{background: #f3b330 none repeat scroll 0 0;color: #ffffff;}

/* Mobile Nav Dropdown Css */
/********************************************************************/
#mobNav 									{ background: #333; display: none; } 
#mobNav>ul 								{ margin: 0; padding: 0; } 
#mobNav>ul>li								{ margin: 0; padding: 0; list-style: none; }
#mobNav>ul>li span,
#mobNav>ul>li a,
#mobNav>ul>li a:link,
#mobNav>ul>li a:visited					{ text-decoration: none; display: block; }
#mobNav>ul>li>span,
#mobNav>ul>li>a,
#mobNav>ul>li>a:link,
#mobNav>ul>li>a:visited					{ text-decoration: none; font-size: 14px; line-height: 18px; font-family: 'Bitter',Georgia, serif; 
										padding: 8px 24px; display: block; border-top: 1px solid #484848; border-bottom: 1px solid #1f1f1f;}
#mobNav>ul>li ul							{ margin: 0 0 0 36px; padding: 8px 0; }
#mobNav>ul>li li							{ color: #989898; }
#mobNav>ul>li>ul							{ margin: 0; padding: 8px 8px 8px 36px; border-top: 1px solid #484848; 
										border-bottom: 1px solid #1f1f1f; background: #303030; }
#mobNav>ul>li.last>ul						{ border-bottom: none; }

.Atlas-Light-Silver #mobNav>ul>li>a 							{color:#e9e9e9;}
.Atlas-Light-Silver #mobNav>ul>li>ul >li >a						{color:#e9e9e9;}
.Atlas-Light-Silver #mobNav a						{color:#e9e9e9;}

/* Blue Skin CSS */
/********************************************************************/
.Atlas-Blue #skMobNav a#skMobNavBtn,
.Atlas-Blue #skMobNav a#skMobNavBtn:link,
.Atlas-Blue #skMobNav a#skMobNavBtn:visited
										{ background: #0074d9; color: #fff; }
.Atlas-Blue #skMobNav a#skMobNavBtn:hover,
.Atlas-Blue #skMobNav a#skMobNavBtn:focus,
.Atlas-Blue #skMobNav a#skMobNavBtn:active
										{ background: #fff; color: #0074d9; }
.Atlas-Blue #mobNav>ul>li span,
.Atlas-Blue #mobNav>ul>li a,
.Atlas-Blue #mobNav>ul>li a:link,
.Atlas-Blue #mobNav>ul>li a:visited	{ color: #0074d9; }
.Atlas-Blue #mobNav>ul>li a:hover,
.Atlas-Blue #mobNav>ul>li a:focus,
.Atlas-Blue #mobNav>ul>li a:active	{ color: #fff; }
.Atlas-Blue #mobNav>ul>li>span,
.Atlas-Blue #mobNav>ul>li>a,
.Atlas-Blue #mobNav>ul>li>a:link,
.Atlas-Blue #mobNav>ul>li>a:visited	{ color: #989898; }
.Atlas-Blue #mobNav>ul>li>span:hover,
.Atlas-Blue #mobNav>ul>li>a:hover,
.Atlas-Blue #mobNav>ul>li>a:focus,
.Atlas-Blue #mobNav>ul>li>a:active,
.Atlas-Blue #mobNav>ul>li.selected>a,
.Atlas-Blue #mobNav>ul>li.selected>a:link,
.Atlas-Blue #mobNav>ul>li.selected>a:visited
										{ background: #292929; color: #fff; }

/* Gray Skin CSS */
/********************************************************************/
.Atlas-Gray #skMobNav a#skMobNavBtn,
.Atlas-Gray #skMobNav a#skMobNavBtn:link,
.Atlas-Gray #skMobNav a#skMobNavBtn:visited
										{ background: #a2a2a2; color: #fff; }
.Atlas-Gray #skMobNav a#skMobNavBtn:hover,
.Atlas-Gray #skMobNav a#skMobNavBtn:focus,
.Atlas-Gray #skMobNav a#skMobNavBtn:active
										{ background: #fff; color: #a2a2a2; }
.Atlas-Gray #mobNav>ul>li span,
.Atlas-Gray #mobNav>ul>li a,
.Atlas-Gray #mobNav>ul>li a:link,
.Atlas-Gray #mobNav>ul>li a:visited	{ color: #a2a2a2; }
.Atlas-Gray #mobNav>ul>li a:hover,
.Atlas-Gray #mobNav>ul>li a:focus,
.Atlas-Gray #mobNav>ul>li a:active	{ color: #fff; }
.Atlas-Gray #mobNav>ul>li>span,
.Atlas-Gray #mobNav>ul>li>a,
.Atlas-Gray #mobNav>ul>li>a:link,
.Atlas-Gray #mobNav>ul>li>a:visited	{ color: #989898; }
.Atlas-Gray #mobNav>ul>li>span:hover,
.Atlas-Gray #mobNav>ul>li>a:hover,
.Atlas-Gray #mobNav>ul>li>a:focus,
.Atlas-Gray #mobNav>ul>li>a:active,
.Atlas-Gray #mobNav>ul>li.selected>a,
.Atlas-Gray #mobNav>ul>li.selected>a:link,
.Atlas-Gray #mobNav>ul>li.selected>a:visited
										{ background: #292929; color: #fff; }

/* Green Skin CSS */
/********************************************************************/
.Atlas-Green #skMobNav a#skMobNavBtn,
.Atlas-Green #skMobNav a#skMobNavBtn:link,
.Atlas-Green #skMobNav a#skMobNavBtn:visited
										{ background: #30a111; color: #fff; }
.Atlas-Green #skMobNav a#skMobNavBtn:hover,
.Atlas-Green #skMobNav a#skMobNavBtn:focus,
.Atlas-Green #skMobNav a#skMobNavBtn:active
										{ background: #fff; color: #30a111; }
.Atlas-Green #mobNav>ul>li span,
.Atlas-Green #mobNav>ul>li a,
.Atlas-Green #mobNav>ul>li a:link,
.Atlas-Green #mobNav>ul>li a:visited	{ color: #30a111; }
.Atlas-Green #mobNav>ul>li a:hover,
.Atlas-Green #mobNav>ul>li a:focus,
.Atlas-Green #mobNav>ul>li a:active	{ color: #fff; }
.Atlas-Green #mobNav>ul>li>span,
.Atlas-Green #mobNav>ul>li>a,
.Atlas-Green #mobNav>ul>li>a:link,
.Atlas-Green #mobNav>ul>li>a:visited	{ color: #989898; }
.Atlas-Green #mobNav>ul>li>span:hover,
.Atlas-Green #mobNav>ul>li>a:hover,
.Atlas-Green #mobNav>ul>li>a:focus,
.Atlas-Green #mobNav>ul>li>a:active,
.Atlas-Green #mobNav>ul>li.selected>a,
.Atlas-Green #mobNav>ul>li.selected>a:link,
.Atlas-Green #mobNav>ul>li.selected>a:visited
										{ background: #292929; color: #fff; }

/* Red Skin CSS */
/********************************************************************/
.Atlas-Red #skMobNav a#skMobNavBtn,
.Atlas-Red #skMobNav a#skMobNavBtn:link,
.Atlas-Red #skMobNav a#skMobNavBtn:visited
										{ background: #ef0107; color: #fff; }
.Atlas-Red #skMobNav a#skMobNavBtn:hover,
.Atlas-Red #skMobNav a#skMobNavBtn:focus,
.Atlas-Red #skMobNav a#skMobNavBtn:active
										{ background: #fff; color: #ef0107; }
.Atlas-Red #mobNav>ul>li span,
.Atlas-Red #mobNav>ul>li a,
.Atlas-Red #mobNav>ul>li a:link,
.Atlas-Red #mobNav>ul>li a:visited	{ color: #ef0107; }
.Atlas-Red #mobNav>ul>li a:hover,
.Atlas-Red #mobNav>ul>li a:focus,
.Atlas-Red #mobNav>ul>li a:active		{ color: #fff; }
.Atlas-Red #mobNav>ul>li>span,
.Atlas-Red #mobNav>ul>li>a,
.Atlas-Red #mobNav>ul>li>a:link,
.Atlas-Red #mobNav>ul>li>a:visited	{ color: #989898; }
.Atlas-Red #mobNav>ul>li>span:hover,
.Atlas-Red #mobNav>ul>li>a:hover,
.Atlas-Red #mobNav>ul>li>a:focus,
.Atlas-Red #mobNav>ul>li>a:active,
.Atlas-Red #mobNav>ul>li.selected>a,
.Atlas-Red #mobNav>ul>li.selected>a:link,
.Atlas-Red #mobNav>ul>li.selected>a:visited
										{ background: #292929; color: #fff; }

/* Neighborhood Youth Sports Skin CSS */
/********************************************************************/
.Atlas-NYS #skMobNav a#skMobNavBtn,
.Atlas-NYS #skMobNav a#skMobNavBtn:link,
.Atlas-NYS #skMobNav a#skMobNavBtn:visited
										{ background: #ef0107; color: #fff; }
.Atlas-NYS #skMobNav a#skMobNavBtn:hover,
.Atlas-NYS #skMobNav a#skMobNavBtn:focus,
.Atlas-NYS #skMobNav a#skMobNavBtn:active
										{ background: #fff; color: #ef0107; }
.Atlas-NYS #mobNav>ul>li span,
.Atlas-NYS #mobNav>ul>li a,
.Atlas-NYS #mobNav>ul>li a:link,
.Atlas-NYS #mobNav>ul>li a:visited			{ color: #989898; }
.Atlas-NYS #mobNav>ul>li a:hover,
.Atlas-NYS #mobNav>ul>li a:focus,
.Atlas-NYS #mobNav>ul>li a:active			{ color: #fff; }
.Atlas-NYS #mobNav>ul>li>span,
.Atlas-NYS #mobNav>ul>li>a,
.Atlas-NYS #mobNav>ul>li>a:link,
.Atlas-NYS #mobNav>ul>li>a:visited			{ color: #989898; }
.Atlas-NYS #mobNav>ul>li>span:hover,
.Atlas-NYS #mobNav>ul>li>a:hover,
.Atlas-NYS #mobNav>ul>li>a:focus,
.Atlas-NYS #mobNav>ul>li>a:active,
.Atlas-NYS #mobNav>ul>li.selected>a,
.Atlas-NYS #mobNav>ul>li.selected>a:link,
.Atlas-NYS #mobNav>ul>li.selected>a:visited
										{ background: #292929; color: #fff; }

/* Upper St Clair Athletic Association Skin CSS */
/********************************************************************/
.Atlas-USC #skMobNav a#skMobNavBtn,
.Atlas-USC #skMobNav a#skMobNavBtn:link,
.Atlas-USC #skMobNav a#skMobNavBtn:visited
										{ color: #d0001a; }
.Atlas-USC #skMobNav a#skMobNavBtn:hover,
.Atlas-USC #skMobNav a#skMobNavBtn:focus,
.Atlas-USC #skMobNav a#skMobNavBtn:active
										{ color: #fff; }
.Atlas-USC #mobNav>ul>li span,
.Atlas-USC #mobNav>ul>li a,
.Atlas-USC #mobNav>ul>li a:link,
.Atlas-USC #mobNav>ul>li a:visited			{ color: #989898; }
.Atlas-USC #mobNav>ul>li a:hover,
.Atlas-USC #mobNav>ul>li a:focus,
.Atlas-USC #mobNav>ul>li a:active			{ color: #d0001a; }
.Atlas-USC #mobNav>ul>li>span,
.Atlas-USC #mobNav>ul>li>a,
.Atlas-USC #mobNav>ul>li>a:link,
.Atlas-USC #mobNav>ul>li>a:visited			{ color: #989898; }
.Atlas-USC #mobNav>ul>li>span:hover,
.Atlas-USC #mobNav>ul>li>a:hover,
.Atlas-USC #mobNav>ul>li>a:focus,
.Atlas-USC #mobNav>ul>li>a:active,
.Atlas-USC #mobNav>ul>li.selected>a,
.Atlas-USC #mobNav>ul>li.selected>a:link,
.Atlas-USC #mobNav>ul>li.selected>a:visited
										{ background: #292929; color: #d0001a; }

/* Princeton FC Skin CSS */
/********************************************************************/	
.Atlas-PFC #mobNav ul li.hasSubMenu { position: relative; }									
.Atlas-PFC #mobNav ul li.hasSubMenu > .arrow { position: absolute; cursor: pointer; color: #fff; font-size: 24px; border: 0; 
											padding: 0; right: 24px; top: 7px; }
.Atlas-PFC #mobNav ul li.hasSubMenu.open > .arrow { transform: rotate(180deg); }
.Atlas-PFC #mobNav ul li .navWrapper { position: relative; padding: 9px 24px; }
.Atlas-PFC #mobNav ul li.mobNavItem { border-top: 1px solid #484848; border-bottom: 1px solid #1f1f1f; }
.Atlas-PFC #mobNav ul li a.mobNavLink { padding: 0; border: 0; display: inline-block; }
.Atlas-PFC #mobNav ul li.mobNavItem.hasSubMenu ul li.mobNavItem { border: 0; padding: 0; list-style: none; }
.Atlas-PFC #mobNav ul li.mobNavItem.hasSubMenu ul { border: 0; padding: 0; }
.Atlas-PFC #mobNav ul li.mobNavItem ul { margin: 0; }
.Atlas-PFC #mobNav ul li.mobNavItem span { padding: 9px 24px; }
.Atlas-PFC #mobNav ul li.navFirstMenu .navSubChild-1 { background-color: #fff; }
.Atlas-PFC #mobNav ul li.navFirstMenu .navSubChild-2 { background-color: #e6e6e6; }
.Atlas-PFC #mobNav ul li.navFirstMenu .navSubChild-3 { background-color: #cccccc; }
.Atlas-PFC #mobNav ul li.navFirstMenu .navSubChild-1 .arrow,
.Atlas-PFC #mobNav ul li.navFirstMenu .navSubChild-2 .arrow,
.Atlas-PFC #mobNav ul li.navFirstMenu .navSubChild-3 .arrow { color: #464646; }
.Atlas-PFC #mobNav ul li.mobNavItem .navSubChild-1 a.mobNavLink,
.Atlas-PFC #mobNav ul li.mobNavItem .navSubChild-2 a.mobNavLink,
.Atlas-PFC #mobNav ul li.mobNavItem .navSubChild-3 a.mobNavLink 
															{ color: #000; }

/* Mobile Nav Responsive Css */
/********************************************************************/
@media screen and (max-width: 768px){
	#skMobNav							{ display: inline-block; }
}