/* ################################     BENDRI STILIAI     ############################### */

* { padding: 0; margin: 0; }

body
{
    background: url('/client/images/bg.body.gif') repeat-x top #EAEBDB;
    font-family: Verdana;
    color: #333333;
	font-size: 62.5%;     
}

a
{
    color: #8B8A72;
    text-decoration: none;
    font-family: Verdana;
}
a:hover
{
    color: #000000;
}
a img
{
    border: none;
}    

*
{
    /*border: 1px solid black;*/
}                                        

/* ####################################################################################### */
#body_wraper
{
	position: fixed; 
	background: url('/client/images/bg.body.gif') repeat-x top #EAEBDB;
	width:100%;
}    
    
#alignment
{
    position: relative;                                                       
    width: 980px;              
    height: 100%;
    margin: 0 auto;         
}

#container
{
    position: relative; 
    width: 980px;
    height: 100%;
    margin: 0 auto;                 
    padding: 0px;  
    font-size: 1.2em; 
	
}  

/* ####################################################################################### */

#header
{
    position: relative;
    float: left;     
    width: 980px;
    padding-top: 50px;    
    padding-bottom: 10px;
}
#header a img
{
    position: relative;
    float: left;      
}

#header ul
{
    position: relative;
    float: right;
    padding-top: 35px;      
    list-style: none;
}
#header ul li
{
    position: relative;
    float: left;
    margin-left: 3px;
    border: 1px solid #8B8A72; 
    border-bottom: none;   
}
#header ul li a
{
    position: relative;
    float: left;
    background: url('/client/images/bg.topMenu.gif') repeat-x top left;
    padding: 8px 15px 9px 15px;      
    color: #C5C4AF;
    font-size: 13px;
    border-bottom: 1px solid #8B8A72;
}
#header ul li a:hover
{
    color: #FFFFFF;
}
#header ul li a.sel
{
    background: #EAEBDB;
    border-bottom: 1px solid #EAEBDB;
    color: #565656;
}
#header ul li a.sel:hover
{
    color: #565656;
}

/* ####################################################################################### */

#leftMenu
{
    position: relative;
    float: left;
    width: 220px;              
}

#leftMenu ul
{
	list-style: none;
	margin-bottom: 20px;
}

#leftMenu ul.category li
{
	border: 1px solid #8b8a72;
	margin-bottom: 2px;
}

#leftMenu ul.category li a
{
	display: block;
	padding: 5px 10px 5px 10px;
	color: #333333;
    background: #afae97;
    font-size: 11px;
}

#leftMenu ul.category li a:hover
{
	background: #028f3e;
	color: #ffffff;
}
#leftMenu ul.language li
{
	display: inline;
}

#leftMenu ul.language li a
{
	display: block;
	padding: 5px 10px 5px 10px;
	color: #333333;
    background: #afae97;
    font-size: 11px;
	display: inline;
	border: 1px solid #8b8a72;
}

#leftMenu ul.language li a:hover
{
	background: #028f3e;
	color: #ffffff;
}
#leftMenu ul.language li.active a
{
	background: #028f3e;
	color: #ffffff;
}

#leftMenu ul.active li
{        
    border-right: 1px solid #CAC9B5;
    border-left: 1px solid #CAC9B5;
    border-bottom: 1px solid #CAC9B5;
}

#leftMenu ul.active li.title
{
	background: #028f3e;
    border: 1px solid #044b22;
	padding: 5px 10px;
	color: #FFFFFF;
	line-height: 130%;
	font-size: 14px;
}

#leftMenu ul.active li a
{
	display: block;
	padding: 5px 10px 5px 10px;
	color: #505042;
    background: #E0E1D0;
    font-size: 12px;
}

#leftMenu ul.active li a:hover
{
    background: #D0CFB9;
}
#leftMenu ul.active li a.sel
{
    background: #D0CFB9;
}




/* ####################################################################################### */

#footer
{
    position: relative;
    float: left;   
    width: 970px;
    border-top: 1px solid #8B8A72;
    padding: 5px 10px 5px 0px;
    margin-top: 20px;
    text-align: right;  
    font-size: 11px;      
    border: 1px solid #CAC9B5;
    color: #8B8A72;
    background: #E0E1D0;
}

/* ####################################################################################### */

#content
{
    position: relative;
    float: left;
    width: 640px;
    padding: 10px 0px 0px 20px;
	line-height: 160%;
	margin-left:30px;
}

#content h1
{    
	color: #028f3e;
	font-size: 1.3em;
    padding-bottom: 10px;  
}
	
#content h2
{           
	color: #045527;
	font-size: 1.2em;
	border-top: 1px solid #afae97;
    padding: 10px 0px 10px 0px;  
}
	
#content h3
{         
	color: #045527;
	font-size: 1em;
	font-weight: bold; 
    padding-bottom: 10px;   
}
	
#content p
{                   
	color: #333333; 
	line-height: 160%; 
    padding-bottom: 10px;  
    font-size: 1em;  
} 

#content div.ln
{
    position: relative;
    float: left;
    width: 400px;
    height: 1px;
    border-top: 1px solid #CAC9B5;
    margin-top: 10px; 
}

#content img
{                             
    position: relative;
    float: left;
    margin-right: 20px;
    margin-top: 5px;    
    margin-bottom: 10px;
    border: 1px solid #B1AC96;
}

#content a img
{                 
    position: relative;
    float: left;
    margin-right: 20px;
    margin-top: 5px;    
    margin-bottom: 10px;
    border: 1px solid #B1AC96;
}  
#content a:hover img
{
    border-color: #02652C;
}
#content ol,
#content ul
{       
    list-style-position: outside;
    margin-left: 20px;
    padding-bottom: 10px; 
}
#content ol li,
#content ul li
{
    margin-left: 10px;
    padding-left: 5px;
}

#content a
{
	color: #066c31;                                    
	font-size: 1em; 
	text-decoration: underline;
}
#content a:hover
{                       
    text-decoration: none; 
}

#content a.more
{
    position: relative;
    float: right;             
	padding: 2px 0px 2px 0px;
    text-align: center;
    line-height: 160%;  
	cursor: pointer;    
}

#content table
{
    margin-bottom: 10px;        
    width: 100%;
	font-size: 0.9em;
}
#content table tr th
{
    font-weight: bold;
    background: #C8C7B3;
    border-bottom: 3px solid #AFAE97;
}
#content table tr td
{
    text-align: center;  
    background: #E0E1D0;
    padding: 3px;
}

#content div.box
{
    position: relative;
    float: left;
    width: 400px;
    border-bottom: 1px solid #CAC9B5;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* ####################################################################################### */

#content p.conts
{
    position: relative;
    float: left;
    width: 310px;
    line-height: 170%;
}

/* ####################################################################################### */

#content div.item
{
    position: relative;
    float: left;
    width: 618px;
    border: 1px solid #AFAF97;
    background: url('/client/images/bg.item.gif') repeat-x top left #EFF0E8;
    padding: 8px 10px 10px 10px;
    margin-bottom: 10px;
}
#content div.item a.h
{
    position: relative;
    float: left;
    font-weight: bold;
    width: 618px;                                                   
    font-size: 14px;
	color: #028f3e;
    padding-bottom: 17px;
    line-height: 130%;
	text-decoration: none;
}
#content div.item a.h:hover
{
    color: #02652C;
}
#content div.item p
{               
    position: relative;
    float: left;
    width: 463px;
    padding-bottom: 10px;   
}
#content div.item a img
{                      
    position: relative;
    float: right;           
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 1px;
    margin-bottom: 0px;
}  
#content div.item a.more
{
    float: left;
}
         

/* ####################################################################################### */

#contactsForm
{
    position: relative;
    float: left;
    width: 618px;
    padding: 15px 0px 15px 20px;
    background: #E0E1D0;
    border: 1px solid #AFAE97;
	font-size: 1.1em;
}
#contactsForm div.inp
{
    position: relative;
    float: left;
    width: 289px;
    padding-right: 20px;  
    padding-bottom: 5px;   
}
#contactsForm input
{
    position: relative;
    float: left;
    width: 281px;
    border: none;
    background: #F2F2EB;
    padding: 2px 3px 2px 3px;  
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 1em;
    border: 1px solid #8B8A72;

}
#contactsForm label
{               
    position: relative;
    float: left;
    width: 289px;
    padding-bottom: 2px;

}
#contactsForm textarea
{               
    position: relative;
    float: left;
    width: 590px; 
    border: none;
    background: #F2F2EB;
    padding: 2px 3px 2px 3px;    
    margin-bottom: 5px;
    border: 1px solid #8B8A72;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 1em;
}
#contactsForm a
{                    
    position: relative;
    float: right;            
    width: 100px;                 
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 1em;   
    margin-right: 20px;
    margin-top: 10px;        
	background: #028f3e;
	border: 1px solid #066c31;
	color: #e9e9e8;                                    
	font-size: 11px;                                   
	padding: 2px 20px 2px 20px;
    text-align: center;
    line-height: 160%;  
	cursor: pointer;
	text-decoration: none;
}
#contactsForm a:hover
{                       
    background: #028037;
    text-decoration: none;
}                     

#error
{
    position: relative;
    float: left;
    display: none;
    width: 558px;
    padding: 10px 20px 10px 20px;
    background: #D0CFB9;
    color: #B31818; 
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
}
                                                                                           

/* ####################################################################################### */


/* Accordion Delights */
.accordion
{
    position: relative;
    float: left;
}

#leftMenu ul.category li ul.csubmenu{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #E0E1D0;
	}
#leftMenu ul.category li ul.csubmenu li a{
	background-color: #E0E1D0;
	padding-left: 20px;
	background-image: url(/client/images/grad_li.gif);
	background-repeat: no-repeat;
	background-position: 12px center;
	}
#leftMenu ul.category li ul.csubmenu li{
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
#leftMenu ul.category li a#ccurent {
	background-color: #028F3E;
	color: #ffffff;
	}
#leftMenu ul.category li ul.csubmenu li a.sel{
	background-color: #D0CFB9;
	background-image: url(/client/images/grad_li_a.gif);
	background-repeat: no-repeat;
	background-position: 12px center;
	}
#leftMenu ul.category li ul.csubmenu li a:hover{
	background-image: url(/client/images/grad_li_a.gif);
	background-repeat: no-repeat;
	background-position: 12px center;
	color: #000000;
	background-color: #D0CFB9;
	}