body {
    font: 300 15px/1.5 georgia;
    background: #2B0068;
}
nav {
    background-color: #7080B0;
    border: 1px solid white;
    color: #888;
    display: block;
    margin: 8px 22px 8px 22px;
    width: 90%; 
}
nav ul {
    margin: 0;
    padding: 0;
}
nav ul li {
    display: inline-block;
}
nav > ul > li > a {
    color: #FFFFFF;
    display: block;
    line-height: 56px;
    padding: 0 24px;
    text-decoration: none;
}
nav > ul > li:hover {
    background-color: #7080B0;
}
nav > ul > li > div {
    background-color: #7080B0;
    border-top: 0;
    display: none;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 165px;
}
nav > ul > li:hover > div {
    display: block;
    opacity: 1;
}
nav > ul > li > div ul > li {
    display: block;
}
nav > ul > li > div ul > li > a {
    color: #FFFFFF;
    display: block;
    padding: 12px 24px;
    text-decoration: none;
}
nav > ul > li > div ul > li:hover > a {
    background-color: rgba( 255, 255, 255, 0.1);
}
#active {
	opacity: .7;
}
table {
	border: 2px solid white;
}
td, th {
	border: 1px solid white;
}
#white {
	color: white;
}
#center {
	text-align: center;
}
.largeFont {
	font-size: 25px;
}
.mediumFont {
	font-size: 18px;
}
.smallFont {
	font-size: 12px;
}
img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}