﻿.TabNavLeft
{
    background: url(../../images/tabnav/NavBackgroundLeft.gif) no-repeat 0 0;
    height:41px;
    width:2px;
    float:left;
}
.TabNavRight
{  
    background: url(../../images/tabnav/NavBackgoundRight.gif) no-repeat 0 0;
    height:41px;
    width:4px;
    color:Gray;     
    float:left;
}
.TabNavMain
{
    background: url(../../images/tabnav/NavBackgoundSlice.gif) repeat-x 0 0;
    width:772px;
    height:41px;
    float:left;
    
}
.TabNavMain ul { list-style-type:none; margin: 0; padding: 0;  }
.TabNavMain li { float:left; margin-left:10px; margin-top:6px; display: inline;  }

.TabNavMain  a {display:block; height:0; padding-top:35px; color:#000; overflow:hidden;}

.TabNavUnderstandingYourOpportunity a {display:block; width:230px; height:0; padding-top:35px; color:#000; overflow:hidden;}
.TabNavHowDoYouParticipate a {display:block; width:174px; height:0; padding-top:35px; color:#000; overflow:hidden;}
.TabNavResourcesToReview a {display:block; width:163px; height:0; padding-top:35px; color:#000; overflow:hidden;}
.TabNavOwningYourMarket a {display:block; width:152px; height:0; padding-top:35px; color:#000; overflow:hidden;}  
/* hack for older versions of IE with incorrect box model */
* html .TabNavMain  a:link, * html .TabNavMain a:visited {height:35px; he\ight:0;}

/*hover*/
.TabNavMain a#item1 {background:transparent url(../../images/tabnav/UnderstandingYourOpp.gif) 0 0 no-repeat;}
.TabNavMain a#item2 {background:transparent url(../../images/tabnav/HowDoYouParticipate.gif) 0 0 no-repeat;}
.TabNavMain a#item3 {background:transparent url(../../images/tabnav/ResourcesToReview.gif) 0 0 no-repeat;}
.TabNavMain a#item4 {background:transparent url(../../images/tabnav/OwningYourMarket.gif) 0 0 no-repeat;}
.TabNavMain a#item1:hover, a#item2:hover, a#item3:hover, a#item4:hover {background-position:0 -70px;}


/* On State */
.understandingyouropportunity a#item1{ background-position:0 -35px !important;  }
.howdoyouparticipate a#item2 { background-position:0 -35px !important; } 
.resourcestoreview a#item3 { background-position:0 -35px !important; }  
.owningyourmarket a#item4 { background-position:0 -35px; }    



#MainNavRegion{ float:left; padding: 5px 0  8px 0px; width:100%; display:inline;}
ul#MainNav { margin:0; padding:0;}
ul#MainNav li { display:block; float:left;  }
ul#MainNav li a 
{ 
    display:block; outline:none; height:34px; 
   /* background:transparent url(/images/nav/nav.gif) no-repeat 0 0;*/
    text-indent:-9009px;
    margin:0  0 0 0;
}
ul#MainNav li#HomeNav a { width:57px; position:relative;  background:transparent url(../../images/nav/HomeButton.gif) no-repeat 0 0; background-position: 0px 0; }  
ul#MainNav li#LearnNav a { width:130px; position:relative;  background:transparent url(../../images/nav/LearnNav.gif) no-repeat 0 0; background-position: 0px 0; }
ul#MainNav li#SellNav a { width:154px;position:relative; left:-19px; background:transparent url(../../images/nav/SellNav.gif) no-repeat 0 0;  background-position:0px 0; } 
ul#MainNav li#ImplementNav a { width:174px;position:relative; left:-61px; background:transparent url(../../images/nav/ImplementNav.gif) no-repeat 0 0;  background-position:0px 0; } 
ul#MainNav li#SupportNav a { width:75px; position:relative; left:-61px; background:transparent url(../../images/nav/SupportNav.gif) no-repeat 0 0;  background-position:0px 0; } 

ul#MainNav li#LearnNav a:hover { background-position: 0px -34px; }
ul#MainNav li#SellNav a:hover {  background-position:0px -34px; } 
ul#MainNav li#ImplementNav a:hover { background-position:0px -34px; }
ul#MainNav li#SupportNav a:hover { background-position:0px -34px; }

ul#MainNav li#LearnNav a:focus { background-position: 0px -34px; }
ul#MainNav li#SellNav a:focus {  background-position:0px -34px; }
ul#MainNav li#ImplementNav a:focus { background-position:0px -34px; }
ul#MainNav li#SupportNav a:focus { background-position:0px -34px; }

ul#MainNav li#LearnNav a:active { background-position: 0px -34px; }
ul#MainNav li#SellNav a:active {  background-position:0px -34px; }
ul#MainNav li#ImplementNav a:active { background-position:0px -34px; }
ul#MainNav li#SupportNav a:active { background-position:0px -34px; }

.learn ul#MainNav li#LearnNav a { background-position: 0px -34px; }
.sell ul#MainNav li#SellNav a {  background-position:0px -34px; }
.implement ul#MainNav li#ImplementNav a { background-position:0px -34px; }
.support ul#MainNav li#SupportNav a { background-position:0px -34px; }	

#RightNavArea { background:transparent url(../../images/nav/RightNavBackground.gif) no-repeat top right; width:246px; height:34px; position:relative; left:-61px; display:block; clear:right; float:left;  }


