html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
font-family: Georgia, Times New Roman, Times, serif;
}
#bg_image {
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}
#header {
position: fixed;
bottom: 76%;
left: 0;
width: 100%;
height: 24%;
color: #ffffff;
overflow: hidden;
z-index: 2;
text-align: center;
}
#header .inside {
width: 80%;
clear: both;
position: relative;
padding-top: 30px;
margin-right: auto;
margin-left: auto;
min-width: 800px;
}
#header .inside .quote {
right: 0;
position: absolute;
top: 40px;
text-align: right;
color: #DAD7C6;
}
#header .inside .logo {
position: absolute;
top: 30px;
left: 0;
}
#content {
position: fixed;
bottom: 26%;
left: 0;
width: 100%;
height: 50%;
color: #ffffff;
overflow: hidden;
z-index: 3;
text-align: center;
overflow: visible;
}
#content .block {
width: 80%;
height: 120%;
position: relative;
top: -10%;
margin-right: auto;
margin-left: auto;
}
#content .block .inside {
background: url('writingbg.jpg') #F1E8D8;
height: 100%;
width: 69.9999999%;
float: right;
}
#content .block .inside2 {
background: url('painting.jpg') center #F1E8D8;
height: 100%;
width: 70%;
float: right;
}
#content .block .inside3 {
background: url('violin.png') center #F1E8D8;
height: 100%;
width: 70%;
float: right;
}
#content .block .inside .text {
width: 94%;
height: 94%;
overflow: auto;
position: relative;
top: 3%;
margin-right: auto;
margin-left: auto;
color: #000000;
}
#content .block .inside2 .text {
width: 94%;
height: 94%;
overflow: auto;
position: relative;
top: 3%;
margin-right: auto;
margin-left: auto;
color: #ffffff;
}
#content .block .inside3 .text {
width: 94%;
height: 94%;
overflow: auto;
position: relative;
top: 3%;
margin-right: auto;
margin-left: auto;
color: #ffffff;
}
#content .block .menu {
text-align: right;
width: 30%;
height: 100%;
float: left;
padding-top: 10px;
}
#green {
position: fixed;
bottom: 7%;
left: 0;
width: 100%;
height: 19%;
color: #ffffff;
overflow: hidden;
z-index: 2;
text-align: center;
}
#footer {
position: fixed;
bottom: 10px;
left: 0;
width: 100%;
height: 7%;
color: #ffffff;
overflow: hidden;
z-index: 2;
text-align: center;
}
p.spacer { padding-bottom: 20px; }
p {
padding-left: 50px;
padding-right: 50px;
}
table {
width: 100%;
}
td.side {
width: 20%;
}
a {
font-size: 2em;
display: block;
color: #ffffff;
text-decoration: none;
display: block;
margin-bottom: 10px;
margin-top: 10px;
padding-right: 20px;
}
a.small{
display: inline;
text-decoration: underline;
font-size: 1.5em;
padding-right: 0;
}
a.inline{
font-size: 1em;
display: inline;
text-decoration: underline;
padding-right: 0;
}
a.select {
color: #000000;
background: url('writingbg.jpg') #F1E8D8;
}
a.select2 {
color: #ffffff;
background: url('painting.jpg') #F1E8D8;
}
a.select3 {
color: #ffffff;
background: url('violin.png') #F1E8D8;
}
a:hover { text-decoration: underline; }