* { font-family: Verdana, Trebuchet, Helvetica, Sans-Serif; }

html {
margin: 0;
padding: 0;
font-size: 11px;
}

body {
color: #600;
margin: 0;
padding: 0;
background-color: #f8e89f;
text-align:center; /* center layout in ie5 and 5.5. */
}

ul {
margin: 0;
padding: 0;
list-style: none;
}

h2 {
font-size: 18px;
padding:  5px 10px 5px 10px;
}

h3 {
font-size: 15px;
margin: 0;
padding: 30px 2px 10px 2px;
}

p {
padding: 2px;
}

.art {
text-align: left;
margin: 10px 10% 10px 10%;
}

img {
padding: 2px;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu a:hover {
color: #f6f7b9;
background-color: #d40202;
}

#menu a {
display:block;
padding: 5px 15px;
text-decoration: none;
color: #d40202;
background-color: #f6f7b9;
border-bottom: dotted 1px #d40202;
}

#gal-menu {
padding: 20px;
}

#gal-menu ul {
  display: inline; margin: 0; padding 0;
}
#gal-menu li {
  display: inline; margin: 0; padding: 0;
}
#gal-menu a {
display: inline;
text-decoration: none;
margin: 0;
padding: 0 1px 0 1px;
color: #d40202;
background-color: #f6f7b9;
font-size: 13px;
border-right: dotted 1px #d40202;
}
#gal-menu a:hover {color: #f6f7b9; background-color: #d40202;}

#arch a:hover {
color: #d40202;
background-color: #f6f7b9;
font-weight: bold;
}

#arch a {
display:block;
padding: 5px 15px;
text-decoration: none;
color: #d40202;
background-color: #f6f7d6;
border-bottom: dotted 1px #d40202;
}

#container {
width: 100% !important;
width: 100%; /* IE */
margin: 0;
padding: 0;
text-align: center;
position: relative;
background-color: #f6f7b9;
}

#left {
position: absolute;
left: 0px;
top: 0px;
position: fixed;
  float: left;
  width: 20%;
  display: inline;
}

#middle {
  float: right;
  width: 60%;
  display: inline;
  background-color: #f6f7d6;
}

#right {
  float: right;
  width: 20%;
  display: inline;
}


#header {
background-color: #d40202;
}