body
{
  font-family:      Arial, Sans;
  font-size:        90%;
  line-height:      1.7em;
  margin:           0;
  
  background-color: Black;
  color: #E0E0E0;
}

img { border: none; vertical-align: middle; }

h1
{
  font-size: 1.7em;
  margin-top: 0px;
}

h2
{
  font-size: 1.25em;
}

h3
{
  font-size: 0.96em;
  margin: 0;
  margin-top: 12px;
}

p
{
  margin: 12px 0px 4px 0px;
  padding: 0px;
  text-align: justify;
}

a { text-decoration: none; color: #685DFB; }
a:visited { color: #685DFB; }
a:hover { background-color: #080070; }

hr { text-align: right; width: 100%; height: 1px; margin: 0; color: #202020; border: none; } /* IE */
html>body hr { margin: 0; background-color: #202020; border: 0px solid #F00; } /* For Opera and Gecko-based browsers */

/* Forms -------------------------------------------------------------------- */

input, textarea, select
{
  font-size: 0.86em;
  padding: 2px;
  border: solid 1px Gray;
  background-color: #EAEAEA;
  color: Black;
}
textarea { font-size: 1em; }

input:focus, textarea:focus, select:focus
{
  background-color: White; /*#FFFFC0;*/
}

option:checked
{
  background-color: Navy;
}

fieldset
{
  border: solid 1px #333333;
  padding: 0px 10px 12px 10px;
  margin-bottom: 16px;
  text-align: left;
}

fieldset legend
{
  color: White;
}

form { margin: auto; }
form.narrow { width: 400px; }
form.narrow-medium { width: 480px; }
form.medium { width: 620px; }
form.wide { width: 770px; }

table.form th
{
  text-align: right;
  vertical-align: top;
  padding-right: 8px;
  font-size: 0.9em;
  
  font-weight: normal;  /* cancel default bold */
  color: #666666;
}

table.form td
{
  color: #666666;
}

table.present th
{
  text-align: right;
  vertical-align: top;
  padding-right: 8px;
  font-size: 0.9em;
  
  font-weight: normal;  /* cancel default bold */
  color: #666666;
}

table.narrow th { width: 130px; }
table.narrow-medium th { width: 150px; }
table.medium th { width: 200px; }
table.wide th { width: 260px; }

div.button { text-align: center; }
div.button input { color: White; background-color: Blue; }
input.button { color: White; background-color: Blue; }

/* Tools -------------------------------------------------------------------- */

.clear
{
  clear: both;
}

.highlight
{
  font-weight: normal;
  background-color: #d0ffd0;
}

/* Layout ------------------------------------------------------------------- */

#container
{
  width: 980px;
  margin: auto;
}

#header
{
  width: 980px;
  margin: 0; padding: 0;
}

#logo
{
  width: 340px;
  float: left;
  margin-right: 20px;
}

#authentication
{
  float: right;
  font-size: 84%;
}

#middle
{
  width: 980px;
  background-image: url(../images/middle_background.png);
}

#left_menu
{
  width: 200px;
  margin-right: 20px;
}

#content
{
  width: 760px;
}




.menu ul
{
  margin: 0;
  list-style: none;
  padding: 4px 0px 0 0px;
}
.menu li
{
  margin: 0;
  padding: 0px 10px 0px 10px;
}


/* Tools */

.clear { clear: both; }

.left { float: left; }

.right { float: right; }

.align_to_left { text-align: left; }

.align_to_right { text-align: right; }

.align_to_center { text-align: center; }


/* Main logo ---------------------------------------------------------- */

#logo h4
{
  margin: 0;
  font: 1.8em Arial;
  font-weight: bold;
  letter-spacing: 0.25em;
}
#logo h5
{
  margin: 0;
  font: 1.35em Tahoma;
  letter-spacing: 0.25em;
}
#logo a
{
  color: White;
}

/* Left menu ---------------------------------------------------------- */

#left_menu h2
{
  margin: 0;
  margin-top: 12px;
  font-size: 1.2em;
}
#left_menu a
{
  color: White;
}
#left_menu a:hover
{
  text-decoration: underline;
}

/* Techniques page ---------------------------------------------------------- */

#techniques img
{
  margin-right: 20px;
  margin-bottom: 12px;
  float: left;
}

#techniques h3
{
  margin-top: 22px;
}

/* Tables ------------------------------------------------------------------- */

table thead, table tfoot
{
  background-color: #f0f0f0;
}

table thead 
{
  font-size: 90%;
  font-weight: lighter;
  color: #404040;
}

caption
{
  font-size: 80%;
  font-weight: bold;
  color: Grey;
}

table td
{
  vertical-align: top; 
  padding: 0px 5px 0px 5px;
}