html, body {
  margin: 0
}

body {
    background-image:url('background_body.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
   
}

a img {
    border: 0px
}

div, p {
   font-family: "Trebuchet MS"

  
}

p {
    text-align: justify
}

/*                        */
p.alert {
  border: 1px #000 solid;
  text-align: center;
  padding: 25px;
  margin: 10px 30px
}

div#session_control {
  position: fixed;
  left: 0; bottom: 0;
  background-color: none;
}
  div#session_control a {
    font-size: 10px
  }
  

p.bad {
  border-color: #f00;
  background-color: #fcc
}

p.good {
  border-color: #0f0;
  background-color: #cfc
}

/*                          */
h1 {
  font-size: 140%
}

div#header {
         position: relative;
         z-index: 2
}

div#canvas {
  width: 936px;
  margin: auto;
 
  background-image: url('background_canvas.png');
  background-repeat: repeat-y
}

/*                          */
div#navigation {
  margin-bottom: 10px;
  width: 230px;
  position: relative;
  z-index: 2;
  
  float: left;
 
}
  div#navigation * {
    margin: 0;
    padding: 0;
  }
  div#navigation ul {
    list-style-type: none
  }
  div#navigation li {
    list-style-type: none;
    float: left;
    text-align: center;
    padding: 0px 10px;
   
  }
  
  div#navigation a {
    color: #333;
    display: block;
    width: 230px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 80%;

  }
  
div#breadcrumb {
  clear: both;
  color: #777;
  font-size: 80%;
  margin-top: 10px;
  padding: 2px;
  border: 1px #999 solid;
  border-width: 1px 0;
  height: 17px
}
  
  div#breadcrumb a {
    color: #999;
    font-size: 80%;
    text-decoration: none
  }

div#content {
 min-height: 300px;
  width: 640px;
  float: left;
  position: relative;
  z-index: 2

 
  

}

div#content_background {
    background-color: #fff;


}


div.content_controls {
  padding: 5px 5px
}
a.link_as_button {
  background-color: #6382A1;
  padding: 2px 5px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase
}

a.smaller {
  font-size: 50%
}

a.link_as_button:hover {
  background-color: #966;
}

.clear { clear: both }

.button {
  margin: 20px 0 20px 0;
  border: 1px #333 solid;
  color: #000
}

#footer p {
  text-align: center;
  font-size: 80%;
  width: 936px;
        padding-bottom: 250px;
  margin: auto;
  color: #999;
  
  font-style: italic
}

img#home_background {
          z-index: -1;
         position: absolute
}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}