/* Horizontal Drop-Down Menu */



#navigation .joomla-nav {

list-style:none;

/* Clear floats */

float:left;

width:960px;

/* Bring the nav above everything else--uncomment if needed.

position:relative;

z-index:5;

*/

}

#navigation .joomla-nav li {

float:left;

position:relative;

}



#navigation .joomla-nav a {

display:block;

text-decoration:none;

padding: 27px 41px 0 42px;

padding: 27px 40px 0 41px\0/;

*padding: 27px 42px 0 43px;

height: 79px;

line-height: 106px;

color: #BAD064;

font-size:14px;

margin:0px;

}



#navigation .joomla-nav .item448 a{ 

padding: 27px 43px 0 4 3px!important; 

*padding: 27px 43px 0 43px!important; }


@media screen and (-webkit-min-device-pixel-ratio:0) {
    #navigation .joomla-nav .item448 a{padding:27px 27px 0 30px!important;}
}



#navigation .joomla-nav a:hover {

color: #58585A;

background:#BAD064;

}



#navigation .joomla-nav li.selected a {

color: #58585A;

background:#BAD064;

}



/*--- DROPDOWN ---*/

#navigation .joomla-nav ul {

background:#96bed8; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */

list-style:none;

position:absolute;

left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */

border-bottom: 10px solid #6299bf;

min-width: 290px;

}

#navigation .joomla-nav ul li {

padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */

float:none;

border: 0;

}

#navigation .joomla-nav ul a {

white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */

height: 25px;

line-height: 25px;

font-weight: normal;

font-size: 85%;

color: #ffffff;

}

#navigation .joomla-nav li:hover ul{ /* Display the dropdown on hover */

left:0; /* Bring back on-screen when needed */

}

#navigation .joomla-nav li li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */

background:#216ea4;

color: #ffffff;

}

#navigation .joomla-nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */

text-decoration:none;

}

#navigation .joomla-nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */

background:#6caeda;

}





/* Left Module Menu */





#leftcolumn .joomla-nav { 

width: 240px; 

font-family: Arial, Helvetica, Tahoma, sans-serif;

margin: 0;

padding: 0;

font-weight: normal;

}



#leftcolumn .joomla-nav ul {

margin-left: 0;

padding-left: 0;

list-style-type: none;

}



#leftcolumn .joomla-nav li {

display: block;

padding: 0;

width: 240px;

color: #216ea4;

background-color: #ffffff;

border-bottom: 1px solid #c6d2db;

line-height: 35px;

text-indent: 3px;

list-style-type: none;

}



#leftcolumn .joomla-nav li:last-child {

border-bottom: 0px solid #c6d2db;

}



#leftcolumn .joomla-nav a:link, #navlist a:visited {

color: #216ea4;

text-decoration: none;

}



#leftcolumn .joomla-nav li:hover {

background-color: #e6f1fa;

color: #fff;

}





/* Sub Items */



#leftcolumn .joomla-nav li ul {

border-top: 1px solid #c6d2db;

}



#leftcolumn .joomla-nav li ul li {

background-color: #f2f9fe;

}





#leftcolumn .joomla-nav li li {

list-style-type:decimal;

text-indent: 25px;

}