html{
background-image: url("../Images/bgStripe_goRacing_full.gif");
}

div#mainNav{
color:#FFFFFF;
font-weight:bold;
z-index:100;
}
div#mainNav a{
color:#FFFFFF;
font-weight:bold;
}

div#mainNav ul{
padding:0;
margin:0;
list-style-type:none;
}
div#mainNav ul li{
float:left; 
position:relative;
}
div#mainNav ul ul li{
border-bottom:0;
}
div#mainNav ul li:hover ul li a{
width:150px;
}
div#mainNav ul li a{
float:left; 
display:block; 
text-decoration:none;
background-image: url("../Images/mainNavBorder.gif");
background-repeat:repeat-y;
background-position:left;
height:19px;/* ie */
text-align:center;
padding-top:5px;
border-bottom:3px solid #FF0000;
}
div#mainNav ul li ul{
display: none;
background-color:#354141;
}
div#mainNav ul ul li a{
border:1px solid black;
border-top:0;
}
div#mainNav li.first a{
border-top:1px solid black;
}
div#mainNav ul li ul a{
background-image:none;
font-weight:normal;
font-size:10px;
text-align:left;
padding-left:10px;
}
div#mainNav ul li:hover ul{
display:block;
position:absolute;
top:27px;
left:0;
}
div#mainNav ul li:hover ul.last{
left:-45px;
}
div#mainNav ul li:hover ul li:hover ul.last{
left:-161px;
}

div#mainNav ul li:hover ul li a{
border-bottom-color:black;
}
div#mainNav ul li ul li a.moreRacing{
background: url(../Images/more-top-nav-racing.gif) right 0 no-repeat;
}
div#mainNav ul li ul li a:hover.moreRacing{
background: #4fa601 url(../Images/more-top-nav-racing.gif) right -24px no-repeat;
}
div#mainNav ul li ul li a.moreMeeting{
background: url(../Images/more-top-nav-meeting.gif) right 0 no-repeat;
}
div#mainNav ul li ul li a:hover.moreMeeting{
background: #ce3314 url(../Images/more-top-nav-meeting.gif) right -24px no-repeat;
}
div#mainNav ul li ul li a.moreJockeys{
background: url(../Images/more-top-nav-jockeys.gif) right 0 no-repeat;
}
div#mainNav ul li ul li a:hover.moreJockeys{
background: #0090ff url(../Images/more-top-nav-jockeys.gif) right -24px no-repeat;
}
div#mainNav ul li ul li a.moreOwnership{
background: url(../Images/more-top-nav-ownership.gif) right 0 no-repeat;
}
div#mainNav ul li ul li a:hover.moreOwnership{
background: #a1abb7 url(../Images/more-top-nav-ownership.gif) right -24px no-repeat;
}
div#mainNav ul li ul li a.moreBreeding{
background: url(../Images/more-top-nav-breeding.gif) right 0 no-repeat;
}
div#mainNav ul li ul li a:hover.moreBreeding{
background: #724e1c url(../Images/more-top-nav-breeding.gif) right -24px no-repeat;
}
div#mainNav ul li ul li a.moreAbout{
background: url(../Images/more-top-nav-about.gif) right 0 no-repeat;
}
div#mainNav ul li ul li a:hover.moreAbout{
background: #6a4a7b url(../Images/more-top-nav-about.gif) right -24px no-repeat;
}

/************ level 3 **********/
div#mainNav ul li:hover ul li ul {
display: none;
}
div#mainNav ul li:hover ul li:hover ul {
display: block;
position:absolute;
left:161px;
top:-1px;
}


/************ individual settings **********/
div#mainNav ul li.nav1 a{
width:50px;
background-image:url("../Images/horseHead.gif");
border-bottom-color:#007EE4;
}
div#mainNav ul li.nav1{
width:50px;

}
div#mainNav ul li.nav2 a {
width:117px;
border-bottom-color:#4FA601;
}
div#mainNav ul li.nav2 a:hover, div#mainNav ul li.nav2current {
background-color:#4FA601;
}
div#mainNav ul li.nav2{
width:117px;
}
div#mainNav ul li.nav3 a{
width:117px;
border-bottom-color:#CE3314;
}
div#mainNav ul li.nav3 a:hover, div#mainNav ul li.nav3current{
background-color:#CE3314;
}
div#mainNav ul li.nav3{
width:117px;
}
div#mainNav ul li.nav4 a{
width:135px;
border-bottom-color:#0090FF;
}
div#mainNav ul li.nav4 a:hover, div#mainNav ul li.nav4current{
background-color:#0090FF;
}
div#mainNav ul li.nav4{
width:135px;
}
div#mainNav ul li.nav5 a{
width:100px;
border-bottom-color:#A1ABB7
}
div#mainNav ul li.nav5 a:hover, div#mainNav ul li.nav5current{
background-color:#A1ABB7;
}
div#mainNav ul li.nav5{
width:100px;
}
div#mainNav ul li.nav6 a{
width:117px;
border-bottom-color:#724E1C;
}
div#mainNav ul li.nav6 a:hover, div#mainNav ul li.nav6current{
background-color:#724E1C;
}
div#mainNav ul li.nav6{
width:117px;
}
div#mainNav ul li.nav7 a{
width:117px;
border-bottom-color:#6A4A7B;
}
div#mainNav ul li.nav7 a:hover, div#mainNav ul li.nav7current{
background-color:#6A4A7B;
}
div#mainNav ul li.nav7{
width:117px;
}

