BODY {background-color: #f0f0ff; color: #000000}

/*body 
{ 
background-color: #8080ff;
font-size: 10pt;
font-family: Arial;
color: #FFFFFF;
scrollbar-face-color: #ff00ff;
scrollbar-highlight-color: #d4e7f5;
scrollbar-dlight-color: #0;
scrollbar-darkshadow-color: #fce1c4;
scrollbar-shadow-color: #00aaff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #8080ff;}
*/

H1, H2, H3, H4, H5, H6
	{font-family: serif}
H1, H3
	{text-align: center; color: #000070}
H2, H4, H5, H6
	{text-align: left; color: #0000a0}
H2, H4
	{font-size: 22pt}
H3	{font-size: 18pt}
H5	{font-size: 14pt; vertical-align: bottom}
H6	{font-size: 12pt; margin-left: 5%; font-weight: normal; font-family: serif; line-height: 0%}
H1	{font-size: 26pt}
H2 	{margin-left: 15%}
H3 	{margin-left: 10%}
H4 	{margin-left: 5%}

.blink    {text-decoration: blink; color: #009000; font-style: italic; font-weight: bold}
.centre   {text-align: center}

A:link, A:visited	{color: blue; font-size: 12pt;  font-family: serif; text-decoration:none}
A:hover			{color: red; font-size: 12pt; font-family: serif; font-variant: small-caps}
A:active  		{color: lime; font-size: 13pt; font-family: serif}

P		{text-indent: 3%; text-align: justify; font-size: 12pt; font-family: sans-serif; margin: 1em}
P.vrh		{text-align: left; text-indent: 0em}
P.napomena	{text-align: center; font-weight: bold; font-style:italic}
P.optimized	{text-indent: 0em; text-align: center; font-family: monospace}

IMG		{border-width: 0em}
IMG.overlap	{position: absolute; top: 200px; left: 450px}

OL		{list-style-type: decimal}
OL OL		{list-style-type: lower-roman}
UL		{list-style-type: square}

TABLE		{border-width: 0em}

TD		{vertical-align: top}
TD.link		{width:190px; height:220px; text-align:center; vertical-align: top; background-color: #3030aa}
TD.link A	{color: #eeee00; font-weight:bold;  background-color: #3030aa}
TD.main		{background-color: #f4f4f4; width: 804px; color: #000000}

DIV		{height: 550px; overflow:auto}