* {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #00378B; }
BODY { background-color: #FFFFFF; margin: 10px 0px 0px 0px;  background-image: url(../images/bg.gif);}

H1 { font-size: 14px; 
		 margin: 0px; 
		 line-height: 30px; 
		 background-color: #FFFFFF; 
		 background-image: url(../images/h1-bg.gif);
		}
		
H2 { font-size: 12px; color: #CC3300; margin: 0px; }
P { margin: 10px 0px 10px 0px;  }

TABLE.main_table { background-image: url(../images/table_main_bg.gif); background-repeat: no-repeat; }

TD.header { vertical-align: bottom; background-image: url(../images/head.gif); background-repeat: no-repeat; height: 110px; }
TD.left { vertical-align: top; background-image: url(../images/emptybg1.gif); background-repeat: no-repeat; background-position: bottom; }
TD.content { vertical-align: top; background-image: url(../images/txtbg0.gif); background-repeat: no-repeat; background-position: bottom; }
TD.footer { text-align: center; width: 680px; }

/* lijevi meni */
.left_meni { font-size:11px;
						color:#00388A;
						text-decoration:none;
						line-height:20px;
						display:block;
						margin:0px;
						padding-left: 16px;
						background-image: url(../images/meni/meni_bg.gif);
						background-repeat: no-repeat;
						}

						
.left_meni:hover { color: #00388A; 
									text-decoration: none; 
									line-height:20px;
									padding-left: 16px;
									font-size:11px;
									background-image: url(../images/meni/meni_akt_bg.gif);
									background-repeat: no-repeat;
								}

.left_meni_sel { font-size:11px;
							 color:#00388A;
							 text-decoration:none;
							 line-height:20px;
							 display:block;
							 margin:0px;
							 padding-left: 16px;
							 background-image: url(../images/meni/meni_akt_bg.gif);
							 background-repeat: no-repeat;
							 }
							 
.sub_meni { font-size:11px;
						color:#797E83;
						text-decoration:none;
						line-height:20px;
						display:block;
						margin:0px;
						padding-left: 26px;
						background-image: url(../images/meni/submeni_bg.gif);
						background-repeat: no-repeat;
						}

						
.sub_meni:hover { color: #797E83; 
									text-decoration: none; 
									line-height:20px;
									padding-left: 26px;
									font-size:11px;
									background-image: url(../images/meni/submeni_akt_bg.gif);
									background-repeat: no-repeat;
								}

.sub_meni_sel { font-size:11px;
							 color:#797E83;
							 text-decoration:none;
							 line-height:20px;
							 display:block;
							 margin:0px;
							 padding-left: 26px;
							 background-image: url(../images/meni/submeni_akt_bg.gif);
							 background-repeat: no-repeat;
							 }


a.boldbuttons{
background: transparent url('../images/roundedge-blue-left2.gif') no-repeat top left;
display: block;
float: right;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: #fff; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../images/roundedge-blue-right2.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
color:#FFF;
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: none;

}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
float:right;
text-align:right;
}