html {margin:0px;height:100%}
body {background-color:#222;font-family:'Arial',sans-serif;font-size:15px;line-height:24px;color:#222;margin:0px;height:100%}
a:link {color:#741f29;text-decoration:none}
a:visited {color:#741f29;text-decoration:none}
a:hover {color:#741f29;text-decoration:underline}
a:active {color:#741f29;text-decoration:none}
a img {border:none}

#container {min-height:100%;position:relative}
#main {clear:both;background-color:#fff;margin-top:20px;padding-bottom:180px}
#text {padding:20px}
#text a {color:#741f29}

#logo {height:200px;padding:10px;text-align:left;color:#000;font-weight:bold;font-size:36px}
#logo a:link {color:#222}
#logo a:visited {color:#222;text-decoration:none}
#logo a:hover {color:#222;text-decoration:none}
#logo a:active {color:#222;text-decoration:none}

#login {position:absolute;top:20px;right:20px;width:110px;height:30px;padding:10px;background-color:#741f29;text-align:center;font-size:20px}
#login a:link {color:#fff}
#login a:visited {color:#fff}
#login a:hover {color:#fff}
#login a:active {color:#fff}

#join {width:300px;height:30px;padding:10px;background-color:#741f29;text-align:center;font-size:20px}
#join a:link {color:#fff}
#join a:visited {color:#fff}
#join a:hover {color:#fff}
#join a:active {color:#fff}

#header {background-color:#aaa;margin-top:20px}
#header-container {padding:20px 20px 0px 20px}
#header a {color:#fff}

#nav {float:right;padding:0px;margin-top:-50px;width:75%}
#nav a:link {color:#fff;display:block}
#nav a:visited {color:#fff;display:block}
#nav a:hover {color:#222;display:block;text-decoration:none}
#nav a:active {color:#222;display:block;text-decoration:none}
#nav ul {margin:0px;padding:0px}
#nav li {text-align:center;display:block;line-height:50px;border-left:5px solid #fff;width:16%;height:50px;float:left}

#footer {clear:both;position:absolute;bottom:0;width:100%;height:120px;background-color:#aaa;border-top:20px solid #222;;border-bottom:20px solid #222}
#footer-container {padding:20px}

h1 {font-size:36px;line-height:50px;color:#741f29}
h2 {font-size:20px;line-height:30px;color:#741f29}

.ptable {float:left;margin-right:40px;margin-bottom:40px;min-height:300px}

@media all and (max-width:979px) {
#nav {float:none;width:100%;margin-top:0px}
#nav a:link {width:100%}
#nav a:visited {width:100%}
#nav a:hover {width:100%}
#nav a:active {width:100%}
#nav li {border-left:none;border-top:5px solid #fff;float:none;width:100%}
.ptable {float:none;margin-right:0px;margin-bottom:0px;min-height:0px}
#logo {font-size:20px;height:150px;width:250px}
#logo img {width:150px;height:150px}
}