body {
	text-align: center;
	margin: 0px auto;
	background-color: white;
	font-family: Arial, Tahoma, Verdana;
}

.clear {
  clear: both;
}

#top {
	width: 100%;
	height: 418px;
  background-image: url(../../include/images/bg-repeat.png);
  background-repeat: repeat-x; 
}

  #language {
    width: 1024px;
    height: 64px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../../include/images/language.png);
    background-repeat: no-repeat;
  }
  
    #language ul {
      padding: 25px 0px 0px 813px;
      margin: 0px;
      list-style-type: none;
    }
    
    #language li {
      width: 20px;
      float: left;
      margin-right: 17px;
    }
    
    #language a {
      display: block;
      width: 0px;
      height: 13px;
      padding-left: 20px;
      overflow: hidden;
    }
    
  #menu {
    width: 1024px;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../../include/images/menu.png);
    background-repeat: no-repeat;    
  }
  
    #menu ul {
      padding: 10px 0px 0px 16px;
      margin: 0px;
      list-style-type: none;
    }
    
    #menu li {
      float: left;
      margin: 0px 30px 0px 30px;
    }
    
    #menu a {
      font-size: 9pt;
      font-weight: bold;
      color: white;
      text-decoration: none;
      text-transform: uppercase;
    }
    
    .strong {
      color: #cccccc;
    }
    
    #menu a:hover {
      text-decoration: underline;
    }    

  #logo {
    width: 1024px;
    height: 310px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../../include/images/logo.png);
    background-repeat: no-repeat;
    text-align: left;   
  }
   
    #logo a {
      width: 0px;
    	display: block;
     	height: 210px;
     	padding-left: 500px;
     	overflow: hidden;
    }
     
    #logo h1 {
     	margin: 0px;
     	padding: 0px;
    }
    
    #logo p {
      padding-left: 50px;
      font-size: 9pt;
      font-weight: bold;
      color: black;
      text-decoration: none;
      text-transform: uppercase;
    }                

#middle {
	width: 100%;
	min-height: 100px;
  background-color: white;
}

    #content {
    	width: 924px;
    	padding: 10px 50px 10px 50px;
      margin-left: auto;
      margin-right: auto;
      text-align: left;
    }
    
    #content-left {
    	width: 200px;
    	min-height: 420px;
      text-align: left;
      float: left;
    }
    
    #jquery {
    	width: 200px;
    }
    
      #jquery ul {
        list-style-type: none;
        margin: 20px 0px 0px 0px;
        padding: 0px;
      }
      
      #jquery img {
        margin: 0 0 10px 0;
        border: 3px solid #c8386b;
        padding: 0px;
      }    
    
    #content-right {
      width: 700px;
      float: left;
    }        
    
      #content-right h2 {
        font-size: 12pt;
        color: #983262;
        font-weight: bold;
        text-transform: uppercase;
      }
      
      #content-right h3 {
        font-size: 11pt;
        color: #983262;
        font-weight: normal;
      }
      
      #content-right h4 {
        font-size: 10pt;
        color: #505666;
        font-weight: normal;
      }        
  
      #content-right p {
        font-size: 10pt;
        color: #505666;
      }
      
      #content-right a {
        font-size: 10pt;
        color: #505666;
        text-decoration: underline;
      }
      
      #content-right a:hover {
        text-decoration: none;
      }       
      
      #content-right li {
        font-size: 10pt;
        color: #505666;
      }
      
      #content-right table {
        font-size: 10pt;
        color: #505666;
        border: 0px;
      }
      
      #content-right td, th {
        border-bottom: 1px solid #505666;
        padding: 4px;
        margin: 0px;
      }         
      
      #content-right img {
        margin: 3px;
        border: 1px solid #983262;
        padding: 3px;
      }
      
               
      
#bottom {
	width: 100%;
	height: 100px;
  background-color: #161616 
}

  #copyright {
  	width: 1024px;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;     
  }

      #copyright p {
        font-size: 9pt;
        color: white;
      }
      
      #copyright a {
        font-size: 9pt;
        color: white;
        text-decoration: underline;
      }
      
      #copyright a:hover {
        text-decoration: none;
      }

/*



    

    

    
    #language a {
      font-family: Georgia, Arial, Tahoma, Verdana;
      font-size: 12pt;
      color: #6e3321;
      font-weight: normal;
      text-decoration: none;
    }
      
    #language a:hover {
      text-decoration: underline;
    }    
    
  #jquery {
    position: relative;
  	width: 467px;
  	height: 307px;
  	z-index: -100;
  	top: -253px;
  	left: 416px;
  }
  
    #jquery ul {
      margin: 0px;
      padding: 0px;
      list-style: none;
    }  
    
    #jquery li {
      margin: 0px;
      padding: 0px;
    }
    
    #jquery img {
      border: 0px;
    }

#middle {
	width: 919px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
	background-image: url(../../include/images/middle-repeat.png);
	background-position: 0px 0px;	
	background-repeat: repeat-y;  
}

  #middlecenter {
  	width: 919px;
    min-height: 450px;  	
  	background-image: url(../../include/images/middle.png);
  	background-position: 0px 0px;	
  	background-repeat: no-repeat;  
  }
  
    #pannel {
    	width: 172px;
      float: left;
      margin: 0px 34px 20px 16px;
      text-align: center;
    }
    
      .hrtop {
        width: 172px;
        height: 21px;
      	background-image: url(../../include/images/hr-top.png);
      	background-position: 0px 0px;	
      	background-repeat: no-repeat;        
      }   
      
      .hrbottom {
        width: 172px;
        height: 21px;
      	background-image: url(../../include/images/hr-bottom.png);
      	background-position: 0px 0px;	
      	background-repeat: no-repeat;      
      }       
    
      #pannel h2 {
        font-family: Georgia, Tahoma, Arial, Verdana;
        font-size: 14pt;
        color: #6e3321;
        font-weight: normal;
        margin-bottom: 0px;
      	background-image: url(../../include/images/li.png);
      	background-position: 0px 0px;	
      	background-repeat: no-repeat;        
      }
      
      #pannel h3 {
        font-family: Arial, Tahoma, Verdana;
        font-size: 9pt;
        color: #6e3321;
        font-weight: bold;
      }
      
      #pannel h4 {
        font-family: Arial, Tahoma, Verdana;
        font-size: 8pt;
        color: #6e3321;
        font-weight: bold;
      }        
  
      #pannel p {
        font-family: Arial, Tahoma, Verdana;
        font-size: 8pt;
        color: black;
      }
      
      #pannel a {
        font-family: Arial, Tahoma, Verdana;
        font-size: 8pt;
        color: #6e3321;
        text-decoration: none;
        font-weight: normal;
      }
      
      #pannel a:hover {
        text-decoration: underline;
      }     
      
      #pannel li {
        font-family: Arial, Tahoma, Verdana;
        font-size: 8pt;
        color: black;
      }
      
      #pannel ul {
        margin-left: 16px;
        padding: 0px;
      }      
      
        #podmenu a {
          font-family: Arial, Tahoma, Verdana;
          font-size: 10pt;
          color: #6e3321;
          text-decoration: none;
        }
        
        #podmenu a:hover {
          text-decoration: underline;
        }   
        
        #podmenu {
          line-height: 20px;
          text-align: left;
        }          
        
        #podmenu li {
          font-family: Arial, Tahoma, Verdana;
          font-size: 10pt;
          color: #6e3321;
        }      
      
      #pannel table {
        font-family: Arial, Tahoma, Verdana;
        font-size: 8pt;
        color: black;
        border: 0px;
      }
      
      #pannel td, th {
        border: 1px solid #6e3321;
        padding: 3px;
      }         
      
      #pannel img {
        margin: 6px;
        border: 1px solid #6e3321;
        padding: 2px;
      }
      


#bottom {
	width: 919px;
	height: 50px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}

  #copyright {
    padding-right: 10px;
  }
  
    #copyright p {
      font-family: Arial, Tahoma, Verdana;
      font-weight: normal;
      color: #aa7d7a;
      font-size: 8pt;
    }
    
    #copyright a {
      font-family: Arial, Tahoma, Verdana;
      text-decoration: underline;
      font-weight: normal;
      color: #aa7d7a;
      font-size: 8pt;
    }
    
    #copyright a:hover {
      text-decoration: none;
    } 

.clear {
	clear: left;
}