﻿body,ul,li,p,a {
border:0;
outline:0;
margin:0;
padding:0;
}




h1,h2,h3,h4,h5 {
font-family:Calibri,Tahoma, Verdana;
color:#000;
margin:0;
padding:0;
}

body {
background-color:#e7e8ea;
font-family: Calibri,Tahoma, Verdana;
font-size:10pt;
}

a:hover {
text-decoration:underline;
}

a {
text-decoration:none;
}

.terminator {
clear:both;

}



fieldset {
	border:1px solid #cccccc;
	padding:0px 0px 0px 15px;
}

legend 
{
    color: #f96700;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#main_wrapper {
	
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 937px;
	margin-bottom: 0px;
}

#header {
	color:#f47321;
	border-top: 5px solid #e7e8e9;
	border-bottom: 5px solid #e7e8e9;
}

#header a,#header p,#header span {
color:#f47321;
font-size:9pt; 
}




#header .left {
float:left;
width:278px;
height:158px;
background-image:url(images/logo.gif);
background-repeat:no-repeat;
border-right: 5px solid #e7e8e9;
}

#header .right {
float: left;
background-image:url(images/header_right.jpg);
background-repeat:no-repeat;
height:158px;
width:652px; 
}

#header .right .logo
{


height:53px;
width:152px;
float:left;    
padding-top:60px; 
}

#header .right .header_menu
{
 float:left;
 width:480px;
 padding-top:10px; 
 padding-left:20px;
}


#header .right .header_menu .top
{
  height:120px;
}

#content {
    border-top: 5px solid #e7e8e9;
	border-bottom: 5px solid #e7e8e9;  
	color:#111;
	

	width: 935px;
}

#content .left {
     background-color:#e7e8e9;
    
     float: left;
     width:278px;
     border-right: 5px solid #e7e8e9;
}

#content .right {
    background-color:#fff;
   
    float: left;
    width:612px;
    padding:20px;
    min-height:950px;
   
}

* html #content .right { 
   height: expression( this.scrollHeight < 751 ? "750px" : "auto" ); /* sets min-height for IE */
}
div#division { 
   min-height: 333px; /* sets min-height value for all standards-compliant browsers */
}

#menu_bar {
	height:29px;
}
#menu_bar a,#menu_bar p,#menu_bar span {
color:#FFF;
font-size:9pt;
}

#menu_bar .left {
 width:268px;
 height:21px;
 background-color:#a7a9ac;  
 border-right: 5px solid #e7e8e9;
 float: left;
 padding-top:8px;
 text-align:right;
 padding-right:10px;
}

#menu_bar .right {
    float: left;
    height:29px;
    width:654px;
    background-color:#e7e8e9;
   
}


#footer {
	
   height:29px; 
}

#footer a,#footer p,#footer span {
color:#FFF;
font-size:8pt;
}

#footer .left {
	
     background-color:#e7e8e9;
     height:29px;
     float: left;
     width:278px;
     border-right: 5px solid #e7e8e9;
}

#footer .right {
	
       
    height:29px;
    float: left;
    height:29px;
    width:652px;
    background-color:#a7a9ac;
}

#footer .right .first {
	
    float: left;
    height:29px;
    width:322px;
    text-align:center;
    padding-top:2px;
    
}

#footer .right .second {

    float: left;
    height:29px;
    width:322px;
    text-align:center;
    padding-top:2px;
    
}


#footer .right .separator {
    background-color:#e7e8e9;
    float: left;
    height:29px;
    width:5px;
}


.admin_menu
{
     padding-right:150px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN MENU

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#menu {
height:29px;
position:relative;
}

.menu1 {
position:absolute;
top:0;
left:0;
}

#menu a {
background-image:none!important;
text-decoration:none;
}

#menu .normal 
{
background-color:#a7a9ac;
font-size:10pt;
height:29px;
text-align:center;
width:78px;
color:#fff;
}

#menu .hover {
background-color:#f47321;

font-size:10pt;
height:29px;
text-align:center;
width:78px;
color:#fff;
}

#menu .selected {

background-color:#f47321;
color:#fff;
font-size:10pt;
font-weight:bold;
height:29px;
text-align:center;
width:78px;

}


#sub_menu {

padding-left:0px;
position:relative;
z-index:50;
border-top:1px dotted #a7a9ac;
margin-bottom:15px;
}



#sub_menu a {
background-image:none!important;
text-decoration:none;
}

#sub_menu .normal {
color:#111;
font-size:10pt;
height:20px;
text-align:left;
background-image:url(images/sub_menu_normal.gif);
background-repeat:no-repeat;
background-position:left;
background-position:left left;
text-indent:25px;
border-bottom:1px dotted #a7a9ac;
width:276px;

}

#sub_menu .hover {


color:#111;
font-size:10pt;
height:20px;
text-align:left;
text-decoration:underline;
background-image:url(images/sub_menu_hover.gif);
background-repeat:no-repeat;
background-position:left;
text-indent:25px;
}

#sub_menu .selected {


color:#f47321;
font-size:10pt;
height:20px;
text-align:left;
font-weight:bold;
background-image:url(images/sub_menu_hover.gif);
background-repeat:no-repeat;
background-position:left;
text-indent:25px;
}

#sub_menu_rss_l {
padding-left:0px;
float:left;
width:252px;
border-top:1px dotted #a7a9ac;
margin-bottom:15px;
}





#sub_menu_rss_l a {
background-image:none!important;
text-decoration:none;
}

#sub_menu_rss_l .normal {
color:#111;
font-size:10pt;
height:20px;
text-align:left;
background-image:url(images/sub_menu_normal.gif);
background-repeat:no-repeat;
background-position:left;
background-position:left left;
text-indent:25px;
border-bottom:1px dotted #a7a9ac;
width:252px;
padding-bottom:1px;

}

#sub_menu_rss_l .hover 
{
    color:#111;
font-size:10pt;
height:20px;
text-align:left;
text-decoration:underline;
background-image:url(images/sub_menu_hover.gif);
background-repeat:no-repeat;
background-position:left;
text-indent:25px;
width:252px;
padding-bottom:1px;

}

#sub_menu_rss_l .selected {
color:#f47321;
font-size:10pt;
height:20px;
text-align:left;
font-weight:bold;
background-image:url(images/sub_menu_hover.gif);
background-repeat:no-repeat;
background-position:left;
text-indent:25px;
width:252px;
padding-bottom:1px;

}


#sub_menu_rss 
{
  
  width:24px ;
  padding-left:0px;
  border-top:1px dotted #a7a9ac;
  float:left;
}


#sub_menu_rss a {
background-image:none!important;
text-decoration:none;

}

#sub_menu_rss .normal 
{
   
 padding-bottom:1px;
width:24px;
border-bottom:1px dotted #a7a9ac;
height:20px;


}

#sub_menu_rss .hover 
{
padding-bottom:1px;
width:24px;
border-bottom:1px dotted #a7a9ac;
height:20px;
}

#sub_menu_rss .selected {

padding-bottom:1px;
width:24px;
border-bottom:1px dotted #a7a9ac;
height:20px;
}

#sub_menu_title
{
   padding-bottom:5px; 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Content

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/






#content p, #content span {
color:#111;
margin: 10px 0;
}

#content a {
color:#f47321;

}




#content .right h1 {

font-size:14pt;
color:#f47321;
}

#content  h1 {

font-size:14pt;
color:#f47321;
}

#content .right h2 {

font-size:12pt;
color:#f47321;
}

#content  h2 {

font-size:12pt;
color:#f47321;
}



#content .left ul {
	padding: 0px 0 5px 17px;
	list-style: none;
	list-style-image: url(images/arrow_orange3.gif);
	margin-bottom: 5px;
	margin-top:5px;
}

#content .left li {
	padding: 0 0 0px 0;
}

#content .right ul {
	padding: 0px 0 5px 17px;
	list-style: none;
	list-style-image: url(images/arrow_orange1.gif);
	margin-bottom: 5px;
	margin-top:5px;
}

#content .right li {
	padding: 0 0 0px 0;
}


.photo_border 
     {

	    border:1px solid #CCCCCC;
	    padding:2px;
	    background:#CCCCCC url(../../images/bg-photo.png) top repeat-x;
	    margin-bottom:10px;
	    margin-top:10px;
	    display:block;
	    text-align:justify;
    } 

    
    .photo-float-left {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	}
	 .photo-float-right {
	float:right;
	margin-left:10px;
	}
    
    
.ddlBox 
{
   
   
    padding:2px 0 0 4px;  
}
    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	GoogleCustomSearch

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#cse_branding_form 
{
	height: 20px;
	width: 170px;
	float: left;
}
#cse_branding_logo
{
	height: 20px;
	width: 60px;
	
	
	float: left;
}
#cse_branding_text 
{
	height: 20px;
	width: 270px;
	padding-top: 6px;
	display: block;
	font: 10px Arial;
	float: left;
}
#cse_box
{
	height: 20px;
	padding-left:20px;
	padding-right:20px;
}


#cse_results 
{

	 
	font-size:15px; 
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}

#cse_results span
{
    color:Green;
}



.btn_search
{
   
}



 
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Login

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#login
{
    width:500px;
    
}

#login .login_left
{
    float: left;
    width: 180px;
    text-align: left;
    
}

#login login_right
{
    float: right;
    width: 180px;
    text-align: left;
}
   
   
   

.highlight
{
   background-color:#f8f8f8;
   color: #636363;
}

.articleline
{

    border-bottom:1px solid #AAAAAA; 
  
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	 Accordion

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    
    
.accordion_header
{
     cursor: pointer;
     background-image: url(Images/arrow_orange_collapsed.gif);
     background-repeat:no-repeat;
     padding-left:10px;
     margin-top:10px;
}
.accordion_header_selected
{
    background-image: url(Images/arrow_orange_expanded.gif);
    font-weight:bold;
    cursor: pointer;
    background-repeat:no-repeat;
    padding-left:10px;
}

.accordion_content
{
    background-color: white;
    border-top: none; 
    padding-left:0px;
    padding-top: 10px;
}


/* ---------- Tree view control -------------- */
.TreeView  
{
   
   background-position: bottom;
   background-repeat:no-repeat;
   margin-left:30px;
}

.TreeView div
{
    
}

.TreeView table
{
    
}

.TreeView div table
{
    border-bottom:none !important;
    border-top:none !important;
}

.TreeView table td
{
    padding:1px 0;
}

.LeafNodesStyle 
{
    
}


.RootNodeStyle 
{
    
}

/* ALL ELEMENTS */
.NodeStyle 
{

 
}

.ParentNodeStyle 
{

}
 

a.SelectedNodeStyle 
{
   text-decoration:underline;
}


.TreeView  
{
    
}

.TreeView div
{
    margin-left:5px;
}

.TreeView table
{
   
   background-position:top;
   background-repeat:no-repeat;
}

.TreeView div table
{
    border-bottom:none !important;
    border-top:none !important;
}

.TreeView table td
{
    padding:2px 0;
}

.LeafNodesStyle 
{
    
}


.RootNodeStyle 
{
    
}

/* ALL ELEMENTS */
.NodeStyle 
{

}

.ParentNodeStyle 
{

}
 

a.SelectedNodeStyle 
{

}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	 Newsletter

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px black;
   padding: 1px;
}

.progressbar
{
   width: 0px;
   background-color: Red;
   height: 15px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	 Clanovi

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.field_left 
{
    float: left;
    width: 260px;
    text-align: left;
}
.field_right 
{
    float: left;
    
    text-align: left;

}
