/* CSS Document */

ul#mainNav {
list-style:none;
background:url(../images/design/mainNav_bg.jpg) left top repeat-x;
height:25px;
margin-bottom:20px;
}
ul#mainNav li {
position:relative;
float:left;
}

ul#mainNav li a {
display:block;
float:left;
height:25px;
line-height:25px;
color:black;
text-decoration:none;
text-indent:-10000px;
overflow:hidden;
background:url(../images/design/mainNav_slo.jpg) no-repeat;
}
body.Blue ul#mainNav li a {
background:url(../images/design/mainNav_bg_blue_slo.jpg) left top repeat-x;
}


ul#mainNav li#item1 a {
width:159px;
background-position:0 0px;
}
ul#mainNav li#item1 a:hover,
ul#mainNav li#item1:hover a,
ul#mainNav li#item1.sfhover a {
background-position:0 -25px;
}
body.I1 ul#mainNav li#item1 a,
body.I1 ul#mainNav li#item1 a:hover {
background-position:0 -50px;
}

ul#mainNav li#item2 a {
width:159px;
background-position:-159px 0;
}
ul#mainNav li#item2 a:hover {
background-position:-159px -25px;
}
body.I2 ul#mainNav li#item2 a,
body.I2 ul#mainNav li#item2 a:hover {
background-position:-159px -50px;
}

ul#mainNav li#item3 a {
width:159px;
background-position:-318px 0;
}
ul#mainNav li#item3 a:hover {
background-position:-318px -25px;
}
body.I3 ul#mainNav li#item3 a,
body.I3 ul#mainNav li#item3 a:hover {
background-position:-318px -50px;
}

ul#mainNav li#item4 a {
width:159px;
background-position:-477px 0;
}
ul#mainNav li#item4 a:hover {
background-position:-477px -25px;
}
body.I4 ul#mainNav li#item4 a,
body.I4 ul#mainNav li#item4 a:hover {
background-position:-477px -50px;
}

ul#mainNav li#item5 a {
width:159px;
background-position:-636px 0;
}
ul#mainNav li#item5 a:hover {
background-position:-636px -25px;
}
body.I5 ul#mainNav li#item5 a,
body.I5 ul#mainNav li#item5 a:hover {
background-position:-636px -50px;
}

/* ----------- SUBNAV ---------------------- */

body.I2 ul#mainNav li ul,
ul#mainNav li:hover ul,
ul#mainNav li.sfhover ul {
display:block;
z-index:8;
}

ul#mainNav li ul {
display:none;
list-style:none;
position:absolute;
top:25px;
left:0;
z-index:1000;
margin:0 0 0 0;
padding:0 0 0 0;
width:796px;
}
ul#mainNav li#item2 li a {
display:block;
float:left;
height:20px;
background:url(../images/design/menu/submenu_yellow_slo.jpg) no-repeat;
background-position:0 0;
width:93px;
text-indent:-10000px;
overflow:hidden;
margin:0;
padding:0;
}
body.Blue ul#mainNav li#item2 li a {
background:url(../images/design/menu/submenu_blue_slo.jpg) no-repeat;
}

ul#mainNav li#item2 li#subitem1 a {
background-position:0 0;
width:62px;
}
ul#mainNav li#item2 li#subitem1 a:hover {
background-position:0 -21px;
}
body.SI1 ul#mainNav li#item2 li#subitem1 a {
background-position:0 -42px;
}

ul#mainNav li#item2 li#subitem2 a {
background-position:-62px 0;
width:120px;
}
ul#mainNav li#item2 li#subitem2 a:hover {
background-position:-62px -21px;
}
body.SI2 ul#mainNav li#item2 li#subitem2 a {
background-position:-62px -42px;
}

ul#mainNav li#item2 li#subitem3 a {
background-position:-151px 0;
width:130px;
}
ul#mainNav li#item2 li#subitem3 a:hover {
background-position:-151px -21px;
}
body.SI3 ul#mainNav li#item2 li#subitem3 a {
background-position:-151px -42px;
}