/* 
 *	Vertical, left-2-right menu
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2004 - Aleksandar Vacic, www.aplus.co.yu
 * Some rights reserved, http://creativecommons.org/licenses/by/2.0/
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 */

/*		------	Basic style	------		*/

#menu {
	/*
	width: ?;
	YOU MUST specify some width, otherwise menu would span whole page.
	Since this depends on design, do it in make-up section.
	*/
	display: block;
	
	background-repeat: repeat-y;
	margin-top: 10px;
	width:200px;
}

#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width:100%;
	background-color:#FFFFFF;

}
#menu li:hover {

	
}
#menu a {
	display: block;
	font-size: 8pt;
	margin-left:25px;
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;	
	font-weight: normal;
}
#menu a:hover {
	display: block;
	font-size: 8pt;
	margin-left:25px;
	text-decoration: underline;
}
#menu li {
	width: 180px;
	padding:10px;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li ul {
	top: 0;
	left: 0;
	background-color:#DBF3F7;
	border-width: 1px;
	border-style: dotted;
	border-color: #999999;
	

}
#menu li ul li{
	background-image: none;
	width:170px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color:#DBF3F7;

	
}
#menu li ul li:hover{
	background-image: none;

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#menu li ul li a{
	margin: 0px;
}
#menu li ul li a:hover{
	margin: 0px;
}
/* ...and then place it where it should be when shown */
#menu li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
	display: none;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
#menu li:hover>ul {
	display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* Clear-fix for IE5/Mac \*//*/
#menu a {
	float: left;
}

#menuList {
	display: inline-block;
}
/*  */

/*		------   Make-up	--------			*/

/* 
 *	Vertical, left-2-right menu
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2004 - Aleksandar Vacic, www.aplus.co.yu
 * Some rights reserved, http://creativecommons.org/licenses/by/2.0/
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 */

/*		------	Basic style	------		*/

#menu_admin {
	/*
	width: ?;
	YOU MUST specify some width, otherwise menu would span whole page.
	Since this depends on design, do it in make-up section.
	*/
	display: block;
	width:180px;
}

#menu_admin ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu_admin li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	

}
#menu_admin li:hover {

}
#menu_admin a {
	display: block;
	font-size: 8pt;
	margin-left:20px;
	text-decoration: none;
	color: #000000;
}
#menu_admin a:hover {
	display: block;
	font-size: 8pt;
	margin-left:20px;
	text-decoration: none;
	color: #CD211F;
}
#menu_admin li {
	width: 100%;
	padding:10px;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu_admin li ul {
	top: 0;
	left: 0;
	background-color:#CCCCCC;

}
#menu_admin li ul li{
	background-image: none;
	width:150px;

}
#menu_admin li ul li:hover{
	background-image: none;

}
#menu_admin li ul li a{
	margin: 0px;
	font-weight: normal;
}
#menu_admin li ul li a:hover{
	margin: 0px;
}
/* ...and then place it where it should be when shown */
#menu_admin li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
#menu_admin li ul {
	display: none;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
#menu_admin li:hover>ul {
	display: block;
}

/* this is needed if you want to style #menu_admin div - force containment of floated LIs inside of main UL */
#menu_adminList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* CSS Document */

#menu_horiz {
	display: block;
}

#menu_horiz ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	float:left;
}

#menu_horiz li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	
}

#menu_horiz a {
	display: block;
	font-size: 13px;
	
	text-decoration: none;
	color: #75750B;
	border-right-width: 1px;
	border-right-color: #990099;
	border-right-style: solid;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
}
#menu_horiz a:hover {
	color: #990099;
}
#menu_horiz li li {
	width: 100%;
}

/* fix the position for 2nd level submenu_horizs. first make sure no horizontal scrollbars are visible on initial page load... */
#menu_horiz li li ul {
	top: 0;
	left: 0;
}

/* ...and then place it where it should be when shown */
#menu_horiz li li:hover ul {
	left: 100%;
}

/* initialy hide all sub menu_horizs */
#menu_horiz li ul {
	display: none;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
#menu_horiz li:hover>ul {
	display: block;
}

/* this is needed if you want to style #menu_horiz div - force containment of floated LIs inside of main UL */
#menuList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* Clear-fix for IE5/Mac \*//*/
#menu_horiz a {
	float: left;
}

#menu_horizList {
	display: inline-block;
}
/*  */

/*		------   Make-up	



/* CSS Document */

#menu_horiz_large {
	display: block;
}

#menu_horiz_large ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	float:left;
}

#menu_horiz_large li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	
}

#menu_horiz_large a {
	display: block;
	font-size: 16px;
	color: #A4A510;
	text-decoration: none;
	
	border-right-width: 1px;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
}
#menu_horiz_large a:hover {
	color: #990099;
}
#menu_horiz_large li li {
	width: 100%;
}

/* fix the position for 2nd level submenu_horiz_larges. first make sure no horizontal scrollbars are visible on initial page load... */
#menu_horiz_large li li ul {
	top: 0;
	left: 0;
}

/* ...and then place it where it should be when shown */
#menu_horiz_large li li:hover ul {
	left: 100%;
}

/* initialy hide all sub menu_horiz_larges */
#menu_horiz_large li ul {
	display: none;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
#menu_horiz_large li:hover>ul {
	display: block;
}

/* this is needed if you want to style #menu_horiz_large div - force containment of floated LIs inside of main UL */
#menuList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* Clear-fix for IE5/Mac \*//*/
#menu_horiz_large a {
	float: left;
}

#menu_horiz_largeList {
	display: inline-block;
}
/*  */

/*		------   Make-up