/* GENERAL */

* { margin: 0; padding: 0; }
*:focus { outline: none; } 
img { border: 0; }
hr { clear: both; visibility: hidden; }
table { border-collapse: collapse; }
ul { list-style-type: none; }

body {
  background: #AAAAAA;
  font: normal 11px Trebuchet MS; }
  
h2 { font-weight: bold; font-size: 16px; }
  
a { color: #000000; text-decoration: none; }
a:hover { color: #cc0000; text-decoration: underline; }

/* MAIN */

#Header {
  margin: 0 auto;
  width: 700px;
  height: 120px;
  background: url('img/logo.jpg') no-repeat; }  

#Main {
  padding-top: 1px;
  margin: 0 auto;
  /*height: 400px;*/
  width: 700px;
  background: #dcca7e;
  border-left: 1px solid #bfa951;
  border-right: 1px solid #bfa951;
  border-bottom: 1px solid #bfa951;
  text-align: justify; }
  
#Main a { color: #887f5C; text-decoration: none; border-bottom: 1px dotted #bfa951; }
#Main a:hover { color: #887f5C; text-decoration: none; border-bottom: 1px solid #bfa951; }
  
.chapter {
  color: #444444;
  padding: 5px;
  margin: 10px;
  background: #eddc8e;
  border: 1px solid #EEEEEE; }
  
.chapter img { padding: 5px 15px 5px 5px; float: left; }
  
#Footer {
  margin: 0 auto;
  width: 700px;
  height: 25px;
  background: #dcca7e;
  border-left: 1px solid #bfa951;
  border-right: 1px solid #bfa951;
  border-bottom: 1px solid #bfa951; }
  
#bottom {
  text-align: right;
  color: #999999;
  font-size: 10px;
  padding: 5px; }
  
#bottom a {
  font-weight: bold;
  color: #999999;
  text-decoration: none;
  border-bottom: 0px; }
#bottom a:hover {
  text-decoration: none;
  border-bottom: 0px;
color: #777777; }

/* ------------------------- TopMenu -------------------------------- */

#Menu { margin: 0 auto; width: 702px; height: 35px; background: url('img/menu-bg.gif'); }

#Menu ul { margin: 0 auto; text-align: center; }

#Menu li { float: left; padding-top: 8px; padding-left: 30px; }

#Menu span { font-weight: bold; }

#Menu a { text-decoration: none; color: #dcca7e; }
#Menu a:hover { text-decoration: none; color: #edeeeb; border-bottom: 3px solid #7b7873; }

#menu-left { width: 4px; height: 35px; float: left; background: url('img/menu-left.gif'); }
#menu-right { width: 4px; height: 35px; float: right; background: url('img/menu-right.gif'); }


div#gallery { text-align: center; }


.center { text-align: center; }
.clear { clear: both; }
.img { width: 270px; margin: 0 auto; text-align: center; height: 70px; }

.submenu { width: 180px; float: left; border: 1px solid #BFA951; padding: 5px; margin-right: 10px; }
.submenu p.subtitle { font-size: 12px; font-weight: bold; }