/* -- CSS for screen design -- */

.green_1 {
  width:100%;
  background-color:#f4fac3;
}
.green_2 {
  background-color:#f7faf3;
}

.error {
  background-color:#ffdddd;
  font-size:70%;
  color:#ff0000;
}



/* ------------------------------------------------------------------------- */

body {
  background-color:#97A33A;
}
form {
  display:inline;
}

img {
  display:block;
}

h2 {
  color:#97A33A;
  font-size:100%; font-family:serif, monospace;
}
h1 {
  color:#97A33A;
  font-size:100%; font-family:serif, monospace;
}

th {
  color:#97A33A;
  text-align:left;
  width:90px;
  font-size:90%; font-family:serif, monospace;
}

/* ------------------------------------------------------------------------- */
/* wrapper to center content */
#wrapper_pane {
  border:1px solid #fff;
  width:800px;
  height:600px;
  margin:auto auto auto auto;
}

/* ------------------------------------------------------------------------- */
#outer_table {
  border-collapse: collapse;
  width:800px;
  height:600px;
}
#outer_table td {
  padding: 0px;
  border:0px solid #f00;
}
#outer_table a {
  color:#000;
  font-size:80%;
}
#outer_table a:hover {
  background-color:#fff;
  text-decoration:none;
}

/* ------------------------------------------------------------------------- */
#inner_table {
  border-collapse: collapse;
  width:467px;
  height:383px;
}
#inner_table td {
  padding: 0px;
  border:0px solid #f00;
}

/* ------------------------------------------------------------------------- */
#subtemplate {
  width:467px;
  height:380px;
  overflow:auto;
  border-top:0px solid #97a33a;
}

/* ------------------------------------------------------------------------- */
#menu {
  font-size:90%;
  margin-left:10px;
}
#menu a {
  font-size:110%;
}

/* ------------------------------------------------------------------------- */
#menu_pane {
  border-left:1px solid #fff;
  background:url('http://urban-artist.de/images/afro__05.jpg') no-repeat;
  width:203px;
  height:383px;
  padding-left:45px;
  font-family:sans-serif;
  font-size:90%;
  vertical-align:bottom;
  color:#fff;
}
#menu_pane a {
  color:#000;
}
#menu_pane a:hover {
  background-color:#fff;
  text-decoration:none;
}

/* ------------------------------------------------------------------ footer */
#foot_pane {
  background-color:#97A33A;
  margin:auto auto auto auto;
  font-size:65%;
  font-family:sans-serif;
  color:#000;
  text-align:center;
}
#foot_pane a {
  color:#555;
}
#foot_pane a:hover {
  background-color:#777;
  color:#fff;
}
#foot_pane a:active {
  color:#f00;
  background-color:#eee;
}

/* ------------------------------------------------------------------------- */
#page_index {
  background-color:#fff;
  font-size:70%;
  border-top:1px solid #97a33a;
  padding-left:5px;
}
#page_index select {
  border:0px solid #000;
  width:40px;
  height:13px;
  background-color:#eee;
  font-size:10px;
}
#page_index a {
  font-size:11px;
  display:inline;
}
#page_index a:hover {
  background-color:#fff;
}
#page_index a:active {
  background-color:#f00;
}

/* ------------------------------------------------------------------------- */