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:#222;text-decoration:none}
a:visited {color:#222;text-decoration:none}
a:hover {color:#222;text-decoration:underline}
a:active {color:#222;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:#777}

#logo {height:100px;padding:10px;text-align:center}

#login {float:right;width:110px;height:30px;padding:10px;background-color:#222;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:#222;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:#dcf01e;margin-top:20px}
#header-container {padding:20px 20px 0px 20px}
#header a {color:#222}

#nav {float:right;padding:0px;margin:-50px 0px 0px 0px;width:80%}
#nav a:link {color:#222;display:block}
#nav a:visited {color:#222;display:block}
#nav a:hover {color:#999;display:block;text-decoration:none}
#nav a:active {color:#999;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:#dcf01e;border-top:20px solid #222;;border-bottom:20px solid #222}
#footer-container {padding:20px}

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

.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:20px}
#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}
}