/*
body {
	background-color: #ffffff;
	color: #000000;
	padding: 0;
	margin: 10px 0 0 0;
	background-image: url('../images/bismillah_bg.gif');
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
*/
body {
	background-color: #ffffff;
	color: #000000;
	padding: 0;
	margin: 10px 0 0 0;
	background-image: url('../images/bg4.jpg');
	background-position: top;
	background-repeat: repeat-x;
}

#AboveHeader {
	border: 0px solid red; 
	font-family: Garamond, Times New Roman, Serif; 
	font-size: 18px; 
	color: #fff; 
	text-align: center;
	margin: -2px 0 10px 0;
}

#HeaderContainer {
    width: 750px;
    margin-left: auto; 
    margin-right: auto;
    border: 0px solid red;
    border-right: 2px solid silver;
    border-bottom: 2px solid silver;
    background-color: #fff; 
    padding: 5px;
    margin-bottom: 1px;
}

div.container {
    width: 760px;
    margin-left: auto; 
    margin-right: auto;
    border: 0px solid red;
    padding: 5px;
}

div.box {
    border-left:         1px solid #7DAB81;
    background-position: right;
    background-repeat:   repeat-y;
}
div.navinfo {
    padding:             0px 5px 5px 5px;
    text-align:          right;
}
form {
    padding:             0px;
    margin:              0px;
}
form input.ossdir {
    width:               174px;
    height:              31px;
    border:              1px none #000000;
    padding:             0px 3px 0px 3px;     
}
hr.yellow {
    background-color:    #ffad17;
    color:               #ffad17;
    border:              1px none #ffad17;
    margin:              3px 0px 3px 0px;
    height:              1px;
}
hr.blue {
    background-color:    #7584b3;
    color:               #7584b3;
    border:              1px none #7584b3;
    margin:              3px 0px 3px 0px;
    height:              1px;
}
td.boxhead {
    background-color: #7584b3;
    width:            5px;
    height:           19px;
    vertical-align:   top;
}
td.boxtitle {
    background-color:    #7DAB81;
    background-image:    url(../imgs/box_head2.gif);
    background-position: left;
    background-repeat:   no-repeat;
    padding:             0px 0px 0px 12px;
}
td.boxtitle h2 {
    font-family:         Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-size:           12px;
    font-weight:         bold;
    color:               #FFFFFF;
    padding:             0px 0px 0px 0px;
    margin:              0px 0px 0px 0px;
}
div.content {
    padding:             3px 6px 3px 4px;
}
th.content, th.content a:link, th.content a:active, th.content a:visited {
    background-color:    #7584b3;
    color:               #ffffff;
    font-family:         Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-size:           12px;
    font-weight:         bold;   
}
td.code {
    font-family:         "Courier New", Courier, monospace;
    font-size:           11px;
    color:               #000000;
}
code {
    font-family:         "Courier New", Courier, monospace;
    font-size:           12px;
    color:               #000099;
}
td.files, td.files a:link, td.files a:active, td.files a:visited {
    font-family:         Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-size:           11px;
    color:               #000000;
}
td.files a:link, td.files a:active, td.files a:visited {
    text-decoration:     underline;
}
td.files a:hover {
    text-decoration:     none;
}
.content, .content p, .content ul li,  .content ol li {
    color:               #000000;
    font-family:         Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-size:           12px;
}
.content ul.list {
    margin-top:          0px;
    margin-bottom:       0px;
}
.content ul.list li {
    list-style-image:    url(../imgs/marker_ltr2.gif);
    vertical-align:      middle;
    padding-bottom:      3px;
}
.content ul.list li ul li {
    list-style-image:    url(../imgs/marker_ltr.gif);
    vertical-align:      middle;
    padding-bottom:      3px;
}
.content h1, .content h1 a:link, .content h1 a:active, .content h1 a:visited {
    font-size:           15px;
    color:               #666699;
    padding:             0px 0px 0px 0px;
    margin:              0px 0px 0px 0px;
}
.content h2, .content h2 a:link, .content h2 a:active, .content h2 a:visited {
    font-size:           13px;
    color:               #666699;
    padding:             0px 0px 0px 0px;
    margin:              0px 0px 0px 0px;
}
.content h3, .content h3 a:link, .content h3 a:active, .content h3 a:visited {
    font-size:           12px;
    color:               #666699;
    padding:             0px 0px 0px 0px;
    margin:              0px 0px 0px 0px;
}
.content .version {
    font-size:           12px;
    color:               #cc0000;
    font-weight:         bold;
}
.content a:link, .content a:active, .content a:visited, .gotopage a:link, .gotopage a:active, .gotopage a:visited {
    font-size:           12px;
    color:               Black;
    text-decoration:     none;
}
.content a:hover, .gotopage a:hover {
    color:               #000000;
    text-decoration:     underline;
}
.footer, .footer a:link, .footer a:active, .footer a:visited {
    background-color:    #7584b3;
    color:               #ffffff;
    font-family:         Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-size:           10px;
}
.footer a:hover {
    color:               #e5e5e5;
    text-decoration:     underline;
}
.gotopage {
    background-color:    #ffffff;
    font-family:         Arial, Helvetica, Verdana, Geneva, sans-serif;
    background-image:    url(../imgs/marker_ltr.gif);
    background-position: left;
    background-repeat:   no-repeat;
    padding:             0px 0px 0px 12px;
}
.imgborder {
   border: 1px solid #000000;
}
.navbar {
    height:              27px;
    text-align:          center;
    background-image:    url(../imgs/green_bar_back.gif);
    background-position: center;
    background-repeat:   no-repeat;
}
.navnormal, .navactive, .navspacer {
    color:               #000000;
    height:              24px;
    vertical-align:      middle;
    font-family:         Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-size:           11px;
    font-weight:         bold;
}
.navspacer {
    width:               25px;
    background-image:    url(../imgs/bar_space.gif);
    background-position: center;
    background-repeat:   no-repeat;
}
.navinfo, .navinfo a:link, .navinfo a:active, .navinfo a:visited {
    background-color:    #ffffff;
    color:               #666666;
    font-family:         Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-size:           10px;
}
.navnormal a:link, .navnormal a:active, .navnormal a:visited, td.boxtitle h2 a:link,  td.boxtitle h2 a:link,  td.boxtitle h2 a:active,  td.boxtitle h2 a:visited {
    color:               #ffffff;
    text-decoration:     none;
}
.navactive a:link, .navactive a:active, .navactive a:visited {
    color:               #e5e5e5;
    text-decoration:     none;
}
.navnormal a:hover, .navactive a:hover, td.boxtitle h2 a:hover, .navinfo a:hover {
    color:               #000000;
    text-decoration:     none;
}
.smallblack, .smallblack a:link, .smallblack a:active, .smallblack a:visited {
    background-color:    #ffffff;
    color:               #000000;
    font-family:         Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-size:           10px;
}
.smallblue, .smallblue a:link, .smallblue a:active, .smallblue a:visited {
    background-color:    #ffffff;
    color:               #666699;
    font-family:         Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-size:           10px;
}
.smallred, .smallred a:link, .smallred a:active, .smallred a:visited {
    background-color:    #ffffff;
    color:               #cc0000;
    font-family:         Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-size:           10px;
}
.smallred a:link, .smallred a:active, .smallred a:visited, .smallblue a:link, .smallblue a:active, .smallblue a:visited, .smallblack a:link, .smallblack a:active, .smallblack a:visited {
    text-decoration:     underline;
}

.NajavaNaslov {
	font-family: Trebuchet MS, Arial;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

.AutorNajava	{
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
}

#Copyright	{
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: black;
	padding: 10px;
}

.NadnaslovPriloga	{
	font-size: 11px;
	padding: 10px;
}

.NaslovPriloga	{
	font-family: Trebuchet MS, Arial;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
}

.SadrzajPriloga	{
	font-size: 12px;
	font-weight: normal;
	padding: 10px;
}

.OstaliPrilozi	{
	font-size: arial, sans-serif;
	font-size: 10px;
}

#Bismillah	{
	font-family: Garamond, Times new Roman, Serif;
	font-size: 20px;
	color: Maroon;
	font-style: italic;
}

#HeaderBanners {
	float: right;
	border: 0px solid red;
	padding: 2px;
}

/* Najava */
.NajavaBoxContainer {
	border: 0px solid red;
	width: 500px;
	background-color: transparent;
}
.NajavaBoxTitle {
	border: 0px solid red;
	background-color: #7DAB81;
	font-family: Trebuchet MS, Arial;
	font-size: 14px;
	color: white;
	padding: 2px 0 2px 5px;
}
.NajavaBoxContent {
	border: 1px solid #7DAB81;
	background-color: transparent;
	padding: 5px;
}
.NajavaBoxRight {
	float: right;
	background-image: url('../imgs/najava_box_right.gif');
}
.NajavaBoxLeft {
	float: left;
	background-image: url('../imgs/najava_box_left.gif');
}
.NajavaBoxRastojanje {
	width: 1px;
	height: 7px;
	border: 0px solid red;
}

#OstaliPrilozi a {
	border: 0px solid red;
	margin-bottom: 4px;
	font-size: 10px;
}

#ArhivaPrilogaBox {
	text-align: center;
	background-color: #efefef;
	padding: 3px;
	border: 0px solid red;
}
#ArhivaPrilogaLink {
	font-family: arial;
	font-size: 11px;
}

.ArhivaNaslov {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	border: 0px solid red;
}
.ArhivaAutor {
	font-family: Arial;
	font-size: 10px;
	margin: 0 0 5px 10px;
	border: 0px solid green;
}