﻿html
{
    height: 100%;
    margin: 0;
    padding: 0;
}
body
{
    height: 100%;
    margin: 0;
    padding: 0;
}
#container-border
{
    background-color:#f9f6db;
    position: relative;
    /*overflow: hidden; */
	height: auto!important;
	min-height:95%;
	height:95%;
    width: 776px;
    margin: 0 auto;
    padding: 0;
}
#header
{
    border-bottom: solid 1px #9798B4;
    background: url(../img/header.jpg) no-repeat 0px center;
    width:776px;
    height:239px;
    padding: 0;
    margin: 0;
    text-align:right;
}
#menu-bar
{
    float: right;
    border: none;
    width: 300px;
    margin: 0 0 0 0;
}
#leftContainer
{
    float: left;
    display: inline;
    margin-left: 5px;
    width: 150px;
    font-size: 10px;
}

#content
{
    float: right;
    display:inline;
    /*margin-right: 5px;*/
   /*width: 560px;*/
}
#content h1
{
    color:#800000;
    font-size: 12px;
    padding-top:10px;
    padding-left:200px;
}
#footer
{
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 760px;
    height: 4%;
	position:relative;
    font-size: 10px;
    text-align:center;
}
#mycontainer
{
	background-color:#f9f6db;
}
/************************* menu drop down *******************************************/
#nav li a{ /* dodao dizajn */
	text-align:center;
	background-color: #0055e5;
	color:#ffffff;/*bijela*/
}
#nav li a{ /* svi linkovi */
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: auto;
	width: 140px;
	padding: 3px 0;
	padding-left: 10px;
	text-decoration: none;
	border-right: solid 1px #000000;
	border-left: solid 1px #ffffff;
}
#nav li a:hover{
	background-color: #0055e5;
	color:#ffffff;
}	
/********* dodao dizajn ***********/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	color:#000000;
}
#nav a {
	display: block;
	width: 10em;
	width: 140px;
}
#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	width: 140px;
}
#nav li ul a{ /* second-level lists, link */
	color:#000000;
	background-color: #F2F4F3;
	text-align:Left;
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: #F2F4F3;
	width: 10em;
	width: 140px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	border-left: solid 1px #000000;
	border-bottom: solid 1px #000000;
}
#nav ul { /* second-level lists */
	position: absolute;
	
	width: 10em;
	width: 140px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

