body {
 font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
 font-size: 12pt;
 margin: 0;
 padding: 0;
 background: #fff;
 color: #333;
 }
img {
 border: 0;
 }
abbr {
 border-bottom: 1px dotted #444;
 cursor: help;
 }
.inner form {
 padding: 12px 0;
 }
a:link {
 color: #8BA726;
 text-decoration: none;
 }
a:visited {
 color: #8BA726;
 text-decoration: none;
 }
a:hover {
 color: #8BA726;
 text-decoration: underline;
 }
a.project {
 border-bottom: 1px dotted #444;
 }
a.project:hover {
 text-decoration: none;
 border-bottom: 1px solid #8BA726;
 }
#header h1, #navigation, .content, #footer, .midSection .inner, #user {
 width: 850px;
 }
#header h1, #navigation {
 margin: 0 auto;
 padding: 0 20px;
 }
#header {
 padding: 20px 0 2px 0;
 background: #31363E;
 border-bottom: 1px solid #6E798B;
 }
.content {
 /*background: #f3f3f3;*/
 background: #fff url(images/main_grad.gif) repeat-y scroll top right;
 margin: 0 auto;
 padding: 15px 4px;
 }
.content p {
 margin: 4px 0;
 }
#footer {
 /*background: #f3f3f3;*/
 font-size: 10pt;
 border-top: 1px solid #444;
 margin: 0px auto 10px auto;
 padding: 6px 4px 0 4px;
 }
#navigation a:hover {
 text-decoration: none;
 border-bottom: 2px solid #556717;
 }
#navigation ul {
 list-style: none;
 margin-top: 8px;
 padding: 0;
 }
#navigation li {
 display: inline;
 padding-right: 6px;
 }
#navigation a#selected {
 border-bottom: 2px solid #8BA726;
 color: #ddd;
 }
#navigation a#selected:hover {
 text-decoration: none;
 cursor: default;
 }
#navigation li + li {
 padding: 0 6px;
 }
h1 {
 margin-bottom: 0px;
 letter-spacing: -1px;
 }
h1 a:link, h1 a:visited, h1 a:hover {
 color: black;
 border-bottom: 0px solid #000000;
 }
h3 {
 margin: 12px 0 0 0;
 color: #666;
 }
h4 {
 margin: 0px 0;
 }
h4 + ul, h4 + p, h3 + p {
 margin-top: 2px;
 }
.midSection {
 margin: 0px auto;
 padding: 0px 2px;
 background: #efefef;
 border-top: 1px dotted #333;
 border-bottom: 1px dotted #333;
 }
.midSection .inner {
 margin: 0 auto;
 }
.midSection h3 {
 margin: 12px 0 0 0;
 color: #333;
 }
.midSection p {
 margin: 0 0 12px 0;
 }
.midSection ul {
 list-style: disc;
 width: 100%;
 }
.midSection h3.secHead { color: #666; }
.showcase {
 margin: 20px 0 !important;
 }
.showcase a:link, .showcase a:visited {
 color: #AAD;
 font-size: 14pt;
 }
.showcase img {
 padding: 3px;
 margin-right: 10px;
 border: 1px solid #999;
 float: left;
 height: 72px;
 }
.showcase img:hover {
 border: 1px solid #666;
 }
.formNames {
 padding: 6px 5px 6px 0;
 line-height: 23px;
 text-align: right;
 float: left;
 }
.formFields {
 padding: 6px 0;
 float: left;
 }
.formFields form {
 margin: 0;
 padding: 0;
 }
#user {
 text-align: right;
 color: white;
 }