html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, a {
margin: 0;
padding: 0;
border: 0;
}

body {
	background: White;
	color: Blue;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}

#main {
	padding: 2% 4% 2% 4%;	
} 

/* vrh, dno i zakrivljenja */
#topContent, #bottomContent, .curves {
	background: Navy;
	color: white;
	border: none;
}

/* zakrivljenja */
.curves {
	height: 1px;
}
.curve1 {
	margin: 0px 5px 0px 5px;
}

.curve2 {
	margin: 0px 3px 0px 3px;
}

.curve3 {
	margin: 0px 2px 0px 2px;
}

.curve4 {
	margin: 0px 1px 0px 1px;
	height: 2px;
}

#topContent {
	padding: 2%;
	font-size: 150%;
	text-align: center;
}

#bottomContent {
	padding: 1% 3% 1% 3%;
	font-size: 80%;
	text-align: center;
}


#middle, #leftCol {
	overflow: hidden;
}

#leftCol, #rightCol {
	width: 20%;
}

/* lijeva kolumna koja sadrzi menu */
#leftCol {
	float: left;	
}

#menu {
	list-style: none;
}

#menu li, #menu li a {
	padding: 3px;
}

#menu li {
	text-align: center;
	font-size: 120%;
}

#menu li a {
	text-decoration: none;
	border: none;
}

#menu li a:hover {
	font-weight: bold;
}

#menu li a.active {
	color: navy;
	font-weight: bold;
}

#menu li a:visited {
	color: blue;
}

/* srednja kolumna sa sadrzajem */
#middleCol {
	float: left;
	width: 50%
}

#middleCol.content {
	padding: 4px;
	margin: 10px 4px 5px 4px;
}

/* desna kolumna sa slicicama, linkovima*/
#rightCol {
	float: right;
	text-align: center;
}

#rightCol p {
	text-align: center;
	padding: 5px 2px 5px 2px;
	border-top: solid 1px blue;
	width: 80%;
}

.backToTop {
	padding: 5px 5px 5px 5px;
	font-size: 60%;
}

#validators {
	margin-top: 30%;
	text-align: center;
}

.content {
	color: Black;
}

.content a {
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;	
}

#contact {
	list-style: none;
	text-indent: 40px;
}

#errorMessage {
	color: Red;
}