/* CSS written by Jim Westergren */

body {color:#333;font-family:verdana;background-color:#ccd;}

#header {text-align:center;background:#e6e6e6;width:470px;margin:auto;border-right:4px solid #77a;border-bottom:4px solid #77a;margin-top:10px;}
#header h3 {font:normal bold 43px georgia; letter-spacing:5px;margin:5px 0px -20px 0px;padding:5px;}
#header h3 a {text-decoration:none;color:#226;}
#header h4 {font-size: 15px; margin-bottom:15px;letter-spacing:2px;font-weight:normal;color:#444;}
#menu-left h4 {font-size:16px;color:#226;margin:20px 0px 5px 0px;}

.textarea {margin:100px 0px 30px 260px;width:690px;border:5px solid #555;border-left-color:#bbb;border-top-color:#bbb;font-size:17px;line-height:24px;letter-spacing:0.3px;padding: 20px 40px 20px 40px;background-color:#f3f3f3;}
.textarea a {text-decoration:none;border-bottom:1px solid;color:#44f;}
.textarea a:visited {color:#77f;border-bottom:1px dotted;color:#44f;}
.textarea a:hover {text-decoration: none;color:#008;border-bottom:1px solid #aaa;border-right:1px solid #aaa;background-color:#dcdcfc;padding:2px;margin:0px -3px 0px -2px;}
.textarea li {margin-bottom:13px;line-height:20px;font-family:georgia;}
.textarea ul {list-style-image:url(bullet.png);}
.textarea ul li {padding-left:10px;}
.textarea h1 {font-size: 27px; text-align:center; letter-spacing:2px;margin-bottom:35px;margin-top:20px;line-height:34px;color:#135;}
.textarea h2 {font-size:23px;border-top:1px solid #369;border-left:1px solid #369;margin:30px 30px 5px -20px;color:#147;font-family:georgia;padding:4px;padding-left:20px;padding-top:15px;line-height:25px;}
.textarea h3 {margin:20px 0px -12px -10px;font-size:19px;color:#147;font-family:georgia;}
.textarea h4 {margin:20px 0px -12px -5px;font-size:16px;color:#147;font-family:georgia;}
.textarea h4 code {font-weight:normal;font-size:17px;padding:6px;}
.textarea p {margin-left:5px;font-family:georgia;}
.textarea img {padding:5px;border:2px solid #ddf;}
.textarea .imgtext {font-size:10px;letter-spacing:0px;color:gray;margin-top:-5px;}
.textarea hr {margin:40px auto 50px auto;width:550px;height:2px;border:none;border-bottom:2px dashed #99b;}

.textarea a[href^="http"] {background:url(external.png) 100% 40% no-repeat; padding-right: 15px;}
.textarea a:hover[href^="http"] {background:url(external.png) 100% 50% no-repeat #dcdcfc;margin:0px -1px 0px -2px;}
.textarea a[href$="pdf"] {background:url(pdf.gif) no-repeat 100% 50%;padding-right:20px;}
.textarea a:hover[href$="pdf"] {background:url(pdf.gif) no-repeat 100% 50% #dcdcfc;margin:0px -1px 0px -2px;}

#menu-top {position:absolute;top:120px;left:250px;}
#menu-top ul {list-style:none;padding:20px;margin:auto;font-size:16px;margin-bottom:-10px;}
#menu-top li {float:left;margin:0px 15px;position:relative;}
#menu-top li a, #menu-left  li a {text-decoration: none;color:#00a;display:block;padding:10px;background:#eee;border-right: 3px solid #77a;border-bottom:3px solid #77a;}
#menu-top li a:hover, #menu-left  li a:hover, #menu-top #active a {border-right:3px solid #449;border-bottom:3px solid #449;background:#fafafa;color:#00a;}
#menu-top #active a, #menu-left  #active a {font-weight:bold;}


#menu-left {left: 20px; top: 170px;width: 190px;position:absolute;}
#menu-left p {padding:0px 15px;font-size:12px;}
#menu-left ul {list-style:none;padding:10px;margin:0px;}
#menu-left  li {text-align:left;margin-bottom:12px;}
#menu-left  li a {padding:4px;width:170px;padding-left:20px;background:#e2e2e2;font-size:13px;border-right: 2px solid #77a;border-bottom:2px solid #77a;}
#menu-left  li a:hover {border-right:2px solid #449;border-bottom:2px solid #449;}
#menu-left  li#active a, #menu-left  li#active a:hover {font-size:15px;padding:7px;padding-left:16px;border-right:3px solid #449;border-bottom:3px solid #449;background:#fafafa;color:#00a;}

#menu-left {font-size:13px;}
#menu-left ul, #menu-left ol {margin-left:-5px;}
#menu-left li {margin-bottom:8px;}

.copyright {text-align:center;margin-top:30px;font-size:11px;width: 100%;color:#222;margin-bottom:30px;}
.copyright a, .copyright a:visited {color:#55f;text-decoration:none;}
.copyright a:hover {color:#22f;text-decoration:underline;}

abbr, acronym, dfn {font-style:normal;cursor:help;border-bottom:1px dotted #888;}

fieldset {padding:0px;margin:0px;}
q {font-style:italic;}
blockquote {font-style:italic;line-height:18px;}
code {background-color:#e7e7e7;letter-spacing:0px;color:#000;font-size:15px;padding:3px;}
pre code {padding:0px;}
pre {background-color:#e7e7e7;padding:10px 5px 10px 10px;line-height:17px;overflow:auto;font-size:15px;letter-spacing:0px;}

fieldset#contact-form {margin:30px 0px 50px 50px;width:330px;}
fieldset#contact-form {background:#e9e9e9;padding:20px;border:1px solid #aaa;}
fieldset#contact-form legend {color: #fff;background: #aaa;border: 1px solid #444;padding:0px 6px}
fieldset#contact-form label {font-size:14px;}
fieldset#contact-form input {height:20px;font-size:14px;margin-bottom:15px;margin-left:20px;width:200px;}
fieldset#contact-form textarea {font-size:14px;margin-bottom:15px;margin-left:20px;width:310px;}
fieldset#contact-form #contact-button {height:35px;width:200px;font-size:17px;letter-spacing:2px;margin-left:40px;margin-top:20px;}