/*
Paul Wheldon http://www.e-gnition.co.uk/
*/
#mainnav {
width: 800px;
padding-left:0 !IMPORTANT;
margin-left:0;
margin:0 !IMPORTANT;
clear:both;
position:relative;
z-index:20;
}

#mainnav  li {
position:relative;
float:left;
list-style:none;
padding:;
margin:0 !IMPORTANT;
margin-left:5px;
z-index: 20;
}

#mainnav li a {
display:block;
float:left;
height:25px;
line-height:25px;
background:url(images/nav/main-bg-left.png) no-repeat;
color:#fff;
text-decoration:none;
font-size:13px;
font-family:arial, verdana, sans-serif;
font-weight:bold;
text-align:center;
padding:0 0 5px 18px;
cursor:pointer;
}

#mainnav li a span {
float:left;
display:block;
padding:1px 12px 2px 2px;
background:url(images/nav/main-bg-right.png) no-repeat right top;
margin-right: 5px;
}

#mainnav  li:hover a, #mainnav .MainSFhover li:hover a {
color:#FFF;
background:url(images/nav/main-bg-left.png) 0px -30px no-repeat;
position:relative;
z-index:9999;
}

#mainnav  li:hover a span {
background:url(images/nav/main-bg-right.png) right bottom;
padding:1px 12px 4px 2px;
}
#mainnav li ul.prog-menu {
position:absolute;
z-index:100;
background:url(images/nav/prog-menu-bg.gif) bottom no-repeat ;
margin:0;
margin-top:30px;
margin-left:-1px;
padding:5px 0 10px 5px !IMPORTANT;
width:490px;
}

#mainnav li ul.prog-menu ul {
position:relative;
background:none;
left:0 !IMPORTANT;
padding:0;
margin:0;
width:245px;
}

#mainnav li ul.prog-menu ul li {
padding:0;
margin:0;
width:204px;
}

#mainnav li ul.prog-menu ul li a {
display:block;
float:none;
height:auto;
line-height:normal;
background:none !IMPORTANT;
text-decoration:none;
font-size:12px;
font-weight:normal;
text-align:left;
padding:6px 5px 4px 3px;
width:195px;
margin-left:32px;
margin-right:10px;
color:#FFFFFF;
border-bottom:#FFFFFF 1px solid;
}

#mainnav li ul.prog-menu ul li a:hover {
background:none !IMPORTANT;
color:#FFFFFF !IMPORTANT;
}

#mainnav li:hover ul ul li a, #mainnav li .MainSFhover ul li a {
color:#FFFFFF !IMPORTANT;
}

#mainnav li ul.prog-menu ul li.prog-walks a:hover {
background-color:#2bb24b !IMPORTANT;
}
#mainnav li ul.prog-menu ul li.prog-walks {
background:url(images/nav/prog-icon-walks.gif) top left no-repeat;
}
#mainnav li ul.prog-menu ul li.prog-walks:hover {
background:url(images/nav/prog-icon-walks.gif) bottom left no-repeat;
}

#mainnav li ul.prog-menu ul li.prog-special-walks a:hover {
background-color:#5ec6ff !IMPORTANT;
}
#mainnav li ul.prog-menu ul li.prog-special-walks {
background:url(images/nav/prog-icon-special-walks.gif) top left no-repeat;
}
#mainnav li ul.prog-menu ul li.prog-special-walks:hover {
background:url(images/nav/prog-icon-special-walks.gif) bottom left no-repeat;
}

#mainnav li ul.prog-menu ul li.prog-climbing a:hover {
background-color:#cd138c !IMPORTANT;
}
#mainnav li ul.prog-menu ul li.prog-climbing {
background:url(images/nav/prog-icon-climbing.gif) top left no-repeat;
}
#mainnav li ul.prog-menu ul li.prog-climbing:hover {
background:url(images/nav/prog-icon-climbing.gif) bottom left no-repeat;
}

#mainnav li ul.prog-menu ul li.prog-hills a:hover {
background-color:#5ec6ff !IMPORTANT;
}
#mainnav li ul.prog-menu ul li.prog-hills {
background:url(images/nav/prog-icon-hills.gif) top left no-repeat;
}
#mainnav li ul.prog-menu ul li.prog-hills:hover {
background:url(images/nav/prog-icon-hills.gif) bottom left no-repeat;
}

#mainnav li ul.prog-menu ul li.prog-talking a:hover {
background-color:#5ec6ff !IMPORTANT;
}
#mainnav li ul.prog-menu ul li.prog-talking {
background:url(images/nav/prog-icon-talking.gif) top left no-repeat;
}
#mainnav li ul.prog-menu ul li.prog-talking:hover {
background:url(images/nav/prog-icon-talking.gif) bottom left no-repeat;
}

#mainnav li ul.prog-menu ul li.prog-local a:hover {
background-color:#5ec6ff !IMPORTANT;
}
#mainnav li ul.prog-menu ul li.prog-local {
background:url(images/nav/prog-icon-local.gif) top left no-repeat;
}
#mainnav li ul.prog-menu ul li.prog-local:hover {
background:url(images/nav/prog-icon-local.gif) bottom left no-repeat;
}

#mainnav li ul.prog-menu ul li.prog-biking a:hover {
background-color:#ed8d1d !IMPORTANT;
}
#mainnav li ul.prog-menu ul li.prog-biking {
background:url(images/nav/prog-icon-biking.gif) top left no-repeat;
}
#mainnav li ul.prog-menu ul li.prog-biking:hover {
background:url(images/nav/prog-icon-biking.gif) bottom left no-repeat;
}

#mainnav li ul.prog-menu ul li.prog-sporting a:hover {
background-color:#5ec6ff !IMPORTANT;
}
#mainnav li ul.prog-menu ul li.prog-sporting {
background:url(images/nav/prog-icon-sporting.gif) top left no-repeat;
}
#mainnav li ul.prog-menu ul li.prog-sporting:hover {
background:url(images/nav/prog-icon-sporting.gif) bottom left no-repeat;
}

#mainnav li ul.prog-menu ul li.prog-family a:hover {
background-color:#5ec6ff !IMPORTANT;
}
#mainnav li ul.prog-menu ul li.prog-family {
background:url(images/nav/prog-icon-family.gif) top left no-repeat;
}
#mainnav li ul.prog-menu ul li.prog-family:hover {
background:url(images/nav/prog-icon-family.gif) bottom left no-repeat;
}

#mainnav li ul.prog-menu ul li.prog-displays a:hover {
background-color:#e71b29 !IMPORTANT;
}
#mainnav li ul.prog-menu ul li.prog-displays {
background:url(images/nav/prog-icon-displays.gif) top left no-repeat;
}
#mainnav li ul.prog-menu ul li.prog-displays:hover {
background:url(images/nav/prog-icon-displays.gif) bottom left no-repeat;
}

#mainnav li ul.prog-menu ul li.prog-ent a:hover {
background-color:#5ec6ff !IMPORTANT;
}
#mainnav li ul.prog-menu ul li.prog-ent {
background:url(images/nav/prog-icon-ent.gif) top left no-repeat;
}
#mainnav li ul.prog-menu ul li.prog-ent:hover {
background:url(images/nav/prog-icon-ent.gif) bottom left no-repeat;
}

#mainnav li ul.prog-menu ul li.prog-water a:hover {
background-color:#92278f !IMPORTANT;
}
#mainnav li ul.prog-menu ul li.prog-water {
background:url(images/nav/prog-icon-water.gif) top left no-repeat;
}
#mainnav li ul.prog-menu ul li.prog-water:hover {
background:url(images/nav/prog-icon-water.gif) bottom left no-repeat;
}


#mainnav li ul {
position:absolute;
z-index:100;
background:url(images/nav/maindropbg.gif) left bottom no-repeat ;
left:-999em;
margin:0;
margin-top:30px;
margin-left:0;
padding:0 0 8px 0;
width:145px;
}
#mainnav li ul li {
padding:0;
margin:0;
margin-top:0px !IMPORTANT;
}

#mainnav li ul li a {
display:block;
float:left;
line-height:normal;
background:none !IMPORTANT;
text-decoration:none;
font-size:12px;
font-weight:normal;
text-align:left;
padding: 5px 2px 5px 18px;
width:125px;
margin-left:0;
color:#FFFFFF !IMPORTANT;
height:auto;
}
#mainnav li ul li a:hover {
background:#5ec6ff url(images/nav/main-drop-arrow.gif) 10px 9px no-repeat  !IMPORTANT;
color:#FFFFFF;
}
#mainnav li:hover ul, #mainnav li .MainSFhover {
left:0;
float:left;
}


/* topnav */
#topnav {
padding:0;
margin:0;
list-style-type:none;
font-family:arial, verdana, sans-serif;
font-size:12px;
padding:0 0 3px 0;
position:relative;
z-index:25;
}
#topnav  li {
float:left; position:relative;
color:#5EC6FF;
margin-right: 5px;
}
#topnav li a{
color:#fff;
margin-right: 5px;
padding: 3px 8px;
background-color:#333333;
border:2px #cccccc solid;
border-top-width:0;
display:block;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; 
-khtml-border-bottom-left-radius: 6px;
-khtml-border-bottom-right-radius: 6px; 
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}
#topnav li a:hover, #homelink a:hover{
color:#5EC6FF;
cursor:pointer;
background: #000;
text-decoration:none;
}
#topnav li ul {
position:absolute;
left:-999em;
background:#000000 none repeat scroll 0 0;
border:2px #cccccc solid;
list-style-type:none;
margin:0;
padding:0;
width:180px;
margin-top:-2px;
z-index:25;
}
#topnav li ul li{
padding:0;
margin:0;
width:100%;
}
#topnav li:hover ul, #topnav .JQsfhover {
left:5px;
}
#topnav li:hover ul li ul, #topnav .JQsfhover li ul{
display: none;
}

#topnav li ul li a {
display:block;
background:#000;
color:#fff;
text-decoration:none;
padding:3px;
border:0 !IMPORTANT;
}

#topnav li:hover ul li a, #topnav .JQsfhover li a {

}
#topnav li:hover ul li a:hover, #topnav .JQsfhover li a:hover{
background:#000;
color:#5EC6FF;
}
#topnav .date span {
color:#fff;
}
#logo {
float: left;
margin: 10px 0;
}

#logo a{
display: block;
background:url(images/kmf-logo.png) no-repeat;
width: 100px;
height: 100px;
text-indent: -99em;
}

#logo a.tri-logo {
background:url(images/kmf-logo-tri.png) no-repeat;
}
#logo a.bike-logo {
background:url(images/kmf-logo-bike.png) no-repeat;
}
#logo a.hike-logo {
background:url(images/kmf-logo-hike.png) no-repeat;
}
#logo a.paddle-logo {
background:url(images/kmf-logo-paddle.png) no-repeat;
}
#logo a.climb-logo {
background:url(images/kmf-logo-climb.png) no-repeat;
}
.headline-sponsors {
clear:right;
float:right;
margin-top:30px;
}

#uniquename {display:none; 
      position:absolute; 
      left:200px; 
      top:100px; 
      border-style: solid; 
      background-color: white; 
      padding: 5px;
}
.linkbuttons { padding:5px; margin:0px;

}
.linkbuttons a{ display:block; background:url(/wp-content/themes/kmf/images/link-button-left.gif) no-repeat; color:#fff; text-decoration:none;
}
.linkbuttons b{ color:#FFF; background:url(/wp-content/themes/kmf/images/link-button-left-right.gif) no-repeat;
}
.linkbuttons a:hover{background:url(/wp-content/themes/kmf/images/link-button-left-hover.gif) no-repeat; color:#fff;
}
.linkbuttons a:hover b{ color:#FFF; background:url(/wp-content/themes/kmf/images/link-button-left-right-hover.gif) no-repeat;
}