/* CSS Document */
  body{
    font-family:tahoma; 
    color:black; 
    font-size:11px;
    background-color:#427353; 
    margin-top:0;
  }
  td{
    vertical-align:top;
  }
  div#container{
    margin-left: auto ;
  	margin-right: auto ;
    width:1000px;
  }
  div#header{
    width:1000px; 
    height:222px; 
    background:url(../images/header.jpg) no-repeat;    
  }
  div#topmenu{
    height:23px; 
    padding-right:10px;
    padding-top:10px;
    color: white; 
    text-align:right;
  }
  div#topmenu-content{
    width:910px;
  }
  div#topmenu a {
    font-family:arial; 
    font-size:10px; 
    text-decoration:none; 
    line-height:20px; 
    color:white; 
    padding-right:10px;
  }
  div#topmenu a:hover {
    color:white;
    text-decoration:underline;
  }
  div#mainmenu{
    color:#black; 
    font-family:verdana; 
    font-size:11px; 
    font-weight:bold; 
    text-align:left; 
    top:145px; 
    position:relative; 
    left: 50px;
    width:960px;
    z-index:20;
  }
  div#submenu{
    position: relative;
    top: 142px;
    left: 20px;
    width:985px;
    z-index:10;
    text-align:center;
  }
  div#submenu a{
    color: silver;
    padding-right:20px;
    text-decoration:none;
  }
  div#submenu a.current{
    color: white;
  }
  div#submenu strong{
    padding-right:20px;
  }
  div#body{
    width:1000px; 
    background:url(../images/body.jpg) repeat-y;
  }
  div#body-bg{
   width:1000px; 
   min-height:397px; 
   padding: 10px; 
  }
  div#body-content{
    width:960px; padding:20px; text-align:justify;
     
    font-family:arial; font-weight:normal; font-size:12px; color:black;
  }
  div#body-content div.title{
    text-align: center;  
  }
  div#body-content a{
    color: #ffff99;
    text-decoration: none;
  }
  div#body-content a:hover{
    text-decoration: underline;
  }
  div#body-content div.navigation{
    text-align:center;
  }
  div#body-content div.navigation div{
    text-align:center;
    width:33%;
    float:left;
  }
  
  
  div#bottom{
    width:1000px; 
    height:45px;
    padding-top:15px; 
    text-align:center;
    background:url(../images/bottom.jpg) no-repeat;
  }
  div#bottom div {
    position:relative; 
    text-align:center;
  }
  div#bottom a {
    color:black;
    text-decoration:none;
  }
  div#bottom > div > a:hover {
    color:#ffff99;
    text-decoration:none;
  }
  #bottom-left{
    position:relative; 
    width:33%;
    float:left;
  }
  #bottom-center{
    position:relative; 
    width:33%;
    float:left;
  }
  #bottom-right{
    position:relative; 
    width:33%;
    float:left;
    display:none;
  }
  #bottom:hover #bottom-right{
    display:block;
  }
  #bottom:hover #bottom-center a{
    color:#ffff99;
  }                         


  div#icons{
    text-align: right;
    padding-right: 20px;
    position: relative;
    top: -15px;
  }
  
  div#icons a img{
    border: none;
    padding-left: 10px;
  }

  h1{
    height:50px;
    color:yellow;
    padding-left:20px; 
  }  
  h2{
    font-family:verdana; 
    font-size:12px; 
    font-weight:bold; 
    text-decoration:underline; 
    text-align:center;
  }  
  div.link{
    text-align:center;
    padding-bottom: 10px;
  }  
  div.link a img{
    border: none;
  }
  div.imgholder{
    text-align:center;
  }
  div.imgholder1{
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
  }
  div.imgholder2{
    position:relative;
    left:50%;
  }


  .image{
    position:relative;
    float:left; 
    padding-left:10px; 
    padding-bottom:10px;
  }
  .image_align {
    float:left;
  }
  .image_align img {
    position:relative; 
    background:#fff; 
    padding:1px; 
    display:block;
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
  }

  .image a img{
    border: none;
  }

  span.litter{
    display:block; 
    float:left; 
    padding-top:65px;
  }

  div.clearer{
    clear:both;
  }

  div.separator{
    height:20px;
  }


  div.halfbox{
    width:50%;
    float:left;
    text-align: center;
    margin-bottom: 20px;
  }

  div.fullbox{
    text-align: justify;
    margin-bottom: 20px;
  }

  div.lefthalfrow{
    width:49%;
    float:left;
    text-align: right;
    font-weight: bold;
  }
  
  div.righthalfrow{
    width:50%;
    float:left;
    text-align: left;
  }
    
  fieldset.message legend span{
    font-weight:bold;
    margin-left:10px;
  }
  fieldset.message div.signature{
    text-align:right;
  }
  fieldset.message div.signature img{
    border:none;
  }

  fieldset.error legend{
    color:red;
    font-weight:bold;
  }
  fieldset.error div{
    color:red;
  }

  fieldset input[type=text] {
    width:200px;
  } 
  fieldset input[name=submit], fieldset input[name=test1], fieldset input[name=test3] {
    display:none;
  } 
  fieldset .required{
    border-color:red;
  }
  fieldset.message textarea{
    width:700px;
    height:300px;
  } 
  fieldset.mailform textarea{
    width:400px;
    height:300px;
  } 
  fieldset td{
    vertical-align:top; 
  } 


td.suda{
  background-color: #e5e5e5;
}
th.suda{
  background-color: #e5e5e5;
}
td.licha{
  background-color: #d5d5d5;
}
th.licha{
  background-color: #d5d5d5;
}

.resultexams, .resultexhibs, .pedigree{
  width: 850px;
}

.pedigree{
  background-color:#fff;
  color:#000;
}

.right{
  text-align:right;
}
.left{
  text-align:left;
}
.center{
  text-align:center;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/muti-line-dropdown.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {position:relative; z-index:500; } /* height for this demo only */
#menu ul {padding:0; margin:0; list-style:none; padding:0 0 1px 0; background:none;}
#menu ul.level1 {height:30px;}
#menu ul ul {position:absolute; left:-9999px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}

#menu ul li {background:none; margin-right:5px; float:left;}
#menu ul li a {display:block; float:left; padding:8px 10px 8px 5px; font:normal 11px verdana, sans-serif; color:#000; text-decoration:none; border:1px solid #f7a939;}


#menu ul ul li {margin:0;}
#menu ul ul li a {width:155px;}
#menu ul ul li a.fly {padding-right:10px;}

#menu ul li:hover {position:relative;}
#menu ul li a:hover {direction:ltr;  position:relative;}
#menu ul li:hover > a {background:#765; color:#fff; border-color:#987;}

#menu ul :hover ul {left:-5px; width:122px; top:31px;}

#menu ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul :hover ul {left:122px; width:122px; top:-5px;}

#menu ul :hover ul ul,
#menu ul :hover ul :hover ul ul, 
#menu ul :hover ul :hover ul :hover ul ul {left:-9999px;}

#menu  ul.level1 > li {border: 0px; background: none; padding-bottom:6px;} 
#menu  ul.level1 > li > a{border: 1px solid transparent; background: none;  color: black;} 
#menu  ul.level1 > li > a:hover{color: white;} 
#menu  ul.level1 > li:hover > a {  color: white;}
#menu  ul.level1 > li > a.current {  color: white;}


#menu  ul.level2 {margin-top: 5px;}

#menu  a.level2-a {color: #000; background:#E2E2E2; border:1px solid #fff; border-color:#fff #fff #fff #fff;}
#menu  a.level2-a:hover {background:#ffcc33; color:#000; border-color:#ebac45;}
