@charset "utf-8";
/* Main Menu - Solid Background, No Outline */

#menuContainerContainer	/* Viewport-wide menu container */
	{
	position:fixed;
	top:0em;
	width:100%;
	height:1.938em;
	background-color:#696969; /* 3f3f3f 7f7f7f bfbfbf */
	z-index:8;
	}

#menuContainerContainer.absolutePosition	/* Used to switch between fixed and absolute position */
	{
	position:absolute;
	}

#menuContainer							/* Main menu container - position as you want*/
	{
	position:relative;
	font-size:1em;						/* do not remove or alter */
	margin-left:auto;
	margin-right:auto;
	height:1.688em;
	width:61em;
	padding-top:0.25em;
	background-color:transparent;
	z-index:10;							/* do not remove or alter */
	}

#menu											/* this is where you may change font and font size */
	{
	font-size:0.875em;							/* 1em (16px) * 0.875 = 14px - size of the text in the menu */
	font-family:arial, helvetica, sans-serif;
	font-weight:normal;
	float:none;									/* do not remove or alter */
	padding-left:2.75em;
	padding-right:3em;
	}

/* === comment ===
The width value above can be critical to your design. If you leave the value at 100%, then 
the menu will wrap if the browser window is reduced to a size where the menu can't fit. 
If you want your menu to not wrap, then you must set it to a specific size.

To determine what specific size you need, simply count the number of grandparents and 
multiply that number by the width given in the menh ul and menu lu rules. For example, 
this menu has five grandparents and the width for the menu ul and li is 9em. Therefore, 
a width of 400 em would stop this menu from wrapping.
*/

#menu a:link, #menu a:visited			/* menu at rest - Base font size: 1em = 16px */
	{
	height:1%;							/* do not remove or alter */
	display:block;						/* do not remove or alter */
	white-space:nowrap;					/* do not remove or alter */
	padding-top:0.286em;				/* height of the menu box above text */
	padding-bottom:0.643em;				/* height of the menu box below text */
	padding-left:0.643em;
	padding-right:0.643em;
	text-align:left; 					/* if you change this, you'll have to add padding */
	text-decoration:none;
	color:#e0e0e0 !important;		 	/* 3f3f3f 7f7f7f bfbfbf e0e0e0 e7e9e4 f0f0f0 f5f5f5 */
	background-color:transparent;
	}

#menu a:hover							/* menu at mouse-over  */
	{
	color:#fff !important;				/* a00504 e83000 bf0000 */
	background-color:transparent;
	}	

#menu a:active
	{
	color:#e83000;						/* a00504 e83000 bf0000 */
	background-color:transparent;
	}

/* Main Menu Hover Options */
/* #menuContainer:hover #menu a:link, #menuContainer:hover #menu a:visited			/* menu at rest - Base font size: 1em = 16px */
/* 	{
	color:#f0f0f0 !important;
	}

#menuContainer:hover #menu a:hover
	{
	color: #e83000 !important;			/* a00504 e83000 bf0000 */
/* 	}	

#menuContainer:hover #menu a:active
	{
	color:#e83000;						/* a00504 e83000 bf0000 */
/* 	}

#menuContainerContainer.hovered #menuContainer #menu a	/* Used for menu viewport wide background hover effect. */
/* 	{
	color:#f0f0f0 !important;
	}
/* END of Main Menu Hover Options */

/* NOTE  the width attriute below is REQUIRED IN BOTH #menu ul and #menu li rules below. */
/* If you remove these, the menu will automatically adjust to the length of the menu text. */
/* In other words, the menu becomes a variable width menu (some menus require that) */
/* HOWEVER, you mist add padding to left and right make the menu text readable */
	
#menu ul
	{
	list-style:none;			/* do not remove or alter */
	margin:0;					/* do not remove or alter */
	padding:0;					/* do not remove or alter */
	float:left;					/* do not remove or alter */
	/* width:9em; */			/* width of all menu boxes -- read note above*/
	}

/* Horisontal distribution within 61em width of menuContainer div */
div#menuContainer div#menu.english ul
	{
	margin-left:0.45em;	/* 23px: Makes English menu distributed horisontally. 1.85em for PT Sans font */
	}

div#menuContainer div#menu.srpski ul
	{
	margin-left:1.175em;	/* 17px: Makes Srpski menu distributed horisontally. 1.4em for PT Sans font. 1.125em for title "Predmeti" */
	}

div#menuContainer div#menu.english ul.firstMenuItem, div#menuContainer div#menu.srpski ul.firstMenuItem, div#menuContainer div#menu.english ul li ul, div#menuContainer div#menu.srpski ul li ul
	{
	margin-left:0;	/* Clears left margin of the first item for distributed menu */
	}

div#menuContainer div#menu.english ul.lastMenuItem a, div#menuContainer div#menu.srpski ul.lastMenuItem a
	{
	padding-right:0;	/* Clears right padding of the last item for distributed menu - to keep menu items together while scaling */
	}
/* END of Horisontal distribution within 61em width of menuContainer div */

#menu li
	{
	position:relative;			/* do not remove or alter */
    min-height:1px;				/* do not remove or alter */ 
    vertical-align:bottom;		/* do not remove or alter */
    /* width: 9em; */			/* width of all menu boxes -- read note above*/
	}

/* ===== DO NOT REMOVE OR ALTER ANYTHING BELOW ===== */

#menu ul ul	/* parent menu */
	{
	position:absolute;
	top:auto;
	left:auto;
	display:none;
	padding:0;
	margin:0;
	z-index:0;
	}

#menu ul ul ul	/* child menu */
	{
	position:absolute;
	top:0;
	left:100%;
	}

div#menu li:hover
	{
	cursor:url(/img/hand-cur.cur), pointer;
	}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
	{
	display:none;
	}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
	{
	display:block;
	}

/* IE stuff */
#menu
	{
	float:none;
	}
	
body
	{
	behavior:url(/css/csshover.htc);
	}
	
#menu ul li
	{
	float:left;
	}
	
#menu a
	{
	height:1%;
	}
/* END of IE stuff */
/* END of Main Menu - Solid Background, No Outline */

/* Sub-Menu Tune Up */
div#menuContainer div#menu ul li ul
	{
	background-color:#696969;
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-radius:0px 0px 6px 6px;
	-khtml-border-radius:0px 0px 6px 6px;
	border-radius:0px 0px 6px 6px;
	}

div#menuContainer div#menu ul li ul li a
	{
	padding-bottom:0.357em;
	padding-right:0.714em;
	background-color:transparent;
	}

#menu ul li ul, #menu ul li ul li a
	{
	width:auto;	/* Set min-width attribute to the li elements with very short titles in english/srpski-menu.php */
	}

#menu ul li ul li
	{
	min-width:92.5%;
	}

#menu ul li ul li.firstItem
	{
	padding-top:0.214em;
	}

#menu ul li ul li.lastItem
	{
	padding-bottom:0.625em;
	}

#menu ul li ul li.horisontal	/* Submenu items separator */
	{
	width:100%;
	padding-top:0.286em;
	margin-bottom:0.357em;
	border-bottom:1px solid #e0e0e0;
	}
/* END of Sub-Menu Tune Up */