﻿/*.mainMenu
{
	width:942px; 
	padding:5px 20px 5px 20px;  
	height:25px; 
	font-size:100%;
	font-weight:bold;
	background-color:#f5f5f5;
}
.subMenu
{
	width:942px; 
	padding:5px 20px 5px 20px; 
	height:25px; 
	font-size:90%;
	background-color:#eeeeee;
}*/
.navigationBottomLeft {
	background:#ffffff url(../image/whiteLeftBtCurve.gif) no-repeat scroll 0% 100%;
	text-align:left;
	/*width:990px;*/
	float:right;
	margin-bottom:5px;
}


.navigationBottomRight {
background:transparent url(../image/whiteRightBtCurve.gif) no-repeat scroll 100% 100%;
}
.navigationTopLeft {
background:transparent url(../image/whiteLeftCurve.gif) no-repeat scroll 0% 0%;
}
.navigationTopRight {
background:transparent url(../image/whiteRightCurve.gif) no-repeat scroll 100% 0%;
padding:4px;
}
.breadcrumb
{
	/*width:942px;
	padding:0px 20px 0px 20px;
	background-color:#f5f5f5;
	text-transform:capitalize;*/
	display:none;
}

/* revised version
#nav{margin:0 auto; padding:0 5px; list-style:none;clear:both;width:740px; float:right;}*/
#nav{margin:0 auto; padding:0 10px; list-style:none;clear:both;width:940px; float:right;}
#nav li{list-style:none; float:left;height:35px; padding-right:1px;}
#nav li a{background:url(../image/shadowBackgrounds/menu.png) no-repeat top left;display:block;height:35px;}
#nav li a:hover{}
#nav li a span{display:none;}
#nav li.menuHome a{background-position:0px 0px; width:47px;}
#nav li.menuRun a{background-position:-49px 0px; width:50px;}
#nav li.menuSwim a{background-position:-101px 0px; width:60px;}
#nav li.menuCycle a{background-position:-162px 0px; width:66px;}
#nav li.menuDance a{background-position:-229px 0px; width:71px;}
#nav li.menuWalk a{background-position:-302px 0px; width:64px;}
#nav li.menuGym a{background-position:-368px 0px; width:51px;}
#nav li.menuCommunity{float:right; margin-right:-1px;}
#nav li.menuEventDirectory{float:right; margin-right:1px;}
#nav li.menuEventDirectory{padding-right:0px;}
#nav li.menuCommunity a{background-position:-420px 10px; width:89px;}
#nav li.menuEventDirectory a{background-position:-532px 10px; width:140px;}

#nav li.menuProfileLink a{background:url(../image/shadowBackgrounds/leftside.png) no-repeat left -50px;padding-left:5px; font-weight:bold;}
#nav li.menuProfileLink a span{ padding:10px 10px 10px 5px; height:15px; display:block; background:url(../image/shadowBackgrounds/rightside.png) no-repeat right -50px;}

#nav li.menuHome a.active{background-position:0px 0px;}
#nav li.menuRun a.active{background-position:-49px -391px;}
#nav li.menuSwim a.active{background-position:-101px -391px;}
#nav li.menuCycle a.active{background-position:-162px -391px;}
#nav li.menuDance a.active{background-position:-229px -391px;}
#nav li.menuWalk a.active{background-position:-302px -391px;}
#nav li.menuGym a.active{background-position:-368px -391px;}
#nav li.menuCommunity a.active{background-position:-420px -381px; }
#nav li.menuEventDirectory a.active{background-position:-532px -381px; }


#nav li.menuHome a:hover{background-position:0px 0px;}
#nav li.menuRun a:hover{background-position:-49px -441px;}
#nav li.menuSwim a:hover{background-position:-101px -441px;}
#nav li.menuCycle a:hover{background-position:-162px -441px;}
#nav li.menuDance a:hover{background-position:-229px -441px;}
#nav li.menuWalk a:hover{background-position:-302px -441px;}
#nav li.menuGym a:hover{background-position:-368px -441px;}

#nav li.menuCommunity a:hover{background-position:-420px -431px; }
#nav li.menuEventDirectory a:hover{background-position:-532px -431px;}

#nav li.menuProfileLink a:hover{background-position:0px -50px; color:#000000;}
#nav li.menuProfileLink a:hover span{background-position:right -50px;}

.subMenu{clear:both;background:url(../image/shadowBackgrounds/menu.png) no-repeat 5px -66px;min-height:5px;padding:10px 5px 5px 5px;width:940px;margin:0px auto;}
.subMenu ul{padding:0 4px; list-style:none;font-size:0.78em;}
.subMenu ul li{float:left; height:30px;  padding:0 15px;}
.subMenu ul li a{height:27px; padding:3px 0 0 35px; display:block;
                 background:url(../image/shadowBackgrounds/menu.png) no-repeat;text-decoration:none; color:#cd0a0a;
                 text-transform:uppercase}
.subMenu ul li.subMenuMapTrack a{background-position:0px -154px;}
.subMenu ul li.subMenuTrainingAdvice a{background-position:0px -250px;}
.subMenu ul li.subMenuForum a{background-position:0px -90px;}
.subMenu ul li.subMenuTrainingDiary a{background-position:0px -186px;}
.subMenu ul li.subMenuGreatTrainer a{background-position:0px -122px;}
.subMenu ul li.subMenuTrainingSchedules a{background-position:0px -218px;}
.subMenu ul li.subMenuProfile a{background-position:0px -315px;}
.subMenu ul li.subMenuTrainingPartner a{background-position:0px -347px;}
.subMenu ul li.subMenuPhoto a{background-position:0px -283px;}
.subMenu ul li.subMenuEventSearch a {background-position:-300px -250px;}
.subMenu ul li.subMenuNotification a {background:url(../image/shadowBackgrounds/notifications_icon.png) no-repeat;}

.subMenu ul li.subMenuNotification a span{float:left; display:block; margin-left:-18px;padding-top:12px; font-weight:bold; color:#cd0a0a;}

.subMenu ul li a span{color:#666666;}
.subMenu ul li a:hover{color:#000000;}




/** Drop down Menu css**/
ul#menuBar {background: #940; color: #fff;}
ul#menuBar li {display: inline; position: relative;}
ul#menuBar h2 {font-size: 130%;font-weight: normal;display: inline;}
ul#menuBar li a {color: #cd0a0a;text-decoration: none;}
ul#menuBar li a:hover {text-decoration: underline;}
ul#menuBar li.menuDdl a:hover {text-decoration: underline;}
ul#menuBar div {display: none;}
ul#menuBar li.menuDdl div {border: 1px solid #dda;width: 16em;position: absolute;top: 35px;left: 0em;padding: 1.3em;background: #fff;color: #930;}
ul#menuBar li.hovering div {display: block;z-index:200; background-color:#fff;}
ul#menuBar div h3 {color: #f70;font-weight: bold;font-size: 1.1em;}
ul#menuBar div p {margin: 0 0 0.8em 0;padding: 0;}
ul#menuBar {clear:both;background:transparent; padding:10px 5px 5px 5px;width:940px;margin:0 auto;}
ul#menuBar {padding:0 4px; list-style:none;font-size:0.78em;}
ul#menuBar li{float:left;height:35px; padding-right:1px;}
ul#menuBar p a{height:23px; padding:8px 0 0 35px; display:block;
                 background:url(../image/shadowBackgrounds/menu.png) no-repeat; text-decoration:none; color:#cd0a0a;
                 text-transform:uppercase}

    
ul#menuBar h2 a{background:url(../image/shadowBackgrounds/menu.png) no-repeat top left;display:block;height:35px;}

ul#menuBar h2.menuHome a{background:url(../image/shadowBackgrounds/leftside.png) no-repeat left -50px;padding-left:5px; font-weight:bold;}
ul#menuBar h2.menuHome a span {padding:10px 10px 10px 5px; height:15px; display:block; background:url(../image/shadowBackgrounds/rightside.png) no-repeat right -50px;}

ul#menuBar h2.menuRun a{background-position:-49px 0px; width:50px;}
ul#menuBar h2.menuSwim a{background-position:-101px 0px; width:60px;}
ul#menuBar h2.menuCycle a{background-position:-162px 0px; width:66px;}
ul#menuBar h2.menuWalk a{background-position:-300px 0px; width:66px;}
ul#menuBar h2.menuEventDirectory a {background-position:-532px 10px; width:140px;}
ul#menuBar h2.menuSupporters a{background-position:-420px 10px; width:89px;}
ul#menuBar h2.menuCities a{background-position:-747px 0px; width:160px;}
ul#menuBar h2.menuTv a{background-position:-679px -238px; width:40px;}
ul#menuBar h2.menuGreatTrainer a{background-position:-722px -228px; width:141px;}

ul#menuBar h2.menuSupporters a.active{background-position:-420px -381px; width:89px;}
ul#menuBar h2.menuCities a.active{background-position:-747px -391px; width:160px;}
ul#menuBar h2.menuRun a.active{background-position:-49px -391px; width:50px;}
ul#menuBar h2.menuSwim a.active{background-position:-101px -391px; width:60px;}
ul#menuBar h2.menuCycle a.active{background-position:-162px -391px; width:66px;}
ul#menuBar h2.menuWalk a.active{background-position:-300px -391px; width:66px;}
ul#menuBar h2.menuEventDirectory a.active {background-position:-532px -381px; width:140px;}  
ul#menuBar h2.menuTv a.active{background-position:-679px -289px; width:40px;}
ul#menuBar h2.menuGreatTrainer a.active{background-position:-722px -279px; width:141px;}

ul#menuBar h2.menuSupporters a:hover{background-position:-420px -431px; width:89px;}
ul#menuBar h2.menuCities a:hover{background-position:-747px -441px; width:160px;}
ul#menuBar h2.menuRun a:hover{background-position:-49px -441px; width:50px;}
ul#menuBar h2.menuSwim a:hover{background-position:-101px -441px; width:60px;}
ul#menuBar h2.menuCycle a:hover{background-position:-162px -441px; width:66px;}
ul#menuBar h2.menuWalk a:hover{background-position:-300px -441px; width:66px;}
ul#menuBar h2.menuEventDirectory a:hover {background-position:-532px -431px; width:140px;}   
ul#menuBar h2.menuTv a:hover{background-position:-679px -339px; width:40px;}
ul#menuBar h2.menuGreatTrainer a:hover{background-position:-722px -329px; width:141px;}

ul#menuBar  p {padding-bottom:2px;}  
   
ul#menuBar  p.subMenuMapTrack a{background-position:0px -154px;}
ul#menuBar  p.subMenuTrainingAdvice a{background-position:0px -250px;}
ul#menuBar  p.subMenuForum a{background-position:0px -90px;}
ul#menuBar  p.subMenuTrainingDiary a{background-position:0px -186px;}
ul#menuBar  p.subMenuGreatTrainer a{background-position:0px -122px;}
ul#menuBar  p.subMenuTrainingSchedules a{background-position:0px -218px;}
ul#menuBar  p.subMenuProfile a{background-position:0px -315px;}
ul#menuBar  p.subMenuTrainingPartner a{background-position:0px -347px;}
ul#menuBar  p.subMenuPhoto a{background-position:0px -283px;}
ul#menuBar  p.subMenuEventSearch a {background-position:-300px -250px;}
ul#menuBar  p.subMenuGymChallenge a {background-position:-300px -281px;}
ul#menuBar  p.subMenuNotification a {background:url(../image/shadowBackgrounds/notifications_icon.png) no-repeat;}
ul#menuBar  p.subMenuNotification a span{float:left; display:block; margin-left:-19px;padding-top:7px; font-weight:bold; color:#cd0a0a;}
ul#menuBar  p a span{float:left; display:block; margin-left:40px;padding-top:6px; font-weight:bold; color:#cd0a0a;}
ul#menuBar  p.subMenuCities a{background-image:none;}

ul#menuBar  h2 a span{display:none;}
ul#menuBar h2.menuHome a:hover{background-position:0px -50px; color:#000000;}
ul#menuBar h2.menuHome a:hover span{background-position:right -50px;}


