body {
margin: 20px 0 0 0;
padding:0;
font:small "Trebuchet MS" ,Sans-serif;
line-height:1.6em;
color:#333;
text-align: center;
background: #e7e7e7 url(images/udruga-branitelja.jpg) no-repeat center top;

}

#wrapper {
width: 920px;
margin: auto;
padding: 0;
text-align: left;
}

#header-title {
padding: 0 10px 10px 0;
text-align: right;
color: #000;
}

#header-title h1 {
font: 1.9em "Trebuchet MS", 'Times New Roman', sans-serif;
margin: 0;
padding: 0;
color: #000;
}

#header-title a {
border: none;
color: #990000;
}
#header-title a:hover {
color: #CC0000;
}

#left {
width: 215px;
float: left;
margin: 0;
padding: 0;
}

#left  ul {
list-style: square;
margin: 0 0 0 15px;
padding: 0;
}

#left  ul li {
margin: 10px 0 4px 10px;
}

#left  p {
margin: 5px 0 4px 4px;
}

#podloga {
margin: 0 0 12px 0;
padding: 0 0 0 7px;
background: #fff;
overflow: hidden;
}

#main {
width: 700px;
float: right;
}

#main-top {
margin:0 0 0 0;
padding: 7px 7px 0 7px;
width: 680px;
background: #fff;
overflow: hidden;
}

.lines {
margin: 0 0 6px 0;
padding: 0;
width: 680px;
height: 7px;
background: url("http://uddrzng-gospic.hr/images/dragovoljci.gif");
}

#left-box {
float: left;
width: 420px;
margin: 10px 8px 0 0;
}

#rotator {
width: 415px;
height: 184px;
margin: 0 0 1px 0;
display: block;
background: #efeff5;
padding:3px;
}

#right-box {
float: left;
width: 250px;
margin: 10px 0 0 0;
}

#news-box {
float: left;
width: 250px;
height: 184px;
margin: 0 0 1px 0;
display: block;
padding:3px;
}

#main-content { 
background: #fff url(http://uddrzng-gospic.hr/images/branitelji-gospic.gif) repeat-y; 
width: 680px; 
height: auto; 
overflow: auto; 
}

.date-header {
margin: 0 0 10px -12px;
padding: 0;
}

.date-header h4 {
font: 1em Verdana, sans-serif;
margin: 0;
padding: 0 10px 0 10px;
font-weight: bold;
}


#content { 
width: 465px; 
height: auto; 
float: left; 
margin: 20px 0px 10px 10px; 
color: #000; 
}

.entry-title {
margin: 0;
padding: 0;
}

.entry-title h2 {
margin: 0;
padding: 0;
color: #a83f08;
font: 18px 'Trebuchet MS', 'Century Gothic', Arial, Verdana, sans-serif;
}
.entry-title h2 a {
border: none;
color: #a83f08;
}
.entry-title h2 a:active {
border: none;
color: #a83f08;
}
.entry-title h2 a:visited{
border: none;
color: #a83f08;
}
.entry-title h2 a:hover {
border: none;
color: #bc521b;
}
.entry {
margin: 0 10px 10px 10px;
padding: 0;
}

.entry-info {
font-size:1em;
margin: -15px 0 10px 0;
padding: 1px 1px 1px 3px;
text-align: left;
width: 450px;
border:1px solid #e6e6ed;
}

.entry-entry {
border:1px solid #e6e6ed;
margin: 5px 0 10px 0;
padding: 1px 1px 1px 3px;
width: 450px;
}

.entry-kom {
margin: 2px 15px 5px 15px;
padding: 0;
position: relative;
}

.napisi {
margin: 2px 0 0 0;
padding: 1px 10px 1px 10px;
background: #a83f08;
color: #fff;
font-weight: bold;
border:1px solid #eee;
}

.komentar-tekst {
margin: 2px 0 0 0;
padding: 1px 10px 1px 10px;
background: #efeff5;
border:1px solid #eee;
}

input.button3 {
font: 10px Verdana, Arial, sans-serif;
background-color: #bc521b;
height: 20px;
margin: 5px 0 0 0;
width: 330px;
border: 1px solid #006699;
}


textarea.text, input.text {
font: 11px Verdana, Arial, sans-serif;
border: 1px solid #000;
}

textarea.text2, input.text2 {
font: 11px Verdana, Arial, sans-serif;
border: 1px solid #fff500;
padding: 2px
width: 250px;
height: 150px;
}

input.button {
font: 11px Verdana, Arial, sans-serif;
background: #173bb4;
color: #fff;
border: 1px solid #011864;
margin:5px 0 0 0;
}

.thumb {
padding: 2px;
border: 1px solid #cfcfcf;
margin: 0 0 8px 9px;
display: inline;
}


.detaljnije {
margin: 3px 0 6px 0;
padding:0;
text-align: right;
}

.links {
float: left;
margin: 0 0 0 0;
padding: 0;
width: 450px;
height: 100%;
}

.links {
width: 450px;
}

.links ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 90%;
}

.links li a {
display: block;
padding: 1px 0;
padding-left: 3px;
width: 447px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
}

* html .links li a{ /*IE only */
width: 450px; /*IE 5*/
w\idth: 447px; /*185px minus all left/right paddings and margins*/
}

.links ul {
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

.links li a {
color: #444;
border-bottom: 1px solid #eee;
}

.links li a:hover {
background-color: #eee;
}





.box { 
width: 180px; 
height: auto; 
float: right; 
margin: 20px 0 10px 0px; 
color: #000; 
}

.box-line {
background: url("http://uddrzng-gospic.hr/images/branitelji-hrvatske.gif") top left no-repeat;
margin: 20px 0 5px 0;
padding: 0 0 0 0;
width: 175px;
height: 5px;
}

.footer {
float: left;
margin: 0 0 10px 0;
width: 680px;
height: 33px;
line-height: 33px;
font-size: 13px;
color: #000;
background: url(http://uddrzng-gospic.hr/images/hrvatska-vojska.gif) top left no-repeat;
}

.footer p {
margin: 0;
}

#leftnav {
overflow: hidden;
width: 200px;
margin: 5px 0 0 0;
border: 0;
padding:0;
float: left;
text-align: left;
display: inline;
}

#leftnav ul { 
margin: 0 0 20px 0; 
padding: 0; 
border: 0; 
list-style: none; 
}

#leftnav ul li { 
text-align: left; 
margin: 0; 
font: normal 11px Verdana, Arial, sans; 
border-bottom: 1px solid #fff; 
}

#leftnav ul li a { 
width: 200px; 
display: block; 
margin: 0; 
color: #fff; 
padding: 5px 10px 5px 10px; 
text-decoration: none; 
background: #000066;
}

#leftnav ul li a:hover { 
color: #fff; 
background: #02027b; 
}
#leftnav ul li#under a { 
width: 200px; 
display: block; 
margin: 0; 
color: #2e2f33; 
padding: 5px 10px 5px 20px; 
text-decoration: none; 
background: #e6e6ed;
}

#leftnav ul li#under a:hover { 
color: #2e2f33; 
background: #efeff5; 
}

.clear {
clear: both;
margin:0;
*margin:0 0 8px 0;
padding:0;
height: 0.1px;
}

* html .clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
overflow:hidden;
}

.linkovi:link {
color: #444;
text-decoration: none;
}
.linkovi:visited {
color: #444;
text-decoration: none;
}
.linkovi:active {
color: #444;
}
.linkovi:hover {
color: #444;
text-decoration: none;
}


a:link {
color: #a83f08;
text-decoration: none;
}

a:visited {
color: #a83f08;
text-decoration: none;
}

a:active {
color: #a83f08;
}

a:hover {
color: #bc521b;
text-decoration: none;
}

.sivi:link {
color: #2e2f33;
text-decoration: none;
}
.sivi:visited {
color: #2e2f33;
text-decoration: none;
}
.sivi:active {
color: #2e2f33;
}
.sivi:hover {
color: #808289;
text-decoration: none;
}

.pollQuestion {
float: left;
width: 175px;
color: #000;
font-weight: bold;
font:small "Trebuchet MS" ,Sans-serif;
margin: 0 0 5px 0;
}

input.pollButton {
font:small "Trebuchet MS" ,Sans-serif;
background-color: #e6e6ed;
color: #000;
border: 1px double #000;
height: 19px;
margin: 5px 0 0 0;
width: 60px;
}


.pollResultAnswer {
color: #a83f08;
font:small "Trebuchet MS" ,Sans-serif;
}

.pollResultPercent {
color: #a83f08;
font:small "Trebuchet MS" ,Sans-serif;
}

.pollSelectedPercent {
color: #a83f08;
font:small "Trebuchet MS" ,Sans-serif;
}

.pollTotalVotes{
color: #000;
font:small "Trebuchet MS" ,Sans-serif;
margin: 0 0 8px 0;
}

.pollResultVotes {
color: #000;
font:small "Trebuchet MS" ,Sans-serif;
}

.pollSelectedVotes {
color: #f000;
font:small "Trebuchet MS" ,Sans-serif;
}

.pollBlock {
margin: 0;
padding: 0;
width: 175px;
}

.pollButtonBlock {
margin: 10px 0 0 0;
}

.pollResult {
border-bottom: 1px solid #eee;
padding: 5px 0 5px 0;
}

.calendarcol {
  float: left;
  width: 170px;
  font-family: "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  font-size: 90%;
  line-height: 1.0em;
  overflow:hidden;
  display: inline;
  }

.calendarBG {
width: 758px;
float: left;
}

.calendarBG-manji {
width: 170px;
float: left;
}

.calendarBG-srednji {
width: 170px;
float: left;
}

.calendarBlank { 
 background-color: #fff;
}

.calendarHeader { 
 font-family: "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
 font-size: 24px;
 font-weight: bold;
 color: #000; 
 height: 48px;
 text-align: center;
 background-color: #fff; 
 border: 1px solid #fff;
}

.calendarMonthLinks {
 font-family: "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
 font-size: 24px;
 font-weight: bold;
 color: #000; 
 height: 30px;
 text-align: center;
 background-color: #fff; 
 border: 1px solid #fff;
}

.calendarMonthLinks a {
 color:             #000;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #666;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #6BBB26;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-family: "Trebuchet MS", Tahoma, Verdana, Sans-serif;
 font-weight: bold; 
 font-size: 10px;
 color: #fff; 
 height: 25px;
 background-color: #000; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       "Trebuchet MS", Tahoma, Verdana, Sans-serif;
 font-size:         9px;
 font-weight:		normal;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color: #999;
 background-color: #FFF;
 overflow: hidden;
}

.calendarCell {
 width: 110px;
 height: 100px;
 font-family:       "Trebuchet MS", Tahoma, Verdana, Sans-serif;
 font-size:         9px;
 font-weight:		normal;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color:             #999;
 background-color:  #fff;
 overflow: hidden;
}

.daynumTOC,
.todayTOC {
	padding: 2px;
	margin-bottom: 2px;
	background: #CFE1ED;
	border-bottom: 1px solid #BDD4E6;
	text-align: left;
	}
	
.todayTOC { /* today's style */
	color: white;
	font-weight: bold;
	background: #E8E8E8;
	}
	
.titleTOC {
   color: #333300;
    width: 100px;
    padding-left: 10px;
    font-size: 1.0em;
    overflow: hidden;
    white-space: normal;
	}
	
.titleTOC:hover {
	color: #6BBB26;
	}

.calendarCell a {
 color:             #333300;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #999;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #6BBB26;
 text-decoration:   none;
 background-color:  transparent;
}




.calendarHeader-manji { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #000; 
}

.calendarMonthLinks-manji {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks-manji a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks-manji a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks-manji a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading-manji {
 font-weight: bold; 
 font-size:	11px;
 color: #000; 
 background-color: #EEEEEE; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday-manji { 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#eeeeee;
}

.calendarCell-manji {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell-manji a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell-manji a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell-manji a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.trazilica {
width: 175px;
height: 16px;
border: 1px solid #e9e9e9;
margin: 0;
padding: 0 0 0 0;
font: 10px "Trebuchet MS" ,Sans-serif;
}