* {margin:0;padding:0}

html, body {
  height      : 100%;
  width       : 100%;
  text-align  : left;
  font-family : tahoma, sans-serif;
  font-size   : 11px;  
  line-height : 14px; 
  color       : #49759D;   
  background  : #AFCAE2 url(../../img/site/bg_main.jpg) repeat-x;    
}  


/* --------------- MAIN CONTAINERS --------------- */ 
/* ----------------------------------------------- */ 

#page_container {
  width         : 998px;  
  margin        : 0 auto;
  position      : relative;
}   

#top_container {
  height     : 96px;
  background : white;
  position   : relative;
}

#header_container {  
  position   : relative;   
  height     : 255px;
  background  : url(../../img/site/header.jpg) 0 100% no-repeat;   
}
  
#main_container {
  background : url(../../img/site/bg_content.png) 0 0 repeat-y;   
  width      : 998px;  
}

#left_container {
  float       : left;
  width       : 335px;
  background  : blue;  
  min-height  : 445px;   
  background  : url(../../img/site/bg_left.gif) 100% 0 no-repeat;   
}  

#right_container {
  float   : left;
  width   : 500px;  
  padding : 0 0 30px 30px; 
} 


#main_content_container {
  background  : url(../../img/site/bg_content_top.jpg) 0 0 no-repeat;   
  position    : relative;
  min-height  : 90px;   
  padding     : 40px 120px 0 240px;       
}

.clearfooter {
  clear  : both;
  height : 35px;	
}

#footer_container {    
  text-align : center;    
  position   : relative;
} 


/* --------------- EXTRA CONTAINERS --------------- */ 
/* ----------------------------------------------- */       



#bottom_container {
  background  : url(../../img/site/bottom.png) 0 0 no-repeat;   
  height : 106px;
  position   : relative;
}



#copyright_container {
  position  : absolute;
  top       : 107px;
  left      : 80px;
  font-size : 10px;
}     

a#toplogo_container:link, a#toplogo_container:visited, a#toplogo_container:hover {
  position    : absolute;
  top         : 70px;
  left        : 70px;
  display     : block;
  width       : 170px;
  line-height : 100px;
  text-decoration : none;
}


/* --------------- MENU ------------------- */ 
/* ---------------------------------------- */ 
#menu_container {  
  position : absolute;        
  top      : 215px;
  left     : 230px; 
  z-index  : 100;  
} 
#menu_container ul {  
  text-align : left;
} 
#menu_container ul li {  
  list-style   : none;   
  border-right : solid 1px #EAEAEA;
  float        : left;   
  padding      : 0 1px;
  position      : relative;  
}
#menu_container ul li a, #menu_container ul li a:hover { 
  text-decoration : none;
  color           : #285E8F;   
  font-weight     : bold;
  font-size       : 13px;
  text-align      : center;  
  float           : left;                                    
  padding         : 7px 0;
  width           : 105px;   
  background      : url(../../img/site/menu_item.gif) 100% 50% no-repeat; 
}  
#menu_container ul li a:hover {
  text-decoration : none;
  color           : #D3E3E6;   
  background      : url(../../img/site/menu_item_on.gif) 100% 50% no-repeat; 
}

#menu_container ul li ul {
  position   : absolute; 
  top        : 28px;   
  left       : -20px;
  width      : 149px;   
  text-align : center;    
  padding-top : 3px;   
  display     : none;
}
#menu_container ul li ul li {
  background  : none;
  border      : 0;
  padding     : 0;  
  float       : none;   
}
#menu_container ul li ul li a, #menu_container ul li ul li a:hover { 
  padding      : 0;
  font-size    : 11px;
  float        : none;
  font-weight  : lighter;
  border       : solid 1px #A8BFD9;
  border-width : 0 1px;    
  width        : 147px;
  background   : #D2E3E4;
  display      : block;   
  padding      : 3px 0;
}  
#menu_container ul li ul li a:hover {
  text-decoration : underline;
  color           : #285E8F;   
} 

#menu_container ul li ul li.submenu_top {
  background  : url(../../img/site/submenu_top.gif) no-repeat; 
  line-height : 10px;
}
#menu_container ul li ul li.submenu_bottom {
  background  : url(../../img/site/submenu_bottom.gif) no-repeat; 
  line-height : 10px;
}

#menu_container ul li:hover  ul {display: block;}


#menu_container ul li a.menu_nav_opened, #menu_container ul li a.menu_nav_opened:visited, #menu_container ul li a.menu_nav_opened:hover {
  background : url(../../img/site/menu_item_on.gif) 0 50% no-repeat; 
  color           : white;   
}

#menu_nav a.menu_nav_selected, #menu_nav a.menu_nav_selected:visited, #menu_nav a.menu_nav_selected:hover {
  background      : url(../../img/site/menu_item_on.gif) 0 50% no-repeat; 
} 

/* ------------------ BOTTOM MENU -------------------------- */ 

#menu_bottom_container {
 
}
#menu_bottom_container a:link, #menu_bottom_container a:visited, #menu_bottom_container a:hover {
  color  : #5287B8;
  margin : 0 30px;
}

/* ------------------ SITEMAP -------------------------- */ 
.sitemap_container { 
  padding     : 0 0 20px 20px;
  text-align : left;   
} 
.sitemap_container li { 
  list-style  : none;
  line-height : 20px;  
}
.sitemap_container li ul { 
  margin-left: 20px;
}




/* ------------------ Icons -------------------------- */ 
#icons_container {
  position    : absolute;
  top         : 105px;
  right       : 65px; 
  background  : url(../../img/site/bg_icons.gif) 26px 4px no-repeat;  
  width       : 130px;
  height      : 13px; 
}  
a#icon_home:link, a#icon_home:visited, a#icon_home:hover,
a#icon_mail:link, a#icon_mail:visited, a#icon_mail:hover,
a#icon_map:link, a#icon_map:visited, a#icon_map:hover {
  display         : block;
  line-height     : 23px;
  float           : left;
  padding-left    : 17px;
  text-decoration : none;
}
a#icon_home:link, a#icon_home:visited, a#icon_home:hover {
  width      : 23px;
  background : url(../../img/site/icon_home.gif) no-repeat;
}
a#icon_mail:link, a#icon_mail:visited, a#icon_mail:hover {
  width      : 23px;
  background : url(../../img/site/icon_mail.gif) no-repeat;
}
a#icon_map:link, a#icon_map:visited, a#icon_map:hover {
  width      : 10px;
  background : url(../../img/site/icon_map.gif) no-repeat;
}


a#icon_home:hover {
  background : url(../../img/site/icon_home_on.gif) no-repeat;
}
a#icon_mail:hover {
  background : url(../../img/site/icon_mail_on.gif) no-repeat;
}
a#icon_map:hover {
  background : url(../../img/site/icon_map_on.gif) no-repeat;
}

a#icon_home:hover, a#icon_mail:hover, a#icon_map:hover {
  text-decoration : none;
}


#langs_container {
  position    : absolute;
  top         : 5px;
  right       : 120px; 
  text-align  : right;  
}  
#langs_container a {
  padding : 0 5px;
  color   : white;
}


/* ------------------- Logo and Photo ------------------------- */ 

#logo_box { 
  position   : absolute;
  top        : 0;
  left       : 48px;
  width      : 287px;
  height     : 168px;  
  background : url(../../img/site/logo_bg.gif) no-repeat;
}

#logo_container {
  position   : absolute;
  background : url(../../img/config/logo.png) no-repeat;
}
#logo_container a:link, #logo_container a:visited, #logo_container a:hover {
  display         : block;
  width           : 100%;
  line-height     : 100%;
  position        : relative; 
  z-index         : 1;
  text-decoration : none;
}
#logo_innerwrap {
  width  : 100%;
  height : 100%;
}

#photo_container {
  width  : 897px;
  height : 168px;
  
  position   : absolute;
  top        : 0px;
  left       : 0px;
  background : url(../../img/config/photo.png) no-repeat;  
}  

#photo_top_round {
  width  : 460px;
  height : 175px;
  
  position   : absolute;
  top        : 0px;
  left       : 0px;
  background : url(../../img/site/photo_round.png) no-repeat;  
}

/* ------------------- Paging ------------------------- */ 
.pages_container  {
  text-align  : center;     
  line-height : 30px
}  
.pages_container a:link, .pages_container a:visited, .pages_container a:hover {
  color           : #5A5956;  
  padding         : 2px 4px;
  text-decoration : none;
}
.pages_container a:hover {
  text-decoration : none;
  background      : #AFCAE2;
  color           : white;
}
  
a.page_next:link, a.page_next:visited, a.page_next:hover {
  line-height     : 15px; 
  background      : url(../../img/site/next.gif) 100% 50%  no-repeat;     
  color           : #848689;
  text-decoration : none;
}
a.page_previuos:link, a.page_previuos:visited, a.page_previuos:hover {
  line-height     : 15px; 
  background      : url(../../img/site/prev.gif) 0 50% no-repeat;  
  color           : #848689;
  text-decoration : none;
}   
.page_current {
  line-height : 14px; 
  padding     : 2px 4px; 
  background  : #AFCAE2;  
  color       : white;
}   


/* --------------- EXTRAS --------------------- */ 
/* -------------------------------------------- */ 

h1 {  
  font-size      : 14px;   
  font-weight    : bold; 
  line-height    : 20px;
  color          : #479E01;   
  text-align     : left;
  width          : 130px;  
  
  position : absolute;
  top : 35px;
  left : 105px;
}  
 
h2 {
  font-size   : 11px;   
  font-weight : bold; 
  line-height : 23px;
  text-align  : center;    
  text-decoration : underline;
}  
 
.button { 
  padding     : 0 10px;
  font-family : arial, sans-serif;  
  font-size   : 11px;
  border      : #7A7A7A 1px solid; 
  background  : #D5E4EC;
  color       : #4F4E4E;;
}
 
.error_message{
  color     : red;
  font-size : 10px;
}
 
.success_message{
  color       : #33568E;
  font-size   : 11px; 
  font-weight : bold; 
  text-align  : center; 
  line-height : 15px;
} 

.content_block {   
  padding : 0 30px 0 0;
}

#content_container img {
  border : solid 2px #479E01;
  margin : 3px;
}
#content_container ul {
  list-style-position: inside;
  padding-left: 10px;
}
#content_container blockquote {
  padding-left: 20px;
}
#content_container p {
  padding: 6px 0;
}

/*
#content_container table {
  border       : solid 1px #D3DBE8;
  border-spacing: 1 1;
}
#content_container table th {
  border       : solid 1px #D3DBE8;
  padding      : 2px;
}
#content_container table td {
  border       : solid 1px #D3DBE8;
  padding      : 2px;
}
*/


a.more_link:link, a.more_link:visited, a.more_link:hover {
  color       : #666666;
  padding     : 6px 40px;
  line-height : 27px;
  text-decoration : none;
}
  
.clear {
  clear       : both; 
  line-height : 0px;
  font-size   : 0px;
}

a:link, a:visited, a:hover {
  color           : #479E01;
  text-decoration : none;
}

a:hover {
  text-decoration: underline;
}