@charset "utf-8";

/* valikon p��mitat sek� oikean reinan reunus */
.menu { width:750px; height:30px; position:relative; z-index:100; font-family: arial, helvetica, sans-serif; border: 1px solid #bebfc0; border-width: 0 1px 0 1px;}

/* p��tason tyylit */
.menu ul { padding:0;margin:0;list-style-type:none; }
.menu li { float:left;width:125px;position:relative; }
.menu a, .menu a:visited { display:block; font-size:12px; text-decoration:none; text-align:center; font-weight: bold; color:#fff; width:125px; height:28px; border-bottom:2px solid #F90; background:#0067a7; line-height:29px; }
.menu li.narrow { width: 100px; }
.menu li.narrow a, .menu li.narrow a:visited { width: 100px; }
.menu li.wide {
	width: 175px;
}
.menu li.wide a, .menu li.wide a:visited { width: 175px; }

/* pudutosvalikkojen tyylit */
.menu ul ul { visibility:hidden; position:absolute; height:0; top:28px; left:0; width:125px; border-bottom: 2px solid #F90; }
.menu ul ul a, .menu ul ul a:visited { font-size: 11px; font-weight:normal; background:#0067a7; color:#FFF; text-align: left; height:28px; line-height:29px; padding-left:4px; width:117px; border: 2px solid #F90; border-width:0 2px 0px 2px; }

/* tuplaleve� pudotusvalikko, muutokset edellisiin */
.menu ul ul.wide {
	width:250px;
}
.menu ul ul.wide li { width: 250px; }
.menu ul ul.wide a, .menu ul ul.wide a:visited { width: 242px; }

/* hoverit */
.menu a:hover, .menu ul ul a:hover { color:#f90; background:#1d7cb7; }
.menu :hover > a, .menu ul ul :hover > a { color:#f90; background:#1d7cb7; }

/* pudotusvalikko esiin hoverissa */
.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; height: auto; }

/* IE6 taulukon tyylit */
.menu table { position:absolute; top:0; left:0; border-collapse:collapse;; }