@font-face {
font-family: 'DejaVuSansBook';
src: url('font/DejaVuSans.eot');
src: local('DejaVu Sans Book'), local('DejaVuSans'), url('font/DejaVuSans.woff') format('woff'), url('font/DejaVuSans.ttf') format('truetype'), url('font/DejaVuSans.svg#DejaVuSans') format('svg');
}
body {
margin-top: 20px;
padding: 0;
background: #454140;
font-family: DejaVuSansBook, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
}
h1, h2, h3 {
margin: 0;
font-weight: normal;
color: #325279;
font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
text-transform: lowercase;
letter-spacing: 1px;
}
h1 {
letter-spacing: -1px;
font-size: 30px;
}
h2 {
font-size: 18px;
}
p, ul, ol {
margin: 0 0 2em 0;
text-align: justify;
line-height: 26px;
}
p.teaser {
padding: 0 0 0 15px;
margin: -4px 0 0 0;
font-size: 0.9em;
border-bottom: 1px dotted #777;
}
.teaser .statIcon {
cursor:pointer;
width: 16px;
vertical-align: text-bottom; 
margin: 0 5px;
}
a:link, a:hover, a:active, a:visited {
color: #325279;
text-decoration: none;
}
img {
border: none;
}
form {
margin: 0;
padding: 0;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
input, textarea, select {
font-family: DejaVuSansBook, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
}
#wrapper {
background: #7ACF00 url(../images/img03.jpg);
}
#header {
width: 900px;
height: 40px;
margin: 0 auto 20px auto;
padding-top: 10px;
background: #454140 url(../images/respond_head.jpg) no-repeat;
}
#logo {
position: fixed;
left: -9999px;
text-indent: -9999px;
}
#menu {
float: right;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
margin-left: 5px;
background: #9CC445;
border: 1px solid #FFFFFF;
padding: 1px 10px;
text-decoration: none;
font-size: 12px;
color: #FFFFFF;
}
#menu a:hover {
background: #D8E3C1;
color: black;
}
#page {
width: 900px;
margin: 0 auto;
background: #F8F8F8;
border: 1px #F0E9D6 solid;
padding: 20px 20px;
-moz-border-radius:0.6em;
-webkit-border-radius:0.6em;
}
#content {
float: left;
width: 600px;
padding-left: 10px;
}
.post {
}
.post .title {
margin-bottom: 20px;
padding-bottom: 12px;
padding-left: 40px;
background: url(../images/help.png) no-repeat left top;
border-bottom: 1px dashed #D1D1D1;
color: #8BCB2F;
}
.post .title b {
font-weight: normal;
color: #0094E0;
}
.post .entry {
line-height: 18px;
}
#sidebar {
float: right;
width: 230px;
padding-right: 10px;
}
#sidebar ul {
margin: 0;
padding: 10px 0 0 0;
list-style: none;
}
#sidebar li {
margin-bottom: 40px;
}
#sidebar ul li {
margin: 0;
padding: 3px 0;
border-bottom: 1px dashed #999;
}
#sidebar ul li a {
margin: 0;
padding-left: 15px;
background: url(../images/img01.jpg) no-repeat left 50%;
}
#sidebar strong, #sidebar b {
color: #8BCB2F;
}
#sidebar a {
text-decoration: none;
color: #6D6D6D;
}
#footer {
width: 880px;
margin: 0 auto;
padding: 10px 0 0 0;
color: #353535;
}
#footer a:link {
color: #9CC445;
text-decoration: none;
}
#footer a:hover {
color: #D8E3C1;
}
html>body #footer {
height: auto;
}
#legal {
clear: both;
font-size: 11px;
color: #bbb;
text-align: right;
}
#legal a {
color: #0094E0;
}
button {
border:0;
margin:0;
padding:0;
}
.spacer {
clear:both;
height:1px;
}
.myform{
margin:0 auto;
width:580px;
padding:14px;
-moz-border-radius:0.6em;
-webkit-border-radius:0.6em;
}
#subsForm{
border:solid 1px #999;
background:#D8E3C1;
}
#subsForm h1 {
padding-bottom: 5px;
font-size: 18px;
font-weight: normal;
}
#subsForm p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #999;
padding-bottom:10px;
}
#subsForm label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#subsForm .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#subsForm input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #999;
width:400px;
margin:2px 0 20px 10px;
}
#subsForm textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #999;
width:400px;
margin:2px 0 20px 10px;
}
#subsForm select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #999;
width:400px;
margin:2px 0 20px 10px;
}
#subsForm button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
/* ================================= */
#stfForm{
border:solid 1px #999;
background:#D8E3C1;
}
#stfForm h1 {
padding-bottom: 5px;
font-size: 18px;
font-weight: normal;
}
#stfForm p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #999;
padding-bottom:10px;
}
#stfForm label{
font-weight:bold;
text-align:right;
width:140px;
}
#stfForm input{
font-size:12px;
padding:4px 2px;
border:solid 1px #999;
width:250px;
}
#stfForm button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}


#stfForm table {
width: 100%;
font-size:12px;
padding:4px 2px;
margin-top: 6px;
border-collapse: collapse;
}

#stfForm table td {
border: 0;
padding: 3px;
background: #D8E3C1;
text-align: left;

}
#stfForm table td.rt {
border: 0;
padding: 3px;
background: #D8E3C1;
text-align: right;
width: 25%;
}
.info, .success, .fail, .confirm, .dash, .article, .home, .adminC {
margin:0 auto;
margin-top: 10px;
border: 1px solid;
width:580px;
padding:14px;
text-align: center;
-moz-border-radius:0.6em;
-webkit-border-radius:0.6em;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
}
.dash {
color: #666666;
background-color: #D8E3C1;
text-align: left;
border: 1px solid #999;
}
.home, .article {
color: #666666;
background-color: #eee;
text-align: left;
border: 1px solid #999;
}
.home h2 {
border-bottom: 1px dashed #999;
margin-bottom: 10px;
padding-bottom: 6px;
}
.article {
min-height: 300px;
}
.fail {
color: #D8000C;
background-color: #FFBABA;
}
.confirm {
color: #9F6000;
background-color: #FEEFB3;
}
.confirm a {
text-decoration: none;
color: #9F6000;
}
.confirm a:hover {
color: #00529B;
}
.info {
color: #00529B;
background-color: #BDE5F8;
}
.icon {
cursor:pointer;
float:right;
width: 26px;
}
.home ul {
margin: 0;
padding: 8px 0 0 0;
list-style: none;
}
.home ul li a {
padding-left: 15px;
background: url(../images/img01.jpg) no-repeat left 50%;
}
.adminC {
color: #9F6000;
background-color: #FEEFB3;
text-align: left;
}
table {
width: 100%;
font-size:12px;
padding:4px 2px;
margin-top: 6px;
border-collapse: collapse;
}
table th {
font-size:12px;
padding:4px;
background:#ACC37B;
text-align: center;
border:solid 1px #ACC37B;
}
table td {
border:solid 1px #ACC37B;
padding: 3px;
background: #f8f8f8;
}
table td.center {
text-align: center;
}
.progressbar {
height: 10px;
display: block;
}
.progressbarback {
border: 1px solid #999;
background: transparent;
height: 10px;
width: 30px;
text-align:left;
float:left;
}

/* FILE ICONS */

a[href$='.doc'], a[href$='.wps'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(../images/icn/page_white_word.png) center left no-repeat;
}
a[href$='.xls'], a[href$='.csv'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(../images/icn/page_white_excel.png) center left no-repeat;
}
a[href$='.ppt'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(../images/icn/page_white_powerpoint.png) center left no-repeat;
}
a[href$='.rtf'], a[href$='.txt'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(../images/icn/page_white_text.png) center left no-repeat;
}
a[href$='.pdf'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(../images/icn/page_white_acrobat.png) center left no-repeat;
}
a[href$='.png'], a[href$='.jpg'], a[href$='.jpeg'], a[href$='.gif'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(../images/icn/page_white_picture.png) center left no-repeat;
}
a[href$='.zip'], a[href$='.rar'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(../images/icn/page_white_compressed.png) center left no-repeat;
}
.feed {
position: relative;
top: -40px;
left: 235px;
}