/* ======================== STANDARD VALUES FOR ENTIRE SITE ================================= */

body {
background-color: #0f0f0f;
color: white;
}

h1,h2,a {
color:white;
}



/* ------------------- LINKS ---------------- */

a img {
  border-width: 0px;
}

h2 a:hover,#footer a:hover, p a:hover, #links a:hover, .intro a:hover {
  background-color: #2f2f2f;
}

p a, div.intro a {
  color: #F0E68C;
}

/* ---------- DESIGN ELEMENTS ------- */

div#header {
height:10%;
left:15%;
padding:2% 2% 2% 5%;
position:absolute;
top:0;
width:78%;
}

div#leftbar {
border-right:thin solid white;
height:120%;
left:0;
margin-bottom:5%;
margin-top:2%;
position:absolute;
top:0;
width:15%;
}

div#content {
height:100%;
left:15%;
padding:2%;
position:absolute;
top:24%;
width:81%;
}

div#footer {
height:15%;
padding-left:3%;
padding-right:3%;
position:absolute;
top:130%;
width:93%;
}

div#footertxt {
color:white;
width:70%;
}

hr#top {
  position:absolute;
  bottom: 0px;
  width: 90%;
  z-index: 5;
}


/* ================================ MENU ==================== */

div#links {
color:white;
height:30px;
left:0;
margin:0.5%;
padding:0.5%;
position:relative;
top:35%;
width:98%;
}

div#links>a,b {
color:white;
font-family:Cataneo BT;
font-size:120%;
font-style:italic;
font-variant:small-caps;
}


/* ======================== IMAGES ================= */
img#frontpage {
left:5%;
position:relative;
top:10%;
}

img#logo {
  width: 180%;
}

/* ===================== CONTENT/POSITIONING ====================== */

.intro {
color:white;
font-family:Cataneo BT;
font-size:120%;
font-style:oblique;
left:50%;
margin:2%;
position:absolute;
top:20%;
width:40%
}


table {
margin:4% 2% 2%;
text-align:center;
}

td,th {
  padding: 5px;
}

tr:hover {
  background-color: #5f5f5f;
}