/*FORMAT*/
html, body {
margin : 5px;
padding : 0;
font-family: Arial, sans-serif;
background-color: #f9f9f9;
color: #222;
}
body {
font-size: 14px;
text-align: center;
line-height: 1.25;
}

h1, h2, h3, h4, h5, h6 {
color : #000;
border-bottom : 1px solid #f2f2f2;
padding-bottom : 0.1em;
}
a {
color : #7a991a;
text-decoration: none;
}
a:hover, a:focus {
  color: #7a991a;
  text-decoration: underline;
}
a:visited {
  color: #7a991a;
  text-decoration: none;
}
img {
border : none;
}
hr {
margin : 1em 0;
background : #f2f2f2;
height : 1px;
color : #f2f2f2;
border : none;
clear : both;
}
dt {
font-weight : bold;
text-align : left;
margin : 0 0 5px 0;
}
dd {
text-align : left;
margin : 10px 0 25px 25px;
line-height : 1.4;
}
div#header h1 {
height : 80px;
line-height : 80px;
margin : 0;
padding-left : 10px;
background : #fff;
color : #000;
}
div#container {
text-align : left;
background : #ffffff;
}
div#content {
margin : 10px 10px;
}
div#content p, ul, ol {
line-height : 1.4;
}
div#content ul {
list-style-type:square;
}
div#footer {
background : #333;
color : #fff;
text-align: right;
}
div#footer p {
margin : 0;
padding : 5px 10px;
}
div#navigation {
background : #98bf21;
color : #fff;
}
div#navigation ul {
list-style-type : none;
margin : 0;
padding : 0;
overflow : hidden;
}
div#navigation li {
float : left;
margin : 0 2px 0 0;
}
span.selected {
color: #000;
}
div#navigation a:link, div#navigation a:visited {
display : block;
width : 121px;
font-weight : bold;
color : #ffffff;
background-color : #98bf21;
text-align : center;
padding : 4px;
text-decoration : none;
text-transform : uppercase;
}
div#navigation a:hover, div#navigation a:active {
background-color : #7a991a;
}
div.boxright {
margin-top : 10px;
margin-left : 10px;
margin-right : 5px;
}
div.box {
border : 1px solid #e3e3e3;
background : url(../images/bg_boxright.gif) repeat-x top;
padding : 0 10px 0 10px;
}
div.box p, ul, ol {
line-height : 1.4;
}
div.shadowright {
margin-top : 0px;
}



/*ARCHITECTURE*/
div#container {
width : 1024px;
margin : 0 auto;
}
div#navigation {
clear : both;
width : 100%;
}
div#content {
float : left;
width : 750px;
}
div#footer {
clear : both;
width : 100%;
}
div.boxright {
float : right;
width : 200px;
}
div.box {
float : right;
width : 200px;
}
div.shadowright {
float : right;
width : 200px;
}



/*MESSAGES*/
.message-gray {
border : 1px solid #dedede;
background : #efefef;
color : #222222;
padding : 4px;
text-align : center;
}
.message-warning {
border : 1px solid #dedede;
background : #ffffcc;
color : #222222;
padding : 4px;
text-align : center;
}
.message-ok {
border : 1px solid #349534;
background : #c9ffca;
color : #008000;
font-weight : bold;
padding : 4px;
text-align : center;
}
.message-error {
border : 1px solid #cc0000;
background : #f7cbca;
color : #cc0000;
font-weight : bold;
padding : 4px;
text-align : center;
}



/* TABLES */
.table1 {
border : 1px solid #ccc;
width : 100%;
}
.table1 td {
background : #f2f2f2;
}
.table1 th {
text-align : left;
color : #000;
background : #ccc;
}
.table1 thead th {
background : #7a991a;
color : #fff;
padding : 10px;
}
.table1 tbody th {
color : #fff;
}
.table1 tbody th.sub {
color : #000;
background : #e5e5e5;
}
.table2 {
border : 1px solid #ccc;
width : 100%;
}
.table2 tr {
background : #e5e5e5;
text-align : center;
}
.table2 tr.odd {
background : #f2f2f2;
text-align : center;
}
.table2 th {
background : #7a991a;
color : #fff;
padding : 10px;
text-align : center;
}



/* PAGINATION */
.pagination {
background : #f2f2f2;
color : #000;
padding : 5px 5px 5px 5px;
margin: 20px 0 15px 0;
border : 1px solid #ccc;
}
.pagination p {
position : relative;
text-align : right;
}
.pagination p.left {
position : relative;
text-align : left;
}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {
text-decoration : none;
background : #fff;
padding : 2px 5px;
border : 1px solid #ccc;
}
.pagination p a:hover {
background : #98bf21;
color : #fff;
}
.pagination p span {
text-decoration : none;
background : #fff;
padding : 2px 5px;
border : 1px solid #ccc;
color : #ccc;
}
.pagination * {
margin : 0;
}
.pagination h4 {
margin-top : -1.2em;
padding : 0;
border : none;
}



/*ELEMENTS*/
.thumbnail {
margin : 0 0 0 10px;
position : relative;
float : right;
padding : 5px;
}
.thumbnail img {
border : 1px solid #f2f2f2;
}
.clear {
clear : both;
position : relative;
height : 0;
line-height : 0;
}
.date {
color : #ccc;
position : relative;
float : right;
margin : 0 0 0 10px;
}
a.morelink:link, a.morelink:hover, a.morelink:active {}
a.morelink:hover {}
a.morelink:visited {}



/* FORMS */
form {
margin : 0 0 1.5em;
}
input {
font-family : arial, tahoma, verdana, sans-serif;
margin : 2px 0;
}
label {
display : block;
padding : 5px 0;
}
label br {
clear : left;
}
form h1, form h2, form h3 {
border : none;
margin : 0 10px 20px 0;
}
input.f-submit {
padding : 1px 3px;
background : #666;
color : #fff;
font-weight : bold;
}
fieldset {
border : none;
}
legend {
font-size : 150%;
font-weight : normal;
padding : 5px 10px 20px 0;
color: #7a991a;
}
.req {
color : #7a991a;
font-size : 150%;
font-weight : normal;
}



/* FORM wrap 1 for inline styling */
form.f-wrap-1 {
width : 100%;
padding : 0.5em 0;
background : url(../images/bg_form.gif) repeat-x top;
border : 1px solid #d7d7d7;
position : relative;
}
form.f-wrap-1 fieldset {
width : auto;
margin : 0 1em;
}
form.f-wrap-1 label {
clear : left;
float : left;
width : 100%;
border-top : 1px solid #ddd;
}
form.f-wrap-1 label {
float : none;
}
form.f-wrap-1 div.req b {
color : #7a991a;
font-size : 150%;
}
form.f-wrap-1 div.req {
color : #666;
font-size : 100%;
font-weight : normal;
position : absolute;
top : 0.4em;
right : 0.4em;
left : auto;
width : 13em;
text-align : right;
}
form.f-wrap-1 label b {
float : left;
width : 150px;
line-height : 1.4;
display : block;
position : relative;
text-align : right;
}
form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {
width : 250px;
float : left;
margin-left : 10px;
}
form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {
clear : left;
float : left;
width : 100%;
border-top : 1px solid #ccc;
margin : 0;
padding : 0.5em 0;
}
form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {
float : left;
width : 150px;
line-height : 1.4;
display : block;
position : relative;
text-align : right;
margin : 10px 0;
}
form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {
float : left;
width : 200px;
margin : 5px 0 5px 5px;
}
form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {
float : left;
width : 250px;
border : none;
margin : 0;
padding : 2px 0;
}
form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {
width : auto;
float : none;
margin : 0;
padding : 0;
}
form.f-wrap-1 div.f-submit-wrap {
padding : 15px 0 5px 150px;
}
form.f-wrap-1 input.f-submit {
margin : 0 0 0 10px;
}



/* FORM wrap 2 for block styling */
form.f-wrap-2 {
width : 195px;
padding : 0.5em 0;
background : url(../images/bg_form.gif) repeat-x top;
border : 1px solid #d7d7d7;
position : relative;
}
form.f-wrap-2 fieldset {
width : auto;
margin : 0 1em;
}
form.f-wrap-2 label {
clear : left;
float : left;
width : 100%;
border-top : 1px solid #ddd;
}
form.f-wrap-2 label {
float : none;
}
form.f-wrap-2 div.req b {
color : #7a991a;
font-size : 150%;
}
form.f-wrap-2 div.req {
color : #666;
font-size : 100%;
font-weight : normal;
position : absolute;
top : 0.4em;
right : 0.4em;
left : auto;
width : 13em;
text-align : right;
}
form.f-wrap-2 label b {
float : left;
width : 100%;
line-height : 1.4;
display : block;
position : relative;
text-align : left;
}
form.f-wrap-2 label input, form.f-wrap-2 label select {
width : 150px;
float : left;
margin-left : 1px;
}
form.f-wrap-2 label textarea {
float : left;
width : 100%;
}
form.f-wrap-2 fieldset.f-checkbox-wrap, form.f-wrap-2 fieldset.f-radio-wrap {
clear : left;
float : left;
width : 100%;
border-top : 1px solid #ccc;
margin : 0;
padding : 0.5em 0;
}
form.f-wrap-2 fieldset.f-checkbox-wrap b, form.f-wrap-2 fieldset.f-radio-wrap b {
float : left;
width : 100%;
line-height : 1.4;
display : block;
position : relative;
text-align : left;
margin : 5px 0;
}
form.f-wrap-2 fieldset.f-checkbox-wrap fieldset, form.f-wrap-2 fieldset.f-radio-wrap fieldset {
float : left;
width : 150px;
margin : 0 0 5px 0;
}
form.f-wrap-2 fieldset.f-checkbox-wrap label, form.f-wrap-2 fieldset.f-radio-wrap label {
float : left;
width : 150px;
border : none;
margin : 0;
padding : 2px 0;
}
form.f-wrap-2 label input.f-checkbox, form.f-wrap-2 label input.f-radio {
width : auto;
float : none;
margin : 0;
padding : 0;
}
form.f-wrap-2 div.f-submit-wrap {
padding : 15px 0 5px 15px;
}
form.f-wrap-2 input.f-submit {
margin : 0 0 0 10px;
}