html,body,h1,h2,h3,h4,h5,ul,li,p {margin:0; padding:0;
}/*background:#46a6ff;*/
body{    background:#cd0a0a url(../images/running_background_final.jpg) no-repeat center  fixed; text-align:center; font-size:0.7em; font-family:Tahoma, Verdana, Arial, Sans;
         color:#666666;
}
.wrapper{width:880px;  margin:0 auto;  text-align:left;}
h1{font-size:1.2em; display:none;}
h2{font-size:1.1em;}
h3{font-size:1.0em; font-size:14px; color:#000000; text-transform:uppercase;}
h3.sectionDescription{padding-top:10px; font-size:14px; color:#000000; text-transform:uppercase;}

a,a:visited, a:link{ color:#cd0a0a;}
a:hover{color:#000000;}

/****** login and validation *****/
.loginframe{text-align: left; width:94%; padding-right:20px;}
.loginframe table {margin-left:auto; margin-right:auto;}
.validation {background-color:#FEF1EC; border:1px solid #CD0A0A; color:#CD0A0A; padding: 10px; width: 96%; margin-bottom:15px; font-size: 1.1em;}
.loginlabel {color:#000000; font-weight:bold; padding:0px 10px 6px 3px; text-align:left;}
.labelText {width:150px; padding:3px;}
.loginText {padding-bottom:7px;}
.remember{color:#000000; padding-bottom:10px;}
.forgot{margin-left:175px;}
span.alert-icon{height: 30px; padding-left: 25px; background: url(../images/alert.gif) no-repeat 0% 50%; color: #CD0A0A; text-decoration: none;}
.registerlinkblock {display:block; padding-top:9px; text-align:center;} .registerlinkblock span {color:#ffffff;} 
.tourregisterlink {display:block; padding-top:9px; text-align:center; text-decoration:none; margin-left:20px !important;} .tourregisterlink span {color:#ffffff;} 

#ucNonMemberSideBar_RegistrationLink {text-decoration:none;} 

/***** navigation *****/
#nav{margin:0; padding:0 4px; list-style:none;}
#nav li{list-style:none; float:left;height:35px; padding-right:1px;}
#nav li a{background:url(../images/backgrounds/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;}
#nav li.menuCommunity a{background-position:-420px 10px; width:89px;}
#nav li.menuEventDirectory a{background-position:-532px 10px; width:141px;}

#nav li.menuHome a.active{background-position:0px 0px;}
#nav li.menuRun a.active{background-position:-49px -400px;}
#nav li.menuSwim a.active{background-position:-101px -400px;}
#nav li.menuCycle a.active{background-position:-162px -400px;}
#nav li.menuDance a.active{background-position:-229px -400px;}
#nav li.menuWalk a.active{background-position:-302px -400px;}
#nav li.menuGym a.active{background-position:-368px -400px;}

#nav li.menuCommunity a.active{background-position:-420px -390px; width:89px; }
#nav li.menuEventDirectory a.active{background-position:-532px -390px; width:141px;}


#nav li.menuHome a:hover{background-position:0px 0px;}
#nav li.menuRun a:hover{background-position:-49px -450px;}
#nav li.menuSwim a:hover{background-position:-101px -450px;}
#nav li.menuCycle a:hover{background-position:-162px -450px;}
#nav li.menuDance a:hover{background-position:-229px -450px;}
#nav li.menuWalk a:hover{background-position:-302px -450px;}
#nav li.menuGym a:hover{background-position:-368px -450px;}

#nav li.menuCommunity a:hover{background-position:-420px -440px;}
#nav li.menuEventDirectory a:hover{background-position:-532px -440px;}


#subMenu{clear:both;background:url(../images/backgrounds/menu.png) no-repeat 4px -66px;min-height:9px;padding:5px;}
#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(../images/backgrounds/menu.png) no-repeat;text-decoration:none; color:#cd0a0a;
                 text-transform:uppercase}
#subMenu ul li.subMenuMapTrack a{background-position:-150px -154px;}
#subMenu ul li.subMenuTrainingAdvice a{background-position:0px -250px;}
#subMenu ul li.subMenuForum a{background-position:-150px -90px;}
#subMenu ul li.subMenuTrainingDiary a{background-position:-150px -186px;}
#subMenu ul li.subMenuGreatTrainer a{background-position:-150px -122px;}
#subMenu ul li.subMenuTrainingSchedules a{background-position:-150px -218px;}

#subMenu ul li.subMenuProfile a{background-position:-150px -314px;}
#subMenu ul li.subMenuTrainingPartner a{background-position:-150px -346px;}
#subMenu ul li.subMenuPhoto a{background-position:-150px -282px;}

#subMenu ul li a span{color:#666666;}
#subMenu ul li a:hover{color:#000000;}

.highlightText{color:#cd0a0a; z-index: 10;}

p.subTitle { color:#cdcdcd; z-index: 10; line-height: 70%; font-size:0.9em;}

#mainContent{width:650px;float:left;background:url(../images/backgrounds/mainContentFooter.png) no-repeat bottom left;
             padding:0 0 13px 0;}
   
   
#homepagePicture {background: url(../images/backgrounds/HomepagePicture1.png) no-repeat top 4px; padding:5px 4px 0px 4px; 
                  width: 640px; height: 327px; z-index: 1; text-align:center;}

#homepagePicturetext h2 {text-indent:-9999px; z-index:10; margin-top:-330px; position:relative; background:url(../images/pageItems/trainingroomLogo.png) no-repeat top left; height:126px;width:365px; display:block;}
    
  
    .zindx {z-index: 2; padding:0 4px}
                        
   .slideshow-images {  }                     
                        
                        
      #tourTRPicture
    {
        background:url(../images/backgrounds/what-is-in-the-training-room.png) no-repeat top left;
        padding:15px 5px 0px 4px;
        min-height:208px;
    }                    
                        
               #tourTTTSPicture
    {
        background:url(../images/backgrounds/what-is-ttts.png) no-repeat top left;
        padding:15px 5px 0px 4px;
        min-height:208px;
    }                    
                        
                      #tourWhyPicture
    {
        background:url(../images/backgrounds/why-sign-up.png) no-repeat top left;
        padding:15px 5px 0px 4px;
        min-height:208px;
    }      
             
                        
    #iconList{z-index:20; margin-top:90px; background:url(../images/backgrounds/iconList.png) repeat top center; 
              padding:6px 20px 0px 20px;/**/
                        margin:85px 4px 0 4px;line-height:200%;color:#cd0a0a; font-size:1.1em; text-transform:uppercase;
                        font-weight:bold; 
                        width: 600px; 
                        position:relative; text-align:left; display:block;
}
                        
    .highlightedText    {font-size:1.5em;color:#ffffff;}
    
    #iconList img       {margin-right:10px;}
     #iconList p{margin-bottom:0;line-height:150%;}
    #features
    {
        background:url(../images/backgrounds/features.png) repeat-y
    }
    
       #tourbackground
    {
        background:url(../images/backgrounds/sportsfeatures.png) repeat-y
    }   
    
    ul#tourlist li, ol#tourlist li
    {
    margin-left: 20px;
    margin-bottom: 10px;    	
    }
    
    
    #gymPicture
    {
        background:url(../images/backgrounds/gym-take-to-the-streets.png) no-repeat top left;
        padding:15px 5px 0px 4px;
        min-height:228px;
    }
    #dancePicture
    {
        background:url(../images/backgrounds/dance-take-to-the-streets.png) no-repeat top left;
        padding:15px 5px 0px 4px;
        min-height:228px;
    }
    #cyclePicture
    {
        background:url(../images/backgrounds/cycle-take-to-the-streets.png) no-repeat top left;
        padding:15px 5px 0px 4px;
        min-height:228px;
    }#walkPicture
    {
        background:url(../images/backgrounds/walk-take-to-the-streets.png) no-repeat top left;
        padding:15px 5px 0px 4px;
        min-height:228px;
    } 
    #swimPicture
    {
        background:url(../images/backgrounds/swim-take-to-the-streets.png) no-repeat top left;
        padding:15px 5px 0px 4px;
        min-height:228px;
    } 
    
     #communityPicture
    {
        background:url(../images/backgrounds/community-take-to-the-streets.png) no-repeat top left;
        padding:15px 5px 0px 4px;
        min-height:228px;
    } 
    
    .copyright 
    {
    color: #ffffff;    	
    }
    
    
    #runPicture
    {
        background:url(../images/backgrounds/runPicture.png) no-repeat top left;
        padding:15px 5px 0px 4px;
        min-height:228px;
    }
     #runPicture h2{float:left;min-width:400px; color:#ffffff;}
    .welcomePicture img{float:left; padding:0 5px 5px 21px;}
    .welcomePicture #iconList{margin-top:150px;}
    .sportsFeatures
    {
        background:url(../images/backgrounds/sportsFeatures.png) repeat-y;
        padding-left:20px;
        min-height: 193px;
    }
    .tour{padding:15px 20px;float:left;width:580px;margin-right:10px;}    
    .feature{padding:15px 20px;float:left;width:160px;margin-right:10px;}
    .mapTrack{padding-left:50px; background:url(../images/pageItems/mapTrack_icon.png) no-repeat 0px 20px;width:235px}
    .trainingAdvice{padding-left:50px; background:url(../images/pageItems/trainingAdvice_icon.png) no-repeat 0px 20px;width:235px}
    .forum{padding-left:50px; background:url(../images/pageItems/forum_icon.png) no-repeat 0px 20px;width:235px}
    .trainingDiary{padding-left:50px; background:url(../images/pageItems/trainingDiary_icon.png) no-repeat 0px 20px;width:235px}
    .greatTrainer{padding-left:50px; background:url(../images/pageItems/greatTrainer_icon.png) no-repeat 0px 20px;width:235px}
    .trainingSchedules{padding-left:50px; background:url(../images/pageItems/trainingSchedule_icon.png) no-repeat 0px 20px;width:235px}
	.profile{padding-left:50px; background:url(../images/pageItems/profile_icon.png) no-repeat 0px 20px;width:235px}
	.trainingPartners{padding-left:50px; background:url(../images/pageItems/trainingPartners_icon.png) no-repeat 0px 20px;width:235px}
	.photoGallery{padding-left:50px; background:url(../images/pageItems/photoGallery_icon.png) no-repeat 0px 20px;width:235px}

.tour p 
    {
    margin-bottom:8px;
	line-height:150%;	
    }



#sideBar
{
    width:230px;
    float:right;
    background:url(../images/backgrounds/sideBar.png) no-repeat bottom left;
    padding:0 0 10px 0;
    line-height:150%;
}
    .register    {
        background:url(../images/backgrounds/sideBarH2.png) no-repeat top left;
        padding:20px 20px 0 20px;
    }
    .login h2,.register h2
    {
        font-size:1.7em;
        color:#000000;
        line-height:150%;
        text-transform:uppercase;
    }
    #sideBar p{margin-bottom:5px;}
    .highlightHeading{color:#cd0a0a;}
    .register a img{border:none;}
    .login{background:url(../images/backgrounds/signin.png) no-repeat top left; padding:20px 20px 20px 20px;line-height:150%;}
#sideBar .register strong {text-transform:capitalize; color:#000000; font-size:1.1em;}
#footer
{
    clear:both;
    background:url(../images/backgrounds/footerBackground.png) no-repeat center bottom;
    padding:20px 15px 8px 70px;
}
#footer a{color:#cd0a0a;}
#footer a:hover{color:#ffffff}


.clearfix:after {

    clear: both; 
    content:".";
    display: block;
    height: 0;
    visibility: hidden

    }

/* affects only IE7 */

.clearfix {

    min-width: 0;

    }

/* targets only IE5-6 and hidden from lowly IEmac \*/

    * html .clearfix { height: 1%; } 

/* end hide IEmac */

/* What? You want to get crazy and do IEmac too? Okay. \*//*/

    .clearfix { display: inline-table; } 

/* end IEmac only */


.btnActivity {
background:transparent url(../../image/shadowBackgrounds/updateButton.png) no-repeat scroll left top;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:85%;
font-weight:bold;
height:38px;
letter-spacing:1px;
margin:0;
text-transform:uppercase;
width:85px;
}
.btnActivity:Hover {
background:transparent url(../../image/shadowBackgrounds/updateButton_over.png) no-repeat scroll left top;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:85%;
font-weight:bold;
height:38px;
letter-spacing:1px;
margin:0;
text-transform:uppercase;
width:85px;
}
.btnActivity_wide {
background:transparent url(../../image/shadowBackgrounds/updateButtonwide.png) no-repeat scroll left top;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:85%;
font-weight:bold;
height:38px;
letter-spacing:1px;
margin:0;
text-transform:uppercase;
width:182px;
}
.btnActivity_wide:Hover {
background:transparent url(../../image/shadowBackgrounds/updateButtonwide_over.png) no-repeat scroll left top;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:85%;
font-weight:bold;
height:38px;
letter-spacing:1px;
margin:0;
text-transform:uppercase;
width:182px;
}

#login 
{
text-align:left;
}

#RegistrationPanel {
text-align: left;
width: 550px;
}


.formtitle {
text-align: left;
width: 200px;
}

.formfield {
text-align: left;
width: 350px;
}
.notification{margin-bottom:10px; font-size:120%; color:#000000; background-color:#f8f8f8; width:580px; border: solid 1px #cccccc; padding:10px;}
.notification table p{line-height:150%;}
h3.status
{
    padding:10px 0px 0px 0px;   
}


/** 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:870px;margin:0;}
ul#menuBar {padding:10px 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(../images/backgrounds/menu.png) no-repeat; text-decoration:none; color:#cd0a0a;
                 text-transform:uppercase}

    
ul#menuBar h2 a{background:url(../images/backgrounds/menu.png) no-repeat top left;display:block;height:35px;}

ul#menuBar h2.menuHome a{background-position:-767px 0px; width:63px;}
ul#menuBar h2.menuYourPage a{background-position:-661px 0px; width:105px;}

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.menuEventDirectory a {background-position:-532px 10px; width:124px;}
ul#menuBar h2.menuSupporters a{background-position:-420px 10px; width:89px;}
ul#menuBar h2.menuCities a{background:url(../../image/shadowBackgrounds/menu.png); background-repeat:no-repeat; background-position:-747px 0px; width:160px;}

ul#menuBar h2.menuSupporters a.active{background-position:-420px -390px; width:89px; }
ul#menuBar h2.menuCities a.active{background:url(../../image/shadowBackgrounds/menu.png); background-repeat:no-repeat; background-position:-747px -391px; width:160px;}
ul#menuBar h2.menuRun a.active{background-position:-49px -400px; width:50px;}
ul#menuBar h2.menuSwim a.active{background-position:-101px -400px; width:60px;}
ul#menuBar h2.menuCycle a.active{background-position:-162px -400px;width:66px;}
ul#menuBar h2.menuEventDirectory a.active {background-position:-532px -390px; width:124px;}
 
ul#menuBar h2.menuSupporters a:hover{background-position:-420px -440px; width:89px;}
ul#menuBar h2.menuCities a:hover{background:url(../../image/shadowBackgrounds/menu.png); background-repeat:no-repeat; background-position:-747px -441px; width:160px;}
ul#menuBar h2.menuRun a:hover{background-position:-49px -450px; width:50px;}
ul#menuBar h2.menuSwim a:hover{background-position:-101px -450px; width:60px;}
ul#menuBar h2.menuCycle a:hover{background-position:-162px -450px; width:66px;}
ul#menuBar h2.menuEventDirectory a:hover {background-position:-532px -440px; width:124px;}   
ul#menuBar  p {padding-bottom:2px;}  
   
ul#menuBar  p.subMenuMapTrack a{background-position:-150px -154px;}
ul#menuBar  p.subMenuTrainingAdvice a{background-position:0px -250px;}
ul#menuBar  p.subMenuForum a{background-position:-150px -90px;}
ul#menuBar  p.subMenuTrainingDiary a{background-position:-150px -186px;}
ul#menuBar  p.subMenuGreatTrainer a{background-position:-150px -122px;}
ul#menuBar  p.subMenuTrainingSchedules a{background-position:-150px -218px;}
ul#menuBar  p.subMenuProfile a{background-position:-150px -314px;}
ul#menuBar  p.subMenuTrainingPartner a{background-position:-150px -346px;}
ul#menuBar  p.subMenuPhoto a{background-position:-150px -282px;}
ul#menuBar  p.subMenuEventSearch a {background-position:-300px -250px;}
ul#menuBar  p.subMenuNotification a {background:url(../images/backgrounds/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.subMenuGymChallenge a {background:url(../../image/shadowBackgrounds/menu.png) no-repeat -300px -281px;}
ul#menuBar  p.subMenuGymChallenge a span{float:left; display:block; margin-left:-19px;padding-top:7px; font-weight:bold; color:#cd0a0a;}
ul#menuBar  p.subMenuCities a{background-image:none;}
ul#menuBar  p a span{float:left; display:block; margin-left:40px;padding-top:6px; font-weight:bold; color:#cd0a0a;}
ul#menuBar  h2 a span{display:none;}
ul#menuBar h2.menuHome a:hover{background-position:-767px -450px; }s
ul#menuBar h2.menuYourPage a:hover{background-position:-661px -450px;}