body {
	margin: 0px;
	padding: 0px;
/*	background-color: #66aaff; */
	background-image: url('source/bgr.gif');
	text-align: center;
}

a img {
	border: 0px;
	text-decoration: none;
	margin-right: 10px;
	float: right;
}

#main div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-left: 20px;
}

div.center {
	text-align: center;
}

div#main p.center {
	text-align: center;	
}

div.center a, div#main a {
	color: Blue;
}

div.center a:hover, div#main a:hover {
	color: Maroon;
}

h1 {
	padding: 0px;
	margin: 0px;
	margin-top: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	width: 100%;
	text-align: left;
/*	border-top: 2px solid #dddd00; */
	border-bottom: 1px solid #bbbb00;
	background-color: Yellow;
	background-image: url('source/bgrhead.gif');
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 27px;
	text-indent: 50px;
}

h1:first-letter {
	font-size: 150%;
}

h2 {
	margin: 0px;
	margin-top: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-indent: 20px;
	color: Maroon;
}

em {
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	color: Blue;
}

div#all {
	margin: 0em auto;
	text-align: left;
	width: 950px;
	padding: 1em;
	padding-top: 0.5em;
	overflow: auto;
	background-image: url('source/bgrtop.jpg');
	background-repeat: no-repeat;
	background-color: #fadfa6;
	border-left: 1px solid Orange;
	border-right: 1px solid Orange;
}

div#header {
	padding: 0px;
	width: 500px;
	margin-left: -3px;
/*	margin: 1em auto 0em auto; */
/*	background-color: orange; */
	color: white;
	text-align: left;
	background-image: url('pics/top.gif');
	background-repeat: no-repeat;
	height: 176px;
}

div#mainborder {
	width: 500px;
	text-align: left;
/*	margin: 1em auto; */
	float: right;
}

div#right {
	float: right;
	width: 200px;
	height: 400px;
}

div#leftborder {
	margin: 0px;
	padding: 2px;
	margin-left: 1px;
	border: 1px solid Navy; 
/*	background-color: #FFA500; */
	background-color: #F2AB59;
	float: left;
	width: 484px;
	border-width: 0px 3px 0px 3px;
/*	border-color: black; */
	border-color: Black;
	border-style: solid;	
}

div#main {
	width: auto;
	margin: 0px auto;
	width: 100%;
	min-height: 340px;
	float: right;
}

div#main div#menu {
	padding: 10px;
	margin: 0px;
	margin-top: 10px;
	width: 464px;
/*	border: 1px solid Navy;	 */
	border-bottom: 1px solid Maroon;
	border-top: 1px solid Maroon;
	text-align: center;	
	background-color: #fadfa6;
}

div#main div#menu em {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 0px 5px;
	margin: 0px 0px 0px -5px;
	border-left: 1px solid Maroon;
	border-right: 1px solid Maroon;
	text-decoration: none;
	color: Maroon;
	font-weight: bold;
}

div#main div#menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0px 5px;
	margin: 0px 0px 0px -5px;
	border-left: 1px solid Maroon;
	border-right: 1px solid Maroon;
	text-decoration: none;
	color: Black;
	font-weight: bold;
}

div#main div#menu a:hover {
	color: White;
	background-color: Maroon;
}

div#main div.gallery {
	padding: 0px;
	width: auto;
	margin-top: 10px;
	text-align: center;
}

div#main div.gallery h2 {
	padding: 0px;
	margin: 0px;
	color: Blue;
	text-indent: 0px;
	color: Black;
	margin-top: 3px;
	margin-bottom: 5px;
	width: 100%;
	font-size: 0.8em;
}

div#main div.gallery a img{
	margin: 0px;
	padding: 0px;
	margin: 5px;
	border: 1px solid White;
	border-bottom-color: Maroon;
	border-right-color: Maroon;
	float: none;
}

div#main p {
	margin: 0px;
	padding: 0.5em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: justify;
	text-indent: 1em;
}

div#main ul.normal, ol {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 0.8em;	
	list-style: disc;	
}

div#main ul.normal li, ol li {
	list-style: disc;
	margin-left: 40px;
}

ol li {
	font-family: Arial, Helvetica, sans-serif;
	list-style: decimal;
}

div#main ul.list {
	padding: 0px;
	margin: 0px;
	margin-top: 0.5em;
	padding-left: 3em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 0.8em;
	list-style: none;
}

div#main ul.list li {
	background-image: url('source/li.gif');
	background-repeat: no-repeat;
	padding-left: 1.5em;
}

div#main ul#pozadi2 {
	background-image: url('source/p2.gif');
	background-position: right top;
	background-repeat: no-repeat;
	width: 90%;
}

div#main ul#pozadi4 {
	background-image: url('source/p4.gif');
	background-position: right top;
	background-repeat: no-repeat;
	width: 90%;
}

div#main ul#vsh {
	background-image: url('pics/vsh.jpg');
	background-position: right top;
	background-repeat: no-repeat;
	width: 90%;
}

div#main ul#pom {
	background-image: url('pics/pom.jpg');
	background-position: right top;
	background-repeat: no-repeat;
	width: 90%;
}

div#pomfooter {
	width: 100%;
	clear:both;
}

div#whatsup {
	margin: 0;
	margin-top: 165px;
	margin-right: 5px;
	margin-left: 10px;
	border: 1px solid White;
	border-bottom-color: Maroon;
	border-right-color: Maroon;
	background-color: #F2AB59;
	float: right;
	width: 200px;
	height: 400px;
}

div#whatsup p {
	margin: 0px;
	padding: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: left;
}

div#whatsup p a {
	color: blue;
}

div#whatsup p a:hover {
	color: Maroon;
}

div#whatsup div.wheader {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.6em;
	text-align: center;
	line-height: 20px;
	background-color: #F2AB59;
	background-image: url('source/wheadbgr.jpg');	
	background-repeat: repeat-x;
/*	border-bottom: 1px solid Black;	*/
	color: Black;
}

div#menuborder {
	margin: 0px;
	padding: 0px;
	margin-top: 165px;
	margin-left: 5px;
/*	margin-top: 0.5em; */
/* margin-left: 50px; */
	border: 1px solid White;
	border-bottom-color: Black;
	border-right-color: Black;
	width: 200px;
	float: left;
	position: relative;
}

div#menuborder div.mheader {
	width: 198px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.6em;
	text-align: center;
	line-height: 20px;
	background-color: Yellow;
	background-image: url('source/mheadbgr.jpg');
	background-repeat: repeat-x;
	color: Black;
	margin: 0px auto;
}

ul.submenu {
	margin: 0px;
	padding: 0px;
	background-color: Yellow;
	padding-top: 10px;
	list-style: none;
/*	border: 1px solid Navy; */
}

ul.submenu li a {
	margin: 0px;
	margin-left: 20px;
	margin-top: 3px;
	line-height: 2.1em;
	padding-left: 5px;
	height: 27px;
	width: 160px;
	background-repeat: no-repeat;
	font-family: Comic Sans MS, Arial;
	font-weight: bold;
	font-size: 0.7em;
	text-decoration: none;
	text-align: left;
	color: Black;
	display: block;
/*	border: 1px solid Navy; */
}

ul.submenu li a:hover {
	color: White;
}

ul.submenu li a#p1 {
	background-image: url('source/pen1.gif');
	background-position: left top;
}

ul.submenu li a#p1:hover {
	background-position: 0 -27px;
}

ul.submenu li a#p2 {
	background-image: url('source/pen2.gif');
	background-position: left top;
}

ul.submenu li a#p2:hover {
	background-position: 0 -27px;
}

ul.submenu li a#p3 {
	background-image: url('source/pen3.gif');
	background-position: left top;
}

ul.submenu li a#p3:hover {
	background-position: 0 -27px;
}

ul.submenu li a#p4 {
	background-image: url('source/pen4.gif');
	background-position: left top;
}

ul.submenu li a#p4:hover {
	background-position: 0 -27px;
}

ul.submenu li a#p5 {
	background-image: url('source/pen5.gif');
	background-position: left top;
}

ul.submenu li a#p5:hover {
	background-position: 0 -27px;
}

ul.submenu li a#p6 {
	background-image: url('source/pen6.gif');
	background-position: left top;
}

ul.submenu li a#p6:hover {
	background-position: 0 -27px;
}

ul.submenu li a#p7 {
	background-image: url('source/pen7.gif');
	background-position: left top;
}

ul.submenu li a#p7:hover {
	background-position: 0 -27px;
}

ul.submenu li a#p8 {
	background-image: url('source/pen8.gif');
	background-position: left top;
}

ul.submenu li a#p8:hover {
	background-position: 0 -27px;
}

ul.submenu li a#p9 {
	background-image: url('source/pen9.gif');
	background-position: left top;
}

ul.submenu li a#p9:hover {
	background-position: 0 -27px;
}

ul.submenu li a.ref {
	margin: 0px;
	margin-left: 20px;
	line-height: normal;
	padding-left: 3px;
	height: auto;
	width: 160px;
	background-repeat: no-repeat;
	font-family: Comic Sans MS, Arial;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	color: Black;
	display: block;
}

ul.submenu li a.ref:hover {
	color: blue;
}
	

div#mbott {
	background-image: url('source/mbott.gif');
	background-repeat: no-repeat;
	background-position: left top;	
	margin: 0px;
	width: 200px;	
	height: 10px;	
}

div#mainfooter {
	padding: 0px;
/*	margin-left: 3px; */
/*	width: 700px; */
	clear: both;
/* background-color: #FFA500; */
	color: white;
	background-image: url(pics/bott.gif);
	background-repeat: no-repeat;
	height: 60px;	
	clear: both;
}

table {
	margin: 1em auto;
	width: 85%;
	border-collapse: collapse;	
	border-top: 1px solid #dddd00;
	border-left: 1px solid #dddd00;
	border-bottom: 1px solid Black;
	border-right: 1px solid Black;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

td.time {
	background-color: Gold;
	border-bottom: 1px solid Grey;	
	border-right: 1px solid Black;
	vertical-align: top;
	width: 8em;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;	
	vertical-align: middle;
}

td.day {
	vertical-align: middle;
	border-bottom: 1px solid Black;
	border-right: 1px solid Black;	
	width: 6em;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	color: White;
	background-color: Maroon;
	line-height: 0.8em;
}

td.what {
	font-size: 0.9em;	
	border-bottom: 1px solid Maroon;
	padding-left: 5px;
	background-color: #FFe550;
}

div#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	margin: 0px auto;
	padding: 0px;
	width: 982px;
	height: 38px;
	color: Maroon;
	clear: both;
/*	background-image: url('source/bgrbott.jpg'); */
	background-repeat: no-repeat;
	border-left: 1px solid #F2AB59;
	border-right: 1px solid #F2AB59;
	background-color: #F2AB59;	
	line-height: 40px;
}

div#footer * {
	margin: 0px;
	padding: 0px;
}

div#footer div.left {
	float: left;
	width: 160px;
	border-right: 1px solid #FFD530;
}

div#footer div.right {
	float: right;
	width: 220px;
	border-left: 1px solid #FFD530;
	margin-right: 10px;
}

div#footer div.right a img {
	border-top: 4px solid #F2AB59;
}

div#footer div.left a img {
	border-top: 5px solid #F2AB59;
	margin-right: 10px;
}

table#spon {
	margin: 10px auto;
	border: 0px;
	width: auto;
}

div#author {
	margin: 3px auto;
	border: 0px;
	clear: both;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div#author a {
	color: Black;
	text-decoration: none;
}

div#author a:hover {
	text-decoration: underline;
}
