/* border:nones are for NN4 */
html { margin: 0px; padding: 0px; }
	
body {
	background-image:url(../images/gradientback.jpg);
	background-repeat: repeat-x;
	font:  normal 11px Aerdana;
 	padding: 0px;
	margin: 0 auto;	
	text-align: center;
}

div { 
	margin: 0px;
	padding: 0px;
}

p {
	padding: 0px; 
	margin: 0px;
}

h1 {
	font: bold 14px Arial;
	padding-top: 12px;
	padding-left: 12px;
	padding-bottom: 4px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */

/*/*/ .clear { display: none; } /* */
/* box-wrap is only needed if you want to set a background color for the columns, put a border round the content block or fix the content width */

.box-wrap {
	color : #000000;
	background: transparent;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
	
.box-header {
	color: #000000;
	background: #996699;
	background-image: url(../images/header.jpg);
	height: 180px;
	margin: 0px;
	border: none;
}

h1 { 
	margin: 0px; 
}

h2 {
	font-size: 1.2em;
	color: #FFFFFF;
	background: url(../images/horizgradienth2.gif) repeat-y;
	margin: 0px 0px 0.25em 0px;
	padding: 0.25em;
	text-align: left;
} 

.box-footer	{
	padding: 0.5em;
	clear: both;
	font: normal 10px Arial;
	height: 15px;
	border-top: dotted 2px;
	text-decoration: none;
}



/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */

.columns-float {
	float: left;
	width: 730px;
}

.column-one {
	float: right;
	width: 579px;
}


/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
.column-two { margin-right: 579px; }
.column-three {margin-left: 730px;}

/* CONTENT */
.column-one-content {
	padding: 5px;
	border: solid 1px;
	border-bottom: 0px;
	border-top: none;
	color: #000000;
	font: normal 12px Arial;
	text-align: left;
	min-height: 640px;
}

/* NAVIGATOR */
.column-two-content	{
	padding: 0px;
	color: #000000;
	border: 1px;
	font: normal 12px Arial;
	border-left: solid 1px;
}

/* BANNER */
.column-three-content {
	padding: 0px;
	border-right: 1px;
	color: #000000;
	font: normal 11px Arial;
	
}



.column-one-content { background: #FFFFFF; }
.column-two-content { background: #CCCCCC; }
.column-three-content { background: #999999; }
/* VERTICAL PADDING ABOVE COLUMNS */
.box-header
	{ margin-bottom: 0px; }
.column_padding_after
	{
	height:0px;
	font-size: 1px;
	line-height: 0px;
	clear: both;
	}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/

.box-wrap, .columns-float, .column-one, .column-two, .column-three, h2 { 
 	position: relative; 
}

/* */


/* NAVIGATION BAR CSS STYLES */
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 0px solid #ccc;
	}
	
ul li {
	position: relative;
	border: solid 0px;	
	}
	
li ul {
	position: absolute;
	left: 150px; /* Set 1px less than menu width */
	top: -1px;
	background:#99CC66;
	display: none;
	border: solid 1px;
	border-bottom: none;
	
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background: #CC6600; 	/* IE6 Bug */
	height: 14px;
	background:url(../images/gradient1.jpg) repeat-x;
	padding: 5px;
	border: 0px solid #ccc; /* IE6 Bug */
	text-align: left;
	}

ul:hover li:hover a:hover{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background: #CC6600; 	/* IE6 Bug - OPET */
	background:url(../images/gradient2.jpg) repeat-x;
	padding: 5px;
	border: 0px solid #ccc; /* IE6 Bug */
	font-weight: bold;
	}
	
/* Holly Hack. IE Requirement, prokleto smece \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; } /* The magic */
/* END NAVIGATION BAR STYLES */


/* klasa za pozicionirat strelicu na menu iteme koji imaju submenu */
#arrowdiv {
	position: absolute;
	height:8px;
	width:8px;
	background:url(../images/arrow.gif) no-repeat center;
	float: right;
	left: 140px;
	bottom: 8px;
}

/* KLUBOVI AREA */

img.klubovi {
	border: none;
	margin-left: auto;
	margin-right: auto;
}

img.fullwidth {
	border: solid 1px;
	margin-left: auto;
	margin-right: auto;
	border-color: black;
}

p.klubovi {
	font:  bold 12px Arial;
	color: black;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 0px;
}

/* BANNERI TATRANE */

.sponzori {
	margin: 0px;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	background-image: url(../images/gradient3.jpg);
	color: white;
	font:  normal 12px Arial;
}

.sponzorilink {
	margin: 0px;
	border-top: none;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #000000;
	display: block;
	color: black;
}



/* DROPSHADOW za divove */

.blur {
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 8px;
	margin-top: 8px;
	width: 23.5%;
	float: left;
	text-align: center;
}

.shadow,
.content {
	position: relative;
	bottom: 2px;
	right: 2px;
	text-decoration: none;
}

.content:hover {
	position: relative;
	bottom: 2px;
	right: 2px;
	background-color: #DA2129;
}

.shadow {
	background-color: #666; /*shadow color*/
	color: inherit;
}

.content {
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: .5em 2ex;
}

/* POLL DESIGN */

/* VOTE POLL BOX */
div.voterbox {
	height: auto;
	margin: 0px;
	padding: 5px;
	background-color: #e8e8e4;
	font: normal 12px Arial;
	border: solid 1px;
	border-top: none;
	text-align: left;
}

div.voterboxtitles {
	height: auto;
	margin: 0px;
	padding: 3px;
	background-color: #CC6633;
	font: normal 12px Arial;
	border: solid 1px;
	text-align: left;
	border-top: none;
}