/* Zewnetrzny arkusz stylow dla rozwijanego i wysuwanego Menu - sCH.M.A./Rozwijane i wysuwane Menu glowne /ruchome razem ze strona, Z ...id="menu30..." sterowanego Skryptem   ...menu.js... , lub ...recitalsmenu.js... */

#menu30, #menu30 dl {
	font-size: 22px;
	position: absolute;
	width: 249px;
	margin: 0;
	padding: 0;
	border-width: 0px;
	border-style: solid;
	border-color: #eee #aaa #aaa #eee;
}

#menu30 dt {
	cursor: pointer;
	margin: 0;
	padding: 10px;
	background-color: #888;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	border-width: 5px;
	border-style: solid;
	border-color: #aaa #666 #666 #aaa;
	padding: 5px 25px;
}

#menu30 dl dt {
	background-color: #ccc;           /* - jest to kolor tla pod przyciskami dla stron    */
	color: #000;
	text-align: center;
	font-weight: normal;
	font-size: 22px;
	border: 0;
	padding: 0;
  /*	width: 190px;  - zmienia dlugosc obrazkow przysiskow do stron, ale nie zmienia dlugosci pol z listy rozwijanej w bok    */
}

#menu30 dd  {
	background-color: #ccc;
	color: #000;
	margin: 0;
	padding: 0;
	width: 249px;      /*  150px - zmniejsza dlugosc wysywanych pol w calym Menu ...MENU... */
	height: 30px;
}

#menu30 dd.active {
	font-weight: bold;
}

#menu30 dt:hover.active    /*  .small - po wylaczeniu tej klasy wlaczyl się kolor napisu MENU - PRZY NAJECHANIU MYSZKA  */
{
	color: #ff00ff;
}

#menu30 dt a {
	background: url("submenu.gif") no-repeat 140px 8px;
	padding-right: 20px;
}

#menu30 a:link, #menu30 a:visited {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 4px 5px;
}

#menu30 a:hover {
	color: #fff;                    /* jest to kolor napisow na wszystkich przyciskach ale tylko list                                              rozwijanych i  wysuwanych do stron   */
	background-color: #008;            /* (#ffffff   - biale) - ...#008... tlo /siwe/ na paskach Menu po                                                najechaniu myszka - ogolnie, oprocz ponizszych
	                                            pol  ...dt... z ...id="tlo"..., tez po najechaniu myszka */
}
/*
#tlo a:hover {
   color: #fff;       - jest to kolor napisow na paskach przyciskow jak wyżej z ...#manu26 a:hover..., ale                        tu nie dziala j.w. w ...#menu26 a:hover, bo zastepuja go obrazki przyciskow
	background-color: #ffffff;    - bylo ...#008 - j.w. z ...#menu26 a:hover... , a jest ...#ffffff...   -                        jest to biale tlo na paskach Menu po najechaniu myszka  -  dla wybranych/go/ pol/a/
                              	w Menu  o ...id="menu26...  i ...id="tlo"...  dla znacznika ...dt...
}
*/

#menu30 dl {
	position: absolute;
	border: 10px;
}

#menu30 dl dd {
	position: relative;
	left: 249px;
	bottom: 31px;
	border-left: 1px solid #eee;
	border-right: 1px solid #aaa;

}