/******************
 *  GLOBAL RESET  *
 ******************/
 
*
{
  margin:                     0;
  padding:                    0;
}

html, body
{
  width:                      100%;
  height:                     100%;
}


/***************
 *  CENTERING  *
 ***************/
 
body
{
  background:                 #606060 url("../img/keys.jpg") repeat 0 0;
  background-attachment:      fixed; 
  text-align:                 center;
}

div#wrapper
{
  text-align:                 left;
  width:                      770px;
  margin:                     0 auto;
  padding:                    0 0 0 0;
}

div#shader
{
  position:                   absolute;
  z-index:                    900;
  left:                       0px;
  top:                        0px;
  width:                      100%;
  height:                     100%;
  background:                 #003000;
  filter:                     alpha(opacity=30);
  opacity:                    0.30;
}

div#content
{
  position:                   relative;
  margin:                     0;
  padding:                    10px 10px 10px 10px;
  border-left:                solid 1px black;
  border-right:               solid 1px black;
  height:                     400px;
  overflow:                   hidden;
  background:                 white;
}

/****************
 *  TYPOGRAPHY  *
 ****************/
 
body 
{
  font-family:                Verdana, Arial, Helvetica, sans-serif;
  color:                      #444;
  font-size:                  10px;
  font-weight:                normal;
  font-style:                 normal; 
}

a, a:link, a:visited, a:active,
a.text, a.text:link, a.text:visited, a.text:active
{ 
  color:                      #666; 
  background-color:           transparent;
  text-decoration:            none;
}

a:hover, a.text:hover
{
  color:                      #666; 
  background-color:           transparent;
  text-decoration:            underline;
}

a.graphic, a.graphic:link, a.graphic:visited, a.graphic:active, a.graphic:hover
{ 
  border:                     none; 
  text-decoration:            none; 
  background-color:           transparent;
}

h1,h2,h3,h4 {
}

h1 {
	font-size:                  1.6em;
	font-weight:                normal;
	margin:                     0.5em 0 0.4em 0;
	line-height:                1em;
}

h1 a { 
  color:                      #333; 
}

h2 {
	font-size:                  1.2em;
	font-weight:                bold;
	margin:                     5px 0 2px 0;
	line-height:                1.3em;
	text-align:                 justify;
}

h3 {
	font-size:                  1.2em;
	line-height:                1.6em;
	display:                    block;
	padding-top:                5px;
}
	
h4 {
	font-size:                  1.2em;
	line-height:                1.6em;
	color:                      #333;
	display:                    block;
	padding-top:                20px;
	margin-bottom:              10px;
	border-bottom:              solid 1px #aaa;
}

ol {
	margin:                     0.2em 0 1em 0;
	padding-left:               2.25em;
}

p {
	margin-bottom:              0.4em;
	text-align:                 justify;
	line-height:                1.5em;
}		

ul {
	margin:                     1em 0;
	padding-left:               16px;
	list-style-image:           url("../img/menulink.gif");
}

ul li
{
  margin-bottom:              0.4em;
}

table
{
  font-family:                Verdana, Arial, Helvetica, sans-serif;
  font-size:                  10px;
  text-align:                 left;
}

/***************
 *    HEADER   *
 ***************/
 
div#header
{
  position:                   relative;
  width:                      990px;
  height:                     186px;
  background:                 transparent url("../img/header.jpg") no-repeat 0 0;
  margin-top:                 0px;
  color:                      black;
}

div.footer
{
  width:                      770px;
  background:                 transparent;
  margin:                     0;
  padding:                    10px 0 50px 0;
  color:                      #444;  
  text-align:                 center;
  font-size:                  10px;
  line-height:                1.2em;
}

/*********************
 *     SIDEMENU      *
 *********************/

div.sidemenu 
{
  font-size: 12px;
}

div.sidemenu ul
{
  list-style-type: none;
 	margin: 1em 0;
	padding-left: 16px;
}

div.sidemenu li
{
  list-style-image: url("../img/menulink_active.gif");
}

div.sidemenu a,
div.sidemenu a:link,
div.sidemenu a:visited,
div.sidemenu a:active,
div.sidemenu a:hover
{
  width: 170px;
  display: block;
  text-decoration: none;
  border: none;
}

div.sidemenu a:hover
{
  color: white;
  background-color: black;
}