/* CSS Document */

/** Global reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 

html, body {
	height: 100%; /*min-weight fix*/
}


/* da prisilim Firefox, da naredi vertical scroll
/* hide from IE mac \*/
html {
    min-height: 100%;
    margin-bottom: 1px;
}
/* end hiding from IE5 mac */


img {
	border: none;
	float:left; /* IE6 fix */
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #DAD5B0;
}

.clearer {
	clear: left; 
	line-height: 0; 
	height: 0;
}


/* - Page render - */
#pageWrapper {
	margin-left:auto;
	margin-right:auto;
	display:block;
	min-height: 95%;

	width:790px;
	background:repeat-y  url(pageContentBack.gif);
}


#pageBottom {
	display:block;
	float:none;
	margin-left: auto;
	margin-right: auto;
	
	width: 790px;
	height: 16px;
	
	background: no-repeat url(pageBorderBottom.gif);
}

/* Header */
#headerWrapper {
	display: block;
	float: left;
}

#pageHeaderBorderLeft {
	display:block;
	float: left;
	
	width: 12px;
	height: 128px;
	
	background: repeat-y url(headerBorderLeft.gif);
}


#pageHeaderBorderRight {
	display:block;
	float: left;

	width: 12px;
	height: 128px;
	
	background: repeat-y url(headerBorderRight.gif);
}

#headerLogo {
	display:block;
	float:left;
	
	width: 102px;
	height: 128px;
}

#headerBack {
	display:block;
	float:left;
	width: 664px;
	height:128px;
	background: repeat-x url(headerBack.gif);
}

#headerTitle {
	display:block;
	float:left;
	
	width: 	531px;
	height:	55px;
	margin-top: 17px;
	margin-left: 10px;
	background: no-repeat url(headerTitle.gif);
}

#headerQuickLinksWrapper {
	display: block;
	float: right;
	height: 32px;
	margin-top: 24px;
	width: 400px;
}

#headerQuickLinksWrapper ul {
	list-style-type:none;
	float:right;
}

#headerQuickLinksWrapper li {
	float: left;
}

#headerQuickLinksWrapper img{
	border: none;
}


/* Banner */
#bannerWrapper {
	display:block;
	float:left;
}

#bannerBorderLeft {
	display:block;
	float:left;
	
	height: 90px;
	width: 7px;
	
	background: repeat-y url(bannerBorderLeft.gif);
}

#bannerContent {
	display:block;
	float:left;
	background-color:#000066;
	width: 776px;
	height: 90px;
	
}

#bannerBorderRight {
	display:block;
	float:left;
	
	height: 90px;
	width: 7px;
	
	background: repeat-y url(bannerBorderRight.gif);
}

/* Content */
#pageContentWrapper {
	display:block;
float:none;
margin-left:auto;
margin-right:auto;

	width: 776px;
}


/* Menu - menuWrapper */
#menuWrapper {
	display:block;
	float:left;
	width:165px;
}


#menuWrapper ul {
	list-style-type: none;
	margin-left: 0px;
	margin-top: 5px;
}

#menuWrapper ul li ul {
	margin-left: 0;
	margin-top: 0;
}

#menuWrapper ul li {
	display: block;
	float: left;
	width: 165px;
}

#menuWrapper a {
	text-decoration:none;
	color: #FFFFFF;
}

#menuWrapper a:hover {
	text-decoration: underline;
}



#menuWrapper ul li a {
	display: block;
	float: left;
	
	width: 145px;

	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}


#menuWrapper .menu-parent,
#menuWrapper .menu-current {
	background: repeat-y url(menuActivateBack.gif);
}


#menuWrapper ul li ul li a {
	background: repeat-y url(menuActivateSubBack.gif);
}


#menuWrapper ul li ul li.menu-current {
	display:block;
	background: repeat-y url(menuActivateSubBack.gif);
}

#menuWrapper ul li ul li.menu-current a {
	background: no-repeat url(menuBullet.gif);
	background-position: 10px 5px;
}

#menuWrapper ul ul li a {
	display: block;
	float: left;
	
	width: 135px;
	padding: 2px;
	padding-left: 20px;
	padding-right: 10px;
	background: none;
}



/* Page Txt Content */
#pageTxtWrapper {
	display:block;
	float:left;
	margin:0;
	width:406px;
	padding: 20px;
}

#pageTxtWrapper h1 {
	font-size:16px;
	color: #897447;
	margin-bottom: 10px;
}


#pageTxtWrapper h2 {
	font-size:14px;
	color: #897447;
	margin-bottom: 4px;
}

#pageTxtWrapper p {
	font-size: 12px;
	text-align:justify;
	line-height: 18px;
	margin-bottom: 20px;
}

#pageTxtWrapper a {
	text-decoration:none;
	color:  #9b8557;
}



#pageTxtWrapper a:hover {
	text-decoration: underline;
}


#pageTxtWrapper img {
	display: block;
	float: right;
	margin-top: 2px;
	margin-left: 20px;
	margin-bottom: 10px;
	border: solid 1px #000000;
}


#pageTxtWrapper table {
	display: block;
	float: left;
}


#pageTxtWrapper .galleryThumb {
	text-align:center;
}

/* News within Content */
#pageTxtWrapper .post_title, .post_date { border-bottom: 1px solid #DDDDDD; }
#pageTxtWrapper .post_title { font-weight: bold; font-size: 12px; color: #000000; }
#pageTxtWrapper .post_date { text-align: right; font-weight: bold; }
#pageTxtWrapper .post_short { text-align: justify; padding-bottom: 5px; }

/* Sponzorji - Content */

#pageTxtWrapper .sponzorjiWrapper {
text-align:center;
}

#pageTxtWrapper .sponzorjiWrapper img {
margin:0;
border:0;
padding:0;
float:none;
margin-left:auto;
margin-right:auto;
display:block;
}

/* News */
#newsWrapper {
	display:block;
	float:left;
	
	width: 165px;
	background: repeat-y url(newsBack.gif);
}

#newsWrapper .newsTop {
	display:block;
	float:left;
	
	width: 160px;
	padding-left: 5px;
	height: 28px;
	
	background: repeat-y url(newsTopBack.gif);

	line-height: 28px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	margin-bottom: 7px;
}


#newsWrapper .newsContent {
	padding: 10px;
	color: #FFFFFF;
}

#newsWrapper .newsContent h1 {
	font-size: 12px;
}

#newsWrapper .newsContent p {
	margin-bottom: 10px;
}

#newsWrapper .newsContent a {
	text-decoration:none;
	color: #FFFFFF;
}

#newsWrapper .newsContent a:hover {
	text-decoration: underline;
}

#newsWrapper .newsContent .newsDate {
	text-align: right;
	margin-bottom: 15px;
	color: #BED7E8;
	font-size:10px;
}

/* Live Contact */ 
#liveContactWrapper {
	display: block;
	float: left;
	
	text-align: left;
	height:30px;
}

#liveContactWrapper .liveContact {
	display: block;
	float:left;
	margin-right: 10px;
	margin-left: 10px;
}


/* Image Gallery */
#imageGallery {
	float: left;
	display:block;/*TOLE*/
	width: 408px;
	margin-left: -1px;
	margin-right: -1px;
}

#imageGallery .imageWrapper {
	display: block;
	width: 136px;
	height: 136px;
	margin-bottom: 10px;
	float: left;
}

#imageGallery .imageWrapper a {
	display: block;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 10px;
	
	text-align: center;
}

#imageGallery div.imageThumb {
	display:block;
	float: none;

	width:136px;
	height:108px;

	background: no-repeat url(slideBack.gif);
	
    display: table-cell;
    vertical-align: middle;
}

#imageGallery img { /* Reset Image Prop */
	display: block;
	float: none;
	margin:0;
	padding:0;
	
	border: solid 1px #000000;
	
	margin-left: auto;
	margin-right:auto;
}


#imageGallery div.imageThumb img {
    margin-top: expression((100 - this.height)/2);
}

	
#imageGallery h1 {
	display: block;
	width: 406px;
	float:none;
	margin-left: auto;
	margin-right:auto;

	text-align:center;
}


#imageGallery p {
	display: block;
	width: 382px;
	float: none;
	padding: 10px;
	margin-left: auto;
	margin-right:auto;
	text-align:center;
}

#imageGalleryNav{
	display:block;
	float:none;
	width: 246px;
	border: 1px dotted #999999;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	background-color: #eaeaea;
}

#imageGalleryNav .navigationWrapper {
	width:232px; 
	
	display: block; 
	float: none; 
	margin-left:auto; 
	margin-right:auto;
	
	padding: 5px;
}

#imageGalleryNav .navPrev {
	float: left;
	width:81px; 
	text-align:right; 
	padding-right:5px;
	display: block;
}

#imageGalleryNav .navOf {	
	float: left;
	width:60px; 
	text-align:center;
	display: block;

	background-color: #000000;
	color: #FFFFFF;
}

#imageGalleryNav .navNext {
	float: left;
	display: block;
	width:81px; 
	text-align:left; 
	padding-left:5px;
}

#imageGalleryNav .navUp {
	padding-top: 5px;
	text-align:center;
	width:230px;
	float:none;
	margin-left:auto;
	margin-right:auto;
}




/* Page Info */
#pageInfo {
	margin-left:auto;
	margin-right:auto;
	float: none;
	display: block;
	
	width: 780px;
	height: 20px;

	line-height:20px;
	
	color: #99957D;
	font-size: 10px;
	text-align: right;
}