/*general formatting tags*/

* {margin: 0px; padding: 0px; }

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address{ }

h1{text-align:center;
   font-size: 2.0em;
  }

h2{text-align:center;
   font-size: 1.6em;
  }

h3{text-align:center;
   font-size: 1.3em;
  }
  
h4{
   text-align:left;
   font-size: 1.1em;
  } 
  
h5{text-align:left;
   font-size: 1.0em;
  }
  
h6{text-align:left;
   font-size: 0.8em;
  }  
  
img {border:0 none;}

.small{font-size: 85%; }
  

body{ margin: 0px;
      padding: 0px;
      border: 0px;
      font-size: 75%;
      font-family: "Segoe UI", Tahoma, "Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif;   
      height: 100%;  
      line-height: 1.3;
      }

/* bilo je 940px */
#maindiv{width: 940px; 
         margin-left: auto;
	 margin-right: auto;
	 margin-top: 10px;
	 border-width:6px;
	 border-style:double;
	 }
	 
#logo{height: 80px; margin:0px; padding: 0px; border-bottom-width: 10px; border-bottom-style: solid;}	 

	 
/* bilo je 180px */
#leftcolumn{ width: 10px; 
             float: left;
             margin-left: 0px;}	 
	 
/* bilo je 560px */
#maincolumn{ width: 560px; 
             float: left;
             margin-left: 20px;
            }
            
#maincontent{ margin-top: 10px;
             
            }  
#main_inside{padding: 4px;
             padding-top: 20px;
             border-width: 1px;
             border-style:solid;}          
            
#rightcolumn{ width: 140px;float: right; margin: 10px;}  
/* bilo je 140px */

/*classes */             
div.module_content{ margin: 1px; padding: 1px; }   
div.module_content h1, div.module_content h2, div.module_content h3, div.module_content h4, div.module_content h5, div.module_content h6{ margin: 0.1em; padding: 0.1em; margin-right:auto; margin-left:auto; width: 95%;}
div.search{ padding: 10px; }
div.article{ margin: 10px; text-align: justify; };
div.module_menu, div.moduletable, div.module, div.module_text, div.moduletable_menu{ margin-bottom: 4px; }
div.columns1, div.columns2, div.columns3, div.columns4{float:left; display:block; }
div.columns2{width: 47%;}
div.columns3{width: 31%; }
div.columns4{width: 23%; }
div.blog_section{ display: block; }
div.contentpaneopen{ margin: 4px; padding: 4px; }
div.blog{margin:0px; padding:0px;}
span.modifydate, span.createdate, span.item_urls{ font-style:italic; display: block; }
span.item_toc{ display:block; }
table.contenttoc{float: left; padding: 4px; margin:4px;border-width: 1px; }
table.contenttoc a{text-decoration:none;}
img.caption{ padding: 4px; margin: 4px; border-style: solid; border-width: 1px; }
span.caption_text{ page-break-after: always; font-style: italic;}
span.img_caption{display:block ; margin:4px; page-break-after: always;}
div.bannerheader{ font-weight: bold; display:block;}
div.bannerfooter_text{ width: 95%; }


/*top menu items*/
#topmenu{ width: 460px; margin-top: 20px; float: left; }
#topmenu ul{ margin: 0px; margin-left: 20px;  padding:0px; }
#topmenu li{list-style-type: none; float: left; width: 100px;  height: 40px; margin: 1px; text-align: center; line-height: 40px; overflow:hidden;}
#topmenu a{text-decoration: none; white-space: nowrap; }

/* left column modules */
#leftcolumn table,tr,h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address{ margin:2px; padding: 2px;}
#leftcolumn div.module_hat{ height: 10px; width: 180px; }
#leftcolumn div.module_tail{ height: 14px; width: 180px; }
#leftcolumn div.module_content{ margin-right: 8px; }
#leftcolumn ul{ padding: 0px; margin: 0px;}
#leftcolumn li{list-style-type: none; padding: 0px; margin: 0px; display: block;   }
#leftcolumn form{ text-align: right; }
#leftcolumn li a{  text-align:right;}
#leftcolumn  a{text-decoration: none; display: block; width:140px; }
#leftcolumn div.module_menu a{ margin-left: 12px;}
#leftcolumn a:hover{ }
#leftcolumn form a{display:block;}


/*right column modules*/
#rightcolumn{ font-size: 0.9em;}
#rightcolumn h1, #rightcolumn h2, #rightcolumn h3{ font-size: 1.2em;}
#rightcolumn h4, #rightcolumn h5, #rightcolumn h6{ font-size: 1.0em; }
#rightcolumn table,tr,h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address{ margin:0px; padding: 0px;}
#rightcolumn div.moduletable, #rightcolumn div.module, #rightcolumn div.module_text, #rightcolumn div.module_menu, #rightcolumn div.moduletable_menu{ margin-bottom: 4px;}
#rightcolumn div.module_hat{ height: 10px; width: 140px; }
#rightcolumn div.module_tail{ height: 10px; width: 140px; }
#rightcolumn div.module_content{ margin-left: 4px; margin-right: 4px; }
#rightcolumn ul{ padding: 0px; margin: 0px;}
#rightcolumn li{list-style-type: none; padding: 0px; margin: 0px; display: block; width: 140px; text-align:left;  }
#rightcolumn a{font-size: 1.2em; }


/* individual modules */	 
#module_top{ width: 400px;
             float: right;
             text-align: right;
             border-bottom-width: 1px;
             border-bottom-style: solid;
             }
#module_top table,tr,h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address{ margin:2px; padding: 2px;}
             
             
#search{ float: right; }

#pathway{ margin-top: 10px;}
#pathway h3{ display:none; }
.breadcrumbs{font-size: 0.8em;}


/* user1 and user2 */
#user1user2{ width: 100%; float: left; margin: 10px; margin-top: 10px; margin-left: 40px; margin-bottom: 10px;}
#user1, #user2{ float:left; text-align: right;}
#user1 h3, #user2 h3{text-align:right; padding: 2px; padding-right: 8px;}
#user1 li, #user2 li{list-style-type: none; padding: 0px; margin: 0px; display: block;   }
#user1 a, #user2 a{display:block; width: 180px; text-decoration: none; white-space: nowrap; font-weight: bold; }


#pathway{ float: left; margin-left: 20px; margin-bottom: 10px; font-size: 120%; font-weight: bold; width: 180px;}
#maindivider{ height: 10px; }

/* footer */
#footer{float:none; width: 95%}
#footer a{text-decoration: none; }
#footer{ padding: 4px; margin: 2px;}
#footer div.moduletable{  padding: 4px; margin: 2px; float: left; }
#footer p{ padding: 4px; margin: 2px;}

/*pagination*/
span.pagination{font-size: 1.2em; 
                 white-space: nowrap;
                  }
span.pagination span{                  
                  margin:4px;
                  padding:4px;
                  }
span.pagination span.page_active{ font-weight: bold; }                  
span.pagination span.page_inactive{ display: none; }                  

             

/*main content layout*/

#maincontent table,tr,td,h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address{ margin:2px; padding: 2px;}
#maincontent img{ margin: 4px; } 
#maincontent li{ margin-left: 10px;}
#maincontent ul{ margin: 10px; }
#maincontent span.item_toc{float:right; }
#maincontent h2, #maincontent h3{  margin: 0.5em; padding: 0.1em; margin-right:auto; margin-left:auto; width: 95%;}
h1.contentheading, h2.contentheading, h3.contentheading, h4.contentheading, h5.contentheading, h6.contentheading{  margin: 0.5em; padding: 0.1em; margin-right:auto; margin-left:auto; width: 90%;}
#maincontent h1 a, #maincontent h2 a, #maincontent h3 a, #maincontent h4 a, #maincontent h5 a, #maincontent h6 a{text-decoration:none; }
#maincontent div.componentheading{ font-weight:bold; font-size: 1.4em; }
#maincontent div.componentheading,  #maincontent p, #maincontent div.contentpane,#maincontent div.contentpaneopen, #maincontent table.contentpane{ margin: 4px; padding: 4px; }
#maincontent table.contenttoc {margin:8px;padding: 4px; }
#maincontent table.contenttoc td{margin:0px;padding:0px; }
#maincontent table.contenttoc a{margin-left:4px; margin-right:4px;padding:4px; }
#maincontent table.contentpane{width: 95%;}

/*individual items*/

#joomla_logo{float:right; padding-right: 25px;}

/* submit buttons*/
input.button{
   font-size: 110%;
   font-family: arial, sans-serif;
   text-align: center;
   cursor: pointer;
   margin-right: 2px;
   margin-bottom:20px;
   padding: 1px;
   height: 25px;
   vertical-align: middle;
   border: solid 1px;}