body {
background-color: #F1DAF2;
font-size: medium;
}

a.centered, a.centered:visited{
color: white; 
text-decoration: none;
font-family: Century Gothic;
font-size: x-large;
font-weight: bold;
}

a.centered:hover {
color: #cf4336;
z-index: 4;
}

h1.centered {
color: white; 
font-family: Century Gothic;
font-size: x-large;
font-weight: bold;
}

img.photo {
position: absolute;
left: 49%;
top: 18%;
width: 31%;
height: 65%;
z-index: 1;
background-image: URL('images/dorothea_frontpage.jpg');
background-repeat: no-repeat;
}
a.enter_site,a.enter_site:visited {
margin: 0px 0px 0px 0px;
background: transparent;
color: white; 
text-decoration: none;
padding-left: 0;
font-family: Century Gothic;
font-size: x-large;
font-weight: bold;
position: absolute;
top: 73%;
left: 63%;
z-index: 4;
}
a.enter_site:hover {
color: #cf4336;
z-index: 4;
}
p.topbar {
margin: 0px 0px 0px 0px;
background-color: #d89cdb;
font-family: Century Gothic;
color: #2a2528;
height:11%;
width:61%;
position: absolute;
left: 20%;
top: 10%;
text-align: center;
z-index: 4;
border-style: solid solid solid solid;
border-width: 0px;
border-color: #cf4336 #cf4336 #745476 #cf4336;
border-top-width: 7px;
border-bottom-width: 7px;
font-weight: bold;
}

p.bottomtext {
margin: 0px 0px 0px 0px;
background-color: #d89cdb;
font-family: Century Gothic;
color: #2a2528;
height:10%;
width:61%;
vertical-align:middle;
position: absolute;
left: 20%;
top: 78%;
text-align: center;
z-index: 4;
border-style: solid solid solid solid;
border-width: 7px;
border-color:  #745476 #cf4336 #cf4336 #cf4336;
border-left-width: 0px;
font-weight: bold;
}
div.left {
background-color: #745476;
position: absolute;
left: 20%;
top: 20%;
height: 65%;
width: 30%;
z-index: 3;
border-style: solid;
border-width: 0px;
border-color: #dad9d3;
border-right-width: 0px;
}
div.left_bar {
background-color: #d89cdb;
color: #888a8a;
position: absolute;
width: 4%;
height: 78%;
left: 17%;
top: 10%;
z-index: 2;
border-style: solid;
border-width: 7px;
border-right-width: 0px;
border-color: #cf4336 #cf4336 #cf4336 #cf4336;
}
div.right_bar {
background-color: #d89cdb;
color: #888a8a;
position: absolute;
width: 3%;
height: 78%;
left: 79%;
top: 10%;
z-index: 5;
border-style: solid;
border-width: 7px;
border-left-width: 0px;
border-color: #cf4336 #cf4336 #cf4336 #cf4336;
}
.centered {
text-align: center;
margin-left: auto;
margin-right: auto;
z-index: 9999;
display: block;
}
#logo {
margin-left: auto;
margin-right: auto;
z-index: 9999;
display: block;
top: 60%;
}