/* CSS Script */

*    { border: 0; padding: 0; margin:0; }
body { font-family: tahoma, verdana, arial; background-color: #fff; background-image: url('../img/bg.png'); background-position: center top; background-repeat: repeat-y; font-size: 10px; color: #ddd;  }

h1   { font-size: 24px; margin: 10px 0; }
h2   { font-size: 20px; margin: 10px 0; }
h3   { font-size: 16px; margin: 10px 0; }
h4   { font-size: 12px; margin: 10px 0; }
h5   { font-size: 10px; margin: 10px 0; }
h6   { font-size: 10px;  margin: 10px 0; }

#container { width: 976px; height: auto; margin: 0 auto; }
  #top     { width: 976px; height: 154px; float: left; background-repeat: no-repeat;  }
  #menu     { width: 976px; height: 41px; float: left; background-image: url('../img/menu.jpg'); background-repeat: no-repeat;  }  
    
    #top_menu { margin: 13px 0 0 10px; float: left; }
    #top_menu li {  font-size: 13px;  text-align: center; display: inline; list-style-type: none; margin: 0 10px; }
    #top_menu li a       { text-decoration: none; color: #eee; }
    #top_menu li a:hover { text-decoration: none; color: #333; }
  
  #mid     { width: 976px; min-height: 395px; float: left;  background-image: url('../img/content_bg.png'); background-repeat: repeat-x;   }
    #midbox  { float:left; clear: left; margin: 40px 0 0 45px; _margin: 40px 0 0 10px;  width: 420px; height: 130px; color: #111; font-size: 9px; }
    #midbox1 { float: left;  margin: 5px 0 0 10px; width: 185px; height: 150px; }
    #midbox2 { float: right; margin: 5px 10px 0 0; width: 185px; height: 150px; }
    #midbox3 { float: left;  margin: 5px 0 0 10px; width: 185px; height: 150px; }
    #midbox4 { float: right; margin: 5px 10px 0 0; width: 185px; height: 150px; }
    
  #content   { width: 976px; height: 185px; float: left;  background-image: url('../img/bottom.jpg'); background-repeat: no-repeat; }
  #content span { color: #111; float: right; margin: 167px 110px 0 0; }
  
  #tresc     { clear: right; color: #111; font-size: 11px; width: 450px; height: auto; float: right; margin: 36px 40px 0 0; }
  #tresc p   { text-indent:10px; margin: 10px 0;}
  #tresc ul  { margin: 10px 0 10px 20px;}
  
  #sublinks  ul li { font-size: 11px; list-style-type: none; margin: 2px 7px; }
  #sublinks  ul li a       { font-weight: normal; text-decoration: none; color: #222; }
  #sublinks  ul li a:hover { font-weight: normal; text-decoration: none; color: #555; }
  
  #footer               { width: 976px; height: 35px; float: left; text-align: center;  background-image: url('../img/menu.jpg');  }
  #footer ul            { margin: 13px 10px 0 10px; }
  #footer ul li         { display: inline; list-style-type: none; margin: 0 10px;}
  #footer ul li a       { text-decoration: none; color: #eee; }
  #footer ul li a:hover { text-decoration: none; color: #333; }
  
  #navpath  ul    { margin: 0}
  #navpath  ul li { display: inline; list-style-type: none; }
  #navpath  ul li a       { font-weight: normal; text-decoration: none; color: #222; }
  #navpath  ul li a:hover { font-weight: normal; text-decoration: none; color: #555; }
  
  .gallery p   { margin: 0 30px; }
  .thumb       { margin: 10px; border: 1px solid black;}
  .thumb:hover { margin: 10px; border: 1px solid white;}