/* This design is heavily/completely based on Secret Files by caio1982. caio1982 has a lot of good designs, you should check them out. Very impressive, though many of them are old. Unfortunatly they use tables, but that can be fixed with some effort, right? This one was extra hard, cause it only used a tiny bit of CSS, but oh well. He also had all his elemnts in order, putting the footer before the header or main text. Fun to work out*/

body {
background-color: #F5F5F5;
color: #000000;
font-family: Helvetica, Arial, Verdana
}

#top {
width: 95%;
background-color: #666666;
color: #ffffff;
font-size: 50px;
font-weight: bold;
padding-left: 10px;
}


#topnav {
width: 95%;
background-color: #666666;
color: #000000;
text-decoration: none;
font-size: 17px;
padding: 5px;
border-bottom: solid 4px #000000;
}

#topnav a, a:visited {
background-color: #666666;
color: #000000;
text-decoration: none;
font-size: 17px;
}

#topnav a:hover {
background-color: #666666;
color: #ffffff;
text-decoration: underline;
font-size: 17px;
}

#nav {
width: 95%;
background-color: #000000;
color: #ffffff;
text-align: right;
font-size: 12px;
padding: 5px;
margin-top: 0px;
}

#nav a, a:visited {
background-color: #000000;
color: #ffffff;
text-decoration: none;
}

#nav a:hover {
background-color: #000000;
color: #0000ff;
text-decoration: underline;
}


#left {
position: fixed;
top: 277px;
left: 20px;
width: 200px;
font-size: 10pt;
background-color: #F5F5F5;
color: #000000;
padding: 5px;
}

.title {
color: #000000;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
text-align: left;
}

#left a, a:visited {
background-color: #F5F5F5;
color: #000000;
text-decoration: none;
font-size: 10pt;
}

#left a:hover {
background-color: #F5F5F5;
color: #000000;
text-decoration: underline;
font-size: 10pt;
}

#midtitle {
position: absolute;
top: 280px;
left: 250px;
background-color: #F5F5F5;
color: #000000;
font-size: 35px;
font-weight: bold;
}

.midhead {
background-color: #ffffff;
color: #000000;
font-size: 10pt;
border: solid 2px #000000;
font-weight: bold;
padding: 3px;
height: 6.5em;
-moz-border-radius: 10px;  
}

.midheadbg {
position: absolute;
top: 25px;
right: 10px;
background-color: #ffffff;
color: #F5F5F5;
font-size: 35px;
}

#midone {
position: absolute;
top: 327px;
left: 250px;
width: 175px;
background-color: #F5f5f5;
color: #000000;
font-size: 10pt;
border-bottom: solid 2px #ffffff;
}

#midone a, a:visited {
background-color: #F5f5f5;
color: #800000;
font-size: 10pt;
text-decoration: none;
}

#midone a:hover {
background-color: #F5f5f5;
color: #808080;
font-size: 10pt;
text-decoration: none;
}

#midtwo {
position: absolute;
top: 327px;
left: 470px;
width: 175px;
background-color: #F5f5f5;
color: #000000;
font-size: 10pt;
border-bottom: solid 2px #ffffff;
}

#midtwo a, a:visited {
background-color: #F5f5f5;
color: #800000;
font-size: 10pt;
text-decoration: none;
}

#midtwo a:hover {
background-color: #F5f5f5;
color: #808080;
font-size: 10pt;
text-decoration: none;
}

#midthree {
position: absolute;
top: 327px;
left: 690px;
width: 175px;
background-color: #F5f5f5;
color: #000000;
font-size: 10pt;
border-bottom: solid 2px #ffffff;
}

#midthree a, a:visited {
background-color: #F5f5f5;
color: #800000;
font-size: 10pt;
text-decoration: none;
}

#midthree a:hover {
background-color: #F5f5f5;
color: #808080;
font-size: 10pt;
text-decoration: none;
}


.more {
position: absolute;
right: 30px;
bottom: -25px;
color: #000000;
font-size: 10pt;
text-decoration: none;
}


.lilbox {
position: absolute;
right: 10px;
bottom: -25px;
background-color: #F5F5F5;
color: #FFFFFF;
font-size: 10pt;
border: solid 2px #000000;
padding-left: 3px;
padding-right: 3px;
text-decoration: none;
-moz-border-radius: 5px;  
}

#footer {
position: absolute;
bottom: -660px;
width: 95%;
background-color: #F5f5f5;
color: #999999;
font-size: 10pt;
text-align: center;
padding-bottom: 20px;
border-top: solid 2px #ffffff;
}

#footer a, a:visited {
background-color: #F5f5f5;
color: #000000;
font-size: 10pt;
text-decoration: none;
}

#footer a:hover {
background-color: #F5f5f5;
color: #000000;
font-size: 10pt;
text-decoration: underline;
}