body {
	background: #edfdb4;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	position: relative;
}

A:link { color: #669125 }
A:visited { color: #A2BB5D }
A:active, A:hover { color: #FF651F }

h1, div.title {
	clear:both;
	color: #54586A;
	font: bold italic 160% Georgia, Times New Roman, Times, serif;
}

	h1.title, div.title {
		background: url('../images/accent.gif') no-repeat 0px 3px;
		padding-left: 30px;
	}

h2 {
	color: #54586A;
	font: bold 155% Georgia, Times New Roman, Times, serif;
}

h3 {
	color: #54586A;
	font: bold italic 150% Georgia, Times New Roman, Times, serif;
}

h4 {
	color: #54586A;
	text-transform: uppercase;
	font: bold italic 130% Georgia, Times New Roman, Times, serif;
}

h5 {
	color: #54586A;
	font: bold 130% Georgia, Times New Roman, Times, serif;
}

h6 {
	color: #54586A;
	font: bold 120% Georgia, Times New Roman, Times, serif;
}

hr {
	color: #54586A;
	height: 1px;
}


#top_nav {
	padding: 5px 0;
	text-align: right;
	margin: 0 auto;
	width: 750px;
	color: black;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
}

#top_nav a {
	color: black;
	text-decoration:none;
}

#top_nav a:hover {
	color: #f9b31c;
	text-decoration:underline;
}


#menusub {
	margin: 5px 0 0 0;
	padding: 0;
}
#menusub li, #menusub ul {
	list-style: none;
	text-align: left;
	margin: 3px 0 0 0;
}
#menusub a {
	margin: 0;
	width: 150px;
	color: #f99e1c;
	text-decoration: none;
	background: #f7f7f7;
	display: block;
	padding: 5px 0 0 15px;
	height: 21px; /* box model hack */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 135px;
	height: 18px;
}
html > body #menusub a {
	width: 135px;
	height: 18px;
}
#menusub a:active, #menusub a:hover {
	background: #f3d719;
	color: white;
}



/* */
/* Menu izbire */
.menu {
	padding: 1px 0 0 0;
	height: 34px;
	overflow: hidden;
	font-family: Arial;
}

/* remove all the bullets, borders and padding from the default list styling, z-index 1 zaradi galerije */
.menu ul {padding:0; margin:0; list-style-type:none; height:34px; z-index:1;}

/* style the sub-level lists */
.menu ul ul { width: 180px; }

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:34px;line-height:34px;}

/* style the sub level list items */
.menu ul ul li {display:block;width:160px;height:auto; line-height:13px;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:11px;font-weight:bold; text-decoration :none;color:#54586a;background: url("../images/arrow_1.png") 2px 13px no-repeat;padding:0 10px 0 20px; text-transform:uppercase;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block; background:#cdc3a3; color:#000;width:160px;height:100%;line-height:1em; padding:5px 10px;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:180px; w\idth:160px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:1px; top:0; width:0; height:0; font-size:13px; z-index:-1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#b4be9c;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#c4ceac;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#b4be9c;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#c4ceac;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#ffffff;background: url("../images/arrow_1.png") 5px 13px no-repeat; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#ffffff;background: url("../images/arrow_1.png") 5px 13px no-repeat;}
/* second */
* html .menu ul ul a:hover{color:#000;background:#baae90; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#000;background:#baae90;}
/* third */
* html .menu ul ul ul a:hover {background:#c4ceac; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#c4ceac;}
/* fourth */
.menu ul ul ul ul a:hover {background:#d4debc; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0;width:180px;}

/* position the third level flyout menu */
.menu ul ul ul{left:160px;top:0;width:180px;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding-bottom:35px; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}
/* */


.submenu {
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
}

.submenu li a:link, .submenu li a:visited {
	text-decoration: none;
	color: #000000;
	display: block;
	width: 200px;
	height: 20px;
	padding-left: 30px;
	padding-top: 3px;
	background: url('../images/vmenu.gif') no-repeat;
	margin-bottom: 2px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 170px;
	height: 17px;
}
	html>body .submenu li { width: 170px; height: 17px; }

.submenu li a:hover {
	text-decoration: none;
	background: url('../images/vmenu-over.gif') no-repeat;
}

.submenu ul {
	list-style: none;
	margin-left: 20px;
	padding: 2px 2px 2px 20px;
}

.submenu ul li a:link, .submenu ul li a:visited {
	display: block;
	width: 159px;
	padding-left: 0px;
	margin-left: 0px;
	background: none;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 129px;
}

.submenu ul li a:active, .submenu ul li a:hover {
	background: none;
	color: #FF651F;
}

#container {
	width: 750px;
	padding-top: 17px;
	text-align: left;
	margin: 0px auto; /* fix for centering div in firefox */
	background: #ffffff url('../images/topbg.gif') repeat-x;
}

#header {
	background: url('../img/vrtecng.jpg') right top no-repeat;
	height: 125px;
}

#logo {
	height: 125px;
	text-align: left;
}

#logo img {
	display: block;
}

#menu {
	background: url('../images/menubg.gif') repeat-x;
	height: 36px;
	/* 	Uncomment this (delete this line and the dotted line) if you are using text links instead of images.......
		color: #ffffff;
		font-weight: bold;
		padding: 7px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		height: 22px;
	........................................................................*/
}
	/* Uncomment this if you are using text links instead of images......
		html>body #menu { height: 22px; }
		
		#menu a:link, #menu a:visited {
			color: #ffffff;
			text-decoration:none;
		}
		
		#menu a:active, #menu a:hover {
			color: #F7DC2F;
			text-decoration: none;
		}
	.........................................................................*/
	
	#menu ul {	
		padding: 0px;
		margin: 0px;
	}
	#menu ul li {
		display: inline;
	}
	#menu ul li img {
		display: block;
		float: left; 
	}
	
#body {
	width: 750px;
	background: url('../images/leftcolbg.gif') repeat-y;
}

#body_wrap {
	width: 750px;
	background: #ffffff;
}

#body_wrap1 {
	text-align: left;
	position: relative;
	float: left;
	width: 750px;
	padding: 5px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 740px;
}
* #body_wrap1 { margin-right: -3px }

#body1 {
	text-align: left;
	position: relative;
	float: left;
	width: 540px;
	padding: 5px 5px 5px 15px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 530px;
}
	html>body #body1b {
		width: 530px;
	}
* #body1 { margin-right: -3px }
	
#body2 {
	position: relative;
	float: left;
	width: 200px;
	text-align: left;
	padding: 5px;
	font-size: 90%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 190px;
}
	html>body #body2 { 
		width: 190px;
	}


#footer {
	height: 26px;
	color: #000000;
	background: url('../images/bottombg.gif') repeat-x;
	padding: 5px;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 16px; 
}
	html>body #footer {
		height: 16px;
	}