body
{
	font-family: Arial, Helvetica, sans-serif;
	background: #ECD9FF url(../gfx/slobodna-skola-background.png) repeat;
	line-height: 1.3;	
	margin: 0px;
	padding: 0px;
}
a
{
	color: #400080;
	text-decoration: none;
}
a:link
{
	color: #400080;
	text-decoration: none;
}
a:visited
{
	color: #400080;
	text-decoration: none;
}
a:hover
{
	color: #400080;
	text-decoration: underline;
}
h1
{
 font-size: 20px;
 font-weight:bold;
 color: #000000;
 margin: 0px 0px 15px 0px;
 padding: 0px;
}
h2
{
 font-size: 14px;
 font-weight: bold;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

/***********************************************/
/* Layout DIVs                                 */
/***********************************************/

#mainWrapper
{
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	width: 970px;
	background-color: #FFFFFF;
	overflow: auto;
}
#masthead
{
	padding: 0px;
	border: 0px solid #B6B6B6;
	background-color: white;
	background: url(../gfx/slobodna-skola-slogan.png) no-repeat center right;
	margin: 5px 5px 8px 5px;
	height: 138px;
}
#navBar
{
	float: left;
	width: 200px;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	
	border: 1px solid #EEEEEE;
	border-top: none;
}
#localNavBar
{
	float: right;
	width: 190px;
	border: 1px solid #EEEEEE;
	background-color: white;
	margin:0px 5px 5px 5px;
	padding: 0px;
	border-top: none;
}
#content
{
	float: left;
	margin: 0px 0px 5px 5px;
	border: #B6B6B6 0px solid;
	background-color: #EEEEEE;
	width: 554px;
	padding: 0px;
	font-size: 12px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.content-item {padding: 15px;	border: none; margin: 0px;}
.content-item-white {padding: 15px;	border: none; margin: 0px; background-color:#FFFFFF ;}
#footer
{
	border-top: 1px solid #EEEEEE;
	background-color: white;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	margin:0px 5px 5px 5px;
}

/************* #masthead styles ***************/
#masthead a:link, #masthead a:visited, #masthead img
{
	padding: 0px;
	border: 0px;
	margin: 0px;
	margin-left: 3px;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0; display: block;}

/*********** #sectionLinks styles ***********/

#sectionLinks
{
	margin: 0px 0px 10px 0px;
	border-top: 1px solid #EEEEEE;
	padding: 0px;
	font-size: 11px;
}
#sectionLinks ul
{
	background-color:#ECD9FF;
}
#sectionLinks ul ul
{
	background-color: #FFFCBE;
}
#sectionLinks ul ul ul
{
	background-color: #FFFEEF;
}
#sectionLinks ul ul ul ul
{
	background-color: #FFFFFF;
}
#sectionLinks li
{
	background: url(/web/images3/menu-category-arrow.gif) no-repeat top left;
}
#sectionLinks li.open
{
	background: url(/web/images3/menu-category-open-arrow.gif) no-repeat top left;
}
#sectionLinks li.item
{
	background: url(/web/images3/menu-category-item-arrow.gif) no-repeat top left;
}
#sectionLinks li.item#selected
{
	font-weight: bold;
}
#sectionLinks li.spec
{
	background: url(/web/images3/menu-category-arrow.gif) no-repeat top left #EFEFEF;
}
#sectionLinks a
{
	display: block;
	color: #000000;
	border-bottom: 1px solid #B6B6B6;
	padding: 2px 2px 2px 17px;
}
#sectionLinks a:hover
{}
#sectionLinks a:visited
{}
#sectionInfo
{
	padding: 5px 5px 5px 17px;
	font-size: 11px;
	margin: 0px 0px 10px 0px;
	border: 0px;
}

/************** #localNavBar styles **************/

#container
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 11px;
}
#container form
{
	margin: 0px;
	padding: 5px;
	font-family: Verdana;
}
#container label
{
	display: none;
	margin: 0px;
	padding: 0px;
}
h6
{
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 3px 3px 3px 5px;
	background-color: #CCEECC;
	border-top: #EEEEEE solid 1px;
	border-bottom: #B6B6B6 solid 1px;
}
#container p
{
	margin: 5px;
}
#container p img
{
	border: #B6B6B6 solid 1px;
}
#container ul
{
	list-style:none;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#container li
{
	padding: 4px 2px 2px 30px;
	background: url(../gfx/arrow.png) no-repeat top left;
}
#container li.item
{

}
#container a
{
	display: block;
}
#container a:hover
{}
#container a:visited
{}
#container form div
{
	margin-top: 3px;
	margin-bottom: 3px;
}
#container form input, #container form select
{
	font-size: 10px;
	border: #B6B6B6 1px inset; 
	font-family: Verdana;
}
#container form input[type="button"], #container form input[type="submit"], #container form input[type="reset"]
{
	background: #FEF000 url(/web/images3/button-bg.gif) top left no-repeat;
	border: #B6B6B6 1px outset; 
}
#container table
{
	font-size: 10px;
	border: #B6B6B6 1px solid;
	background-color: white;
	border-collapse: collapse;
}
#container table tr td
{
	padding: 2px;
	border: #B6B6B6 1px solid;
	border-collapse: collapse;
	text-align: center;
}
#container table tr.header
{
	background-color: #EFEFEF;
}
#container table tr td img
{
	margin: 0px;
	border: 0px;
}

/************** #content styles **************/
#content p
{
	color:#333333;
}
#content ul
{
	list-style-type: disc;
}
#content ul ul
{
	list-style-type: circle;
}
#content ul ul ul
{
	list-style-type: square;
}
#content table
{
	font-size: 11px;
}
#content table tr td
{
	padding: 1px;
}
#content table.body-table
{
	text-align: center;
	border: #B6B6B6 1px solid;
	border-collapse: collapse;
	background-color: white;
}
#content table.body-table tr td
{
	border: #B6B6B6 1px solid;
	border-collapse: collapse;
}
#content table tr.zuto1
{
	background-color: #F9F300;
}
#content table tr.zuto2
{
	background-color: #FFFCBE;
	font-weight: bold;
}
#content table tr.sivo0
{
	background-color: #EEEEEE;
}
#content table tr.sivo1
{
	background-color: white;
}
#content table tr.sivo2
{
	background-color: #848282;
}
#content table tr.sivo3
{
	background-color: #3D3937;
}
#content table tr.plavo1
{
	background-color: #004273;
}
#content table.box
{
	font-size: 11px;
	border: none;
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 500px;
	background: transparent;
}
#content table.box tr td
{
	padding: 3px;
	border: none;
	border-collapse: collapse;
}
#content #cat-item
{
	display: block;
}
#content #cat-item a img
{
	border: #B6B6B6 1px solid;
	margin: 0px 10px 10px 10px;
	float: right;
}
#content #cat-item blockquote
{
	font-size: 11px;
}
#content span.notice
{
	font-size: 11px;
	color: darkred;
}
#content p.small
{
	font-size: 9px;
	color: #848282;
	text-align: right;
}
#content p.footer-small-grey
{
	font-size: 9px;
	color: #848282;
}
#content div.box
{
	border: #B6B6B6 1px solid;
	padding: 10px;
	margin: 0px 0px 10px 0px;
}
#content form fieldset
{
	border: #B6B6B6 1px solid;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	font-size: 11px;
}
#content form label
{
	width: 130px;
	float: left;
	font-size: 11px;
	margin-top: 5px;
}
#content form fieldset input
{
	font-size: 11px;
	}
#content form textarea
{
	overflow: auto;
	width: 320px;
	height: 150px;
	font-size: 11px;
}
#content form input[type="button"], #content form input[type="submit"], #content form input[type="reset"]
{
	background: #FEF000 url(/web/images3/button-bg.gif) top left no-repeat;
	border: #B6B6B6 1px outset;
	font-size: 11px;
}
#content hr
{
	display: block;
	margin: 15px 0px 10px 0px;
	height: 0px;
	border: none;
	border-bottom: #B6B6B6 1px solid;
}
#content #banners
{}
#content #banners a, #content #banners a:hover, #content #banners a:visited {
	text-decoration: none;
	display: block;
	padding: 0px;
	margin: 0px;
}
#content #banners table.first
{
	margin: 0px 0px 15px 0px;
	border: 0px none;
	border-spacing: 0px;
	background: #FEF000 url(/web/images3/banner-bg.jpg) no-repeat top left;
	padding: 0px;
	display: block;
	width: 100%;
	text-align: left;
}
#content #banners table
{
	margin: 0px 0px 10px 0px;
	background-color: transparent;
	padding: 0px;
	border: none;
	border-spacing: 0px;
	display: block;
}
#content #banners table.first tr td
{
	border: none;
	padding: 0px;
}
#content #banners table tr td
{
	border: none;
	padding: 0px;
}
#content #banners table.first tr td img
{
	width: 160px;
	height: 100px;
	margin: 0px;
	border: #B6B6B6 1px solid;	
	vertical-align: top;
}
#content #banners table tr td img
{
	width: 80px;
	height: 50px;
	margin: 0px;
	border: #B6B6B6 1px solid;
	vertical-align: top;
}
#content #banners table.first tr td p.banner_title
{
	color: #006699;
	font-weight: bold;
	font-size: 18px;
	margin: 5px 10px 5px 20px;
}
#content #banners table.first tr td p.banner_summary
{
	color: black;
	font-size: 13px;
	margin: 0px 10px 5px 20px;
}
#content #banners table tr td p.banner_title
{
	color: #006699;
	font-weight: bold;
	font-size: 12px;
	margin: 5px 10px 5px 10px;
}
#content #banners table tr td p.banner_summary
{
	color: black;
	font-size: 10px;
	margin: 0px 10px 5px 10px;
}
#content #homenews h1
{
	margin: 0px 0px 10px 0px;
}
#content #homenews h2
{
	margin: 10px 0px 2px 0px;
}
#content #homenews p
{
	margin: 2px 0px 0px 0px;
}

#footer #font_resize
{
	float: left;
	width: 200px;
}
#footer #infobox
{
	float: left;
	width: 554px;
	text-align: center;
}
#footer #copyright
{
	float: right;
	display: inline;
	text-align: right;
}