/* Layout Stylesheet */ 

body {
	margin: 20px;
	background: #bfc0c2;
	color: #333333;
	text-align: center;
	padding: 0;
	background-image: url("background.jpg")/*tpa=http://kompetence.uni-mb.si/1_posvet/background.jpg*/;
	background-repeat: repeat-x;
}

#outer {
 text-align:left;
 border:1px solid #000000;
 width:750px;
 margin:auto;
 }

#hdr {
	height: 80px;
	background: #eeeeee;
	color: #333333;
}

#bar {
	padding: 5px;
	height: 40px;
	background: orange;
	color: #333333;
	border: solid #000000;
	border-width: 1px 0 1px 0;
	background-repeat: repeat-x;
	text-align: center;
}

#bodyblock {
	position: relative;
	background: #dcdcdc;
	color: #333333;
	width: 750px;
}


#cont {
	width: 583px;
	height:2400px;
	background: #ffffff;
	color: #333333;
	border: solid #000000;
	border-width: 0 0 0 1px;
	text-align: left;
	padding: 10px;
}

#ftr {
 height:35px;
 background:#c0c0c0;
 color: #333333;
 border:solid black;
 border-width:1px 0 0 0;
 margin:0;
 }
 
 
.urbangreymenu{
float: left;
width: 145px; /*width of menu*/
}

.urbangreymenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0;
	text-align: left;
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}