/* CSS written by Jim Westergren */

body {font-family:verdana;background:#aab;margin:20px auto;padding:0px;}

#header {background:#000;height:130px;margin:auto;border:5px solid #600;border-bottom-color:#600;width:800px;text-align:center;}
#header h1 {font-size:45px;font-family:verdana;margin-top:10px; color:#c00;letter-spacing:0px;margin-bottom:-14px;}
#header h2 {font-size:16px;font-family:georgia;margin-bottom:15px;color:#77d;letter-spacing:2px;}
.tr h1 {font-size:30px;font-family:verdana;color:#900;text-align:center;margin:45px auto 10px auto;border-bottom:2px dashed #77d;width:600px;height:45px;letter-spacing:0px;}

.textarea a, .copyright a, #style a {color:#00c;text-decoration:none;border-bottom:1px solid #00c;}
.textarea a:hover, .copyright a:hover, #styles a:hover {color:#005;background:#aaf;padding:3px 0px;border-bottom:1px solid #00c;}

.margin {margin:0px auto;}
.textarea {font-size:16px;line-height:21px;font-family:georgia;padding:10px 60px;}
.textarea li {margin-bottom:8px;}
.textarea h2 {font-size:22px;border-left:7px solid #600;border-top:1px solid #600;padding-left:15px;padding-top:15px;margin:30px 0px -5px -35px;}
.textarea h3 {margin-bottom:-8px;}

.box {}
.boxshadow {}

#styles {position:absolute;left:30px;top:20px;width:100px;text-align:left;font-size:10px;background:#9f9f9f;padding:10px 15px;line-height:15px;}
#styles a {color:#007;}
#styles ul {margin-left:-25px;}

#nav-menu {position:absolute;top:130px;left:auto;right:auto;width:99.9%;}
#nav-menu ul {list-style:none;margin:auto;height:30px;width:630px;}
#nav-menu li {float:left;position:relative;border-right:1px solid #77d;border-left:1px solid #77d;border-top:1px solid #77d;margin-right:18px;}
#nav-menu li a {float:left;text-decoration:none;padding:5px 15px;font-size:12px;text-align:center;text-transform:uppercase;background:#400;font-weight:bold;color:#ccc;}
#nav-menu li a:hover {background:#900;}
#nav-menu li:hover a {color:#fff;}
#nav-menu #active a, #nav-menu #active a:visited {color:#fff;background:#900}

.bl {}
.br {}
.tl {}
.tr {border:5px solid #000;border-top:7px solid #900;background:#ddd;width:800px;margin:-5px auto 30px auto;}

.copyright {text-align:center;margin-top:10px;font-size:10px;}

blockquote {font-style:italic;}
code {background-color:#eee;}
pre {background-color:#eee;padding:10px;}

#buttons {margin:20px auto 0px auto;width:80%;text-align:center;}
#buttons a img {border:none;margin-right:30px;background:none;}
#buttons a:hover {border:none;background:none;}


.sites {margin-left:20px;}
.sites img {float:left;margin-right:30px;}
.sites h3 {padding:10px 0px 5px 0px;}
.sites p {padding-bottom:50px;}

.textarea img {border:0px;border-right:2px solid #777;border-bottom:2px solid #777;}

