/*------------------------------------------------------------------------
# magic_urheilu - Joomla Template by Joomagic.com
# ------------------------------------------------------------------------
# author    JoomShaper http://www.joomshaper.com
# copyright Copyright (C) 2010 JoomShaper.com. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Websites:  http://www.joomagic.com
# This file may not be redistributed in whole or significant part
-------------------------------------------------------------------------*/
/*Horizontal Navigation*/
#hornav .inside{padding:0}
#hornav{height:36px;background:#000 url(../images/nav-bg.jpg) repeat-x 0 100%;margin:0 -10px 10px -10px;border-bottom:3px solid #248fc7;overflow:hidden;}
#hornav ul{list-style-type:none;text-align:left;float:left;margin:0;padding:0}
#hornav ul li{float:left;border:none;height:36px;line-height:36px;margin:0;padding:0;background:none}
#hornav ul li a{text-decoration:none;color:#fff;margin:0;padding:0 15px;font-size-adjust:none;font-stretch:normal;font:normal normal bold 12px/36px verdana, arial,helvetica,sans serif;display:block;border-right:1px solid #333}
#hornav ul li:hover a, #hornav ul li.active a{background:#3480af url(../images/nav-active.gif) repeat-x 0 100%;color:#fff;text-shadow:0 1px #777}
/*Level 2*/
#hornav ul ul{position:absolute;width:180px;left:-999em;z-index:99;margin:0}
#hornav ul ul li{float:left;border:none;width:180px;height:auto;line-height:normal;margin:0;padding:0}
#hornav ul ul li a,#hornav ul ul li a:visited,#hornav ul ul li a:active,#hornav ul ul li a:link{height:auto;line-height:normal;font-size:10px;font-weight:bold;text-transform:uppercase;margin:0;padding:10px;border:0}

/*Level 3*/
#hornav ul ul ul{margin:-32px 0 0 180px;z-index:99}

#hornav ul ul li a,#hornav ul ul li a:visited,#hornav ul ul li a:active,#hornav ul ul li a:link,
#hornav ul ul ul li a,#hornav ul ul ul li a:visited,#hornav ul ul ul li a:active,#hornav ul ul ul li a:link,
#hornav ul ul ul ul li a,#hornav ul ul ul ul li a:visited,#hornav ul ul ul ul li a:active,#hornav ul ul ul ul li a:link,
#hornav ul ul ul ul ul li a,#hornav ul ul ul ul ul li a:visited,#hornav ul ul ul ul ul li a:active,#hornav ul ul ul ul ul li a:link
{background:#248fc7;color:#f5f5f5;border-top:1px solid #029cec;border-bottom:1px solid #016fa9;}
/*Hover*/
#hornav ul ul li:hover a, #hornav ul ul li.active a,
#hornav ul ul ul li:hover a, #hornav ul ul ul li.active a,
#hornav ul ul ul ul li:hover a,#hornav ul ul ul ul li.active a,
#hornav ul ul ul ul ul li:hover a, #hornav ul ul ul ul ul li.active a
{background:#111;color:#f5f5f5}


#hornav li:hover ul ul,#hornav li:hover ul ul ul,#hornav li:hover ul ul ul ul,#hornav li:hover ul ul ul ul ul,#hornav li:hover ul ul ul ul ul ul,#hornav li.sfhover ul ul,#hornav li.sfhover ul ul ul,#hornav li.sfhover ul ul ul ul,#hornav li.sfhover ul ul ul ul ul,#hornav li.sfhover ul ul ul ul ul ul{left:-999em}
#hornav li:hover ul,#hornav li li:hover ul,#hornav li li li:hover ul,#hornav li li li li:hover ul,#hornav li li li li li:hover ul,#hornav li li li li li li:hover ul,#hornav li.sfhover ul,#hornav li li.sfhover ul,#hornav li li li.sfhover ul,#hornav li li li li.sfhover ul,#hornav li li li li li.sfhover ul,#hornav li li li li li li.sfhover ul{left:auto}
/*Footer Navigation*/
#footer-nav{float:right;}
#footer-nav ul{list-style-type:none;padding:0;margin:0 0 5px 0}
#footer-nav li{background:none;padding:0;display:inline}
#footer-nav a{font-size:11px;font-weight:bold;text-decoration:none;color:#666;display:inline;margin:0;padding:0 8px}
#footer-nav a:hover,#footer-nav li.active a{color:#888}