body {
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
}

h1 {
    font-family: arial,helvetica,pragmatica;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    color: #000000;
}

h2 {
    font-family: arial,helvetica,pragmatica;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    color: #000000;
}

h3 {
    font-family: arial,helvetica,pragmatica;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    color: #000000;
}

ul {
    list-style-type: none;
}

a {
    font-family: arial,helvetica,pragmatica;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    text-decoration:none;
}

a:link    
{ color: #A28686; }

a:visited
{ color: #A28686; }

a:active
{ color: #000000; }

a:hover
{ color: #000000; }

a.top:link 
{ color: #A29386; }

a.top:hover 
{ color: #000000; }

a.top:visited 
{ color: #A29386; }

form {
    margin: 0px;
    padding: 0px;
    min-width: 500px;
    max-width: 700px;
    width: 600px;
}

form label {
    display: block;
    width: 150px;
    float: left;
    text-align: right;
    margin: 3px auto;
}

form input, form textarea {
    margin: 5px 0 0 10px;
}

form select {
    margin: 5px 0 0 10px;
}

form textarea {
    width: 400px;
    height: 200px;
    overflow: auto;
}

table {
    table-layout: automatic;
    caption-side: top;
    background: #eeeeee;
}

caption {
    font-style: italic;
    text-align: right;
}

th {
    background: #cccccc;
}

td {
    background: #ffffff;
}

th,td {
    padding: 0px 5px 5px 7px;
}

#outer {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    width:822px;
    height: 508px;
    margin-left: -411px;
    margin-top: -254px;
}

#inner {
    text-align: center;
    position:absolute;
    left: 50%;
    top :50%;
    width: 777px;
    height: 28px;
    margin-left: -388px;
    margin-top: -14px;
}

#index_bg_img {
    position: absolute; 
    z-index:1; 
    top: 0px; 
    left: 0px; 
    visibility: visible;
}

#index_logo {
    position: absolute; 
    z-index:2; 
    top: 160px; 
    left: 150px; 
    visibility: visible;
}

#index_manifesto {
    position: absolute;
    z-index: 3;
    top: 277px;
    left: 275px;
    height: 20px;
    line-height: 20px;
    visibility: visible;
}

#index_content {
    position: absolute;
    z-index: 3;
    top: 300px;
    left: 225px;
    visibility: visible;
    width: 640px;
    overflow: auto;
    font-family: Georgia, Journal, Baskerville, Book Antiqua, Palatino, Times; 
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #333333;
    text-align: left; 
}

#index_content span {
    color: #666666
}

#header {
    width: 777px;
    height: 81px;
    padding: 0px;
    margin: 0px auto;
    text-align: left;
    position: relative;
}

#frame {
    height: 480px;
    width: 777px;
    margin: 0px auto;
    border: 1px solid #cccccc;
    background-image: url(img/ss_bg3.png); 
    background-repeat: no-repeat;
    background-color: white;
    z-index: 1;
}

#trogo_frame {
    height: 480px;
    width: 777px;
    margin: 0px auto;
    border: 1px solid #cccccc;
    background-color: white;
    z-index: 1;
}

#trogo_2_inner {
    text-align: center;
}

#navbar {
    position: absolute;
    top: 58px;
    left: 80px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    vertical-align: middle;
}

#navbar ul {
    margin: 0px auto;
    list-style-type: none;
}

#navbar ul li {
    padding-left: 0px;
    padding-right: 0px;
    display: inline;
}

#navbar ul img {
    padding-left: 7px;
    padding-right: 7px;
    vertical-align: middle;
}

#index_navbar {
    position: absolute; 
    z-index:3; 
    top: 257px; 
    left: 275px; 
    height: 20px;
    line-height: 20px;
    visibility: visible; 
    white-space: nowrap;
}

#index_navbar ul {
    margin: 0px auto;
    list-style-type: none;
}

#index_navbar ul li {
    padding-left: 0px;
    padding-right: 0px;
    display: inline;
}

#index_navbar ul img {
    vertical-align: middle;
    padding-left: 7px;
    padding-right: 7px;
}

#j3ose_includes ul {
    list-style-type: disc;
}

#j3ose_includes ul li:before {
    content: "\00BB \0020";
}

#trogo {
    text-align: center;
    letter-spacing: 14px;
    color: #EEEEEE;
}

#content {
    z-index: 2;
    margin: 10px 0px 5px 10px;
    padding: 0px 20px 0px 5px;
    height: 460px;
    width: 740px;
    overflow: auto;
    font-family: Georgia, Journal, Baskerville, Book Antiqua, Palatino, Times; 
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #333333;
    text-align: left; 
}
#content blockquote.testimonial_odd {
    margin-top: 0em;
    margin-left: 0em;
    margin-right: 10em;
    margin-bottom: 0em;
}
#content blockquote.testimonial_even {
    margin-top: 0em;
    margin-left: 10em;
    margin-right: 0em;
    margin-bottom: 0em;
}

#trogo_content {
    z-index: 2;
    margin: 10px 0px 5px 10px;
    padding: 0px 20px 0px 5px;
    height: 460px;
    width: 740px;
    overflow: auto;
    font-family: sans-serif, arial, helvetica; 
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    color: #CCCCCC;
    text-align: left; 
}

#trogo_content span.bold {
    font-weight: bold;
}

#trogo_content span.oblique {
    font-style: oblique;
}

#trogo_content span.bold-oblique {
    font-weight: bold;
		font-style: oblique;
}

#trogo_content img.trogo1_img {
    width: 75px;
		height: 100px;
		border: 3px solid #666666;
		align: center;
}

#trogo_content img.trogo2_thumb {
		width: 70px;
		height: 123px;
		border: 3px solid #666666;
		hspace: 3px;
}

#trogo_content img.trogo2_full {
		width: 200px;
		height: 350px;
		border: 3px solid #666666;
}

#trogo_content img.trogo_logo {
		align: top;
    border: none;
		width: 111px;
		height: 104px;
}

#trogo_content a {
    font-family: sans-serif, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-decoration:none;
}

#trogo_content a:link    
{ color: #CCCCCC; }

#trogo_content a:visited
{ color: #CCCCCC; }

#trogo_content a:active
{ color: #CCCCCC; }

#trogo_content a:hover
{ color: #CCCCCC; }

#indented {
    margin-left: 40px;
}

#content p:first-letter {
    font-size: 110%
}

#content span {
    color: #666666
}

#content ul {
    margin-top: 0px;
    margin-left: 0px;
}

#content ul li {
    list-style-type: none;
}

#content ul p:first-letter {
    font-size: 100%
}

#content p.formelement:first-letter {
    font-size: 100%
}

#content a:link {
    font-family: Georgia, Journal, Baskerville, Book Antiqua, Palatino, Times; 
    font-size: 12px; 
    color: black; 
    border-bottom: 1px; 
    border-bottom:1px dotted #999999;
}

#content a:hover {
    font-family: Georgia, Journal, Baskerville, Book Antiqua, Palatino, Times; 
    font-size: 12px; 
    color: black; 
    background-color: #eeeeee; 
    padding: 0px;
}

#content a:visited {
    font-family: Georgia, Journal, Baskerville, Book Antiqua, Palatino, Times; 
    font-size: 12px; 
    color: black; 
    border-bottom: 1px; 
    border-bottom:1px dotted #999999;
}

#content dt {
    font-weight: bold;
}

#content dd {
    margin-left: 0em;
    margin-top: 5px;
    margin-bottom: 15px;
}

#djart {
    text-align: center;
}

#djartklom dt {
    font-weight: normal;
}

#djartklom dd {
    margin-left: 1em;
    margin-top: 5px;
    margin-bottom: 15px;
}

#copyright {
    width: 777px;
    height: 10px;
    margin: 0px auto;
    font-family: arial,helvetica,pragmatica; 
    font-size: 9px;
    font-weight: normal;
    line-height: 18px;
    color: #CACACA;
}

#subnavbar ul {
    text-align: left;
    margin-left: 0px;
}

#subnavbar ul li {
    list-style-type: none;
    padding-right: 10px;
    display: inline;
}

#imgnavbar ul {
    text-align: left;
}

#imgnavbar ul li {
    list-style-type: none;
    padding-left: 3px;
    padding-right: 15px;
    display: inline;
    font-family: arial,helvetica,pragmatica;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #333333;
}

#imgnavbar ul li a:link {
    font-family: arial,helvetica,pragmatica; 
    font-size: 12px; 
    color: black; 
    border-bottom: 1px; 
    border-bottom:1px dotted #999999;
}

#imgnavbar ul li a:hover {
    font-family: arial,helvetica,pragmatica; 
    font-size: 12px; 
    color: black; 
    background-color: #eeeeee; 
    padding: 0px;
}

#imgnavbar ul li a:visited {
    font-family: arial,helvetica,pragmatica; 
    font-size: 12px; 
    color: black; 
    border-bottom: 1px; 
    border-bottom:1px dotted #999999;
}

#error_list {
    font-family: Georgia, Journal, Baskerville, Book Antiqua, Palatino, Times; 
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #ff0000;
    text-align: justify; 
    height: auto;
    width: auto;
}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
    position: absolute;
    z-index: 3;
    top: 300px;
    left: 50px;
    visibility: visible;
    width: 175px;
    line-height: 24px;
    text-align: right; 
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin-top:10px;
 padding: 3px 0;
 font-family: Georgia, Journal, Baskerville, Book Antiqua, Palatino, Times; 
 font-size: 12px;
 font-weight: normal;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: none;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #333333; }

ul.tabbernav li a:hover
{
 color: #000000;
}

ul.tabbernav li.tabberactive a
{
/* border: 1px solid #A28686;*/
 background: #F0F0F0;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000000;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {

    position: absolute;
    z-index: 3;
    top: 0px;
    left: 200px;
    visibility: visible;
    margin: 10px 0px 5px 10px;
    padding: 0px 20px 0px 5px;
    height: 360px;
    width: 640px;
    overflow: none;
    font-family: Georgia, Journal, Baskerville, Book Antiqua, Palatino, Times; 
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #333333;
    text-align: left; 
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}