/* CSS written by Jim Westergren */

body {color:#333;font-family:verdana;background-color:#ccd;margin:0px;padding:0px;width:900px;margin:auto;padding:10px;}

#header {height:100px;text-align:left;background:#005;padding-left:15px;padding-top:15px;border-bottom:4px solid #d98b3d;border-right:3px solid #d98b3d;margin-bottom:25px;background:#102754 url(header.png) repeat-x scroll left top;}
#header h3 {font:bold 38px verdana,georgia;letter-spacing:2px;margin:0px;}
#header h3 a {color:#f3f3f3;text-decoration:none;}
#header h3 span {color:#d98b3d;text-transform:lowercase;font-size:33px;}
#header h4 {font-size:15px;letter-spacing:2px;color:#ccd;font-style:italic;margin-top:5px;margin-left:10px;}
#menu-left h4 {font-size:17px;color:#226;margin:20px 0px 10px 0px;}

#menu-top {text-align:center;float:right;width:auto;margin-top:-40px;clear:both;}
#menu-top ul {list-style:none;margin:0px;font-size:16px;}
#menu-top li {float:left;margin-right:15px;position:relative;}
#menu-top li a, #menu-left  li a {text-decoration:none;color:#009;display:block;padding:6px;background:#e0e0e0;border-right:2px solid #77a;border-bottom:2px solid #77a;font-size:14px;}
#menu-top li a:hover, #menu-left  li a:hover, #menu-top #active a {border-right:2px solid #620;border-bottom:2px solid #620;background:#d98b3d;color:#006;}
#menu-top #active a, #menu-left  #active a {font-weight:bold;}

.textarea {margin:0px;width:580px;border-right:3px solid #777;border-bottom:4px solid #777;font-size:17px;line-height:24px;letter-spacing:0.3px;padding:20px 55px;background-color:#f3f3f3;float:left;}
.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:28px;text-align:center;letter-spacing:1px;margin:40px -30px 30px -30px;line-height:34px;color:#337;}
.textarea h2 {font-size:21px;border-top:2px solid #d98b3d;border-left:2px solid #d98b3d;margin:40px 30px 5px -40px;color:#337;padding:4px;padding-left:20px;padding-top:15px;line-height:25px;}
.textarea h3 {margin:20px 0px -12px -10px;font-size:18px;color:#337;}
.textarea h4 {margin:20px 0px -12px -5px;font-size:14px;color:#337;font-style:italic;}
.textarea h4 code {font-weight:normal;font-size:17px;padding:6px;}
.textarea p {font-family:georgia;text-align:justify;}
.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-left {width:190px;float:right;}
#menu-left ul {list-style:none;padding:0px;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 #66a;border-bottom:2px solid #66a;}
#menu-left  li#active a, #menu-left li#active a:hover {font-size:15px;padding:7px;padding-left:16px;border-right:2px solid #66a;border-bottom:2px solid #66a;background:#d98b3d;color:#006;}

#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:690px;color:#222;margin-bottom:30px;float:left;}
.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;}

#menu-left fieldset, .userbox {background:#e5e5e5;padding:7px;border-right: 2px solid #77a;border-bottom:2px solid #77a;font-size:10px;line-height:20px;margin-bottom:20px;}
#menu-left input {width:70px;height:13px;font-size:10px;float:right;}
#menu-left input#submit {height:20px;width:70px;font-size:9px;}
#menu-left input#check {height:10px;width:10px;float:left;margin-left:10px;}
#menu-left label {text-align: right;float:left;clear:both;}
#menu-left legend {color: #fff;background: #aaa;border: 1px solid #444;padding:0px 6px} 
#menu-left fieldset a {color:#66f;}
#menu-left fieldset p {margin:0px;clear:both;}

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:300px;}
fieldset#contact-form #contact-button {height:35px;width:200px;font-size:17px;letter-spacing:2px;margin-left:40px;margin-top:20px;}