/* general settings for the page */
html  { height: 100%; margin: 0; padding: 0; }
body  { font-family: Arial,Verdana,Sans-Serif; margin: 0; padding: 0; color: black; height: 100%; }
a:link    { color: blue; }
a:visited { color: #7F3F00; }
a:active  { color: #DF6D00; }
h1     { font-size: 140%; font-weight: bold; }
h2     { font-size: 120%; font-weight: bold; }
h3     { font-size: 110%; font-weight: bold; }
strong { font-weight: bold; }
em     { font-style: italic; }
form   { padding: 0; margin: 0; }

/* colors: #694F38, #A87F5A, #D39F71, #FDBE87 */

/* layout of header, footer, sidebar */
table.PAGE        { width: 100%; height: 100%; padding: 0px; margin: 0px; }
td.PAGENAVIGATION { width: 160px; background-color: black; vertical-align: top; } 
td.PAGESPACER     { width: 30px; background-image: url(/img/nav_b.jpg); background-repeat: repeat-y; 
                    vertical-align: top;}
td.PAGECONTENT    { background-color: white; vertical-align: top; }
div.PAGEHEADER    { width: 100%; height: 80px; }
div.NAVIGATION    { width: 100%; padding-top: 10px; }
div.CONTENTAREA   { padding-top: 10px; padding-bottom: 10px; padding-right: 10px; }
div.INFOAREA      { }
div.FOOTER        { text-align: center; font-size: 60%; vertical-align: bottom; }

.PAGEADMIN        { text-align: center; font-size: 80%; padding-top: 5px; padding-bottom: 5px; }
.PAGEADMIN input  { font-size: 90%; }
.PAGEADMIN select { font-size: 90%; }

.LOGIN       { font-size: 80%; color: white; 
               margin-left: 10px; margin-bottom: 10px; }
.LOGIN input { font-size: 100%; }

/* layout of the navigation */
table.NAV	  { color: white; text-align: left; font-weight: bold; 
              margin-left: 10px; margin-bottom: 10px; }
a.NAV       { color: white; text-decoration: none; }
a.NAV:link    { color: white; }
a.NAV:visited { color: white; }
a.NAV:active  { color: white; }
a.NAVA      { color: #D66B00; text-decoration: none; }
a.NAVA:link    { color: #D66B00; }
a.NAVA:visited { color: #D66B00; }
a.NAVA:active  { color: #D66B00; }
.NAV1 td    { font-size: 80%; vertical-align: top; padding-top: 4px; padding-bottom: 4px; }
.NAV2 td    { font-size: 75%; vertical-align: top; padding-top: 3px; padding-bottom: 3px; }
.NAV3 td    { font-size: 70%; vertical-align: top; padding-top: 3px; padding-bottom: 3px; }
.NAV4 td    { font-size: 65%; vertical-align: top; padding-top: 2px; padding-bottom: 2px; }
.NAV5 td    { font-size: 65%; vertical-align: top; padding-top: 2px; padding-bottom: 2px; }

/* definition of content */
.CONTENT    { padding: 3px; vertical-align: top; }
.CONTENT td { padding: 3px 3px 3px 0px; }
.SMALLCONTENT { padding: 3px; font-size: 80%; vertical-align: top; }

/* NEWS */
.NEWS img    { float:right; margin:3px 0 3px 10px; max-width:280px; max-height:210px; }
.NEWS object { float:right; margin:3px 0 3px 10px; }
.NEWS li     { clear:both; margin-top:3px; margin-bottom:3px; }
.NEWS li li  { clear:none; margin-top:2px; margin-bottom:2px; }
.NEWS li div { float:left; display:inline; }
.NEWS li div img { float:left; margin:3px 10px 3px 0; max-width:280px; max-height:210px; }
.NEWS li p   { display:none; }

/* definition of messages - for use in forms */
.MSG        { padding: 3px 0px; font-weight: normal; color: red; font-size: 80%; }
.BLACKMSG   { padding: 3px 0px; font-weight: normal; color: black; font-size: 80%; }

/* sample description, e.g. in About/Website */
li samp   { font-family: Arial,Verdana,Sans-Serif; font-size: 80%; color: gray}
li samp a { color: gray; }

/* layout of lists (table) */
.TLIST           { background: #FDBE87; }
.TLIST thead th  { padding: 2px; font-weight: bold; font-size: 85%; color: white; background: #D39F71; text-align: center}
.TLIST thead a   { color: white; }
.TLIST tbody td  { padding: 2px; font-weight: normal; font-size: 80%; color: black; background: white; }
.TLIST tbody a   { color: black; }
.TLIST tfoot td  { padding: 2px; font-weight: normal; font-size: 80%; color: black; background: #FDBE87; text-align:center}
.TLIST tfoot a   { color: black; }

/* layout for forms (table) */
.TENTRY          { background: #FDBE87; }
.TENTRY thead th { padding: 2px; font-weight: bold;   font-size: 80%; color: white; background: #D39F71; text-align: center}
.TENTRY tbody td { padding: 2px; font-weight: normal; font-size: 80%; color: black; background: #FDBE87; }
.TENTRY tbody td.LABEL    { white-space: nowrap; }
.TENTRY tbody td.ERRLABEL { white-space: nowrap; color: red; }
.TENTRY tfoot td { padding: 2px; font-weight: normal; font-size: 80%; color: black; background: #FDBE87; text-align:center}
.TNENTR     { }
.TNENTR .TH { font-weight: bold;   font-size: 80%; color: white; text-align: center}
.TNENTR .TR { font-weight: normal; font-size: 80%; color: white; }
.TNENTR .TF { font-weight: normal; font-size: 80%; color: white; text-align:center}
.TNENTR .TL { font-weight: normal; font-size: 80%; color: white; text-align:left}

.TENTRY tbody td iframe { background: #FFFFFF; }

ul.REQUIREMENTS { font-size: 80%; }
ul.TASKS        { font-size: 90%; }