html, body {
  margin: 0;
  background-color: #993333
}

* {
  font-family: "Trebuchet MS";
  font-size: 16px
}

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


  

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

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

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

h2 {
    font-size: 120%;
}

h3 {
    font-size: 110%;
}

div#header {
  margin-bottom: 20px;
  
}

div#canvas {
  width: 880px;
  margin: auto;
  padding: 0px 15px;
  
}

/*                          */
div#navigation {
  margin-bottom: 10px;
  width: 146px;
  float: left
}
  div#navigation * {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #000
  }
  div#navigation ul {
    list-style-type: none
  }
  div#navigation li {
    list-style-type: none;
   
    text-align: center;
    padding: 0px 10px;
   
    margin-bottom: 15px
  }
  
  div#navigation a {
    
    display: block;
    
    text-decoration: none;
    

  }
  
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: 650px;
  background-color: #FFFFCC;
  float: right;
  padding: 25px;
  
}


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

a.smaller {
  font-size: 50%
}

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

.clear { clear: both }

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

#footer {
  text-align: center;
  font-size: 80%;
  color: #999;
  font-style: italic
}

div#session_control {
    margin-bottom: 10px;
  width: 146px;
  float: left;
  clear: left
}
  div#session_control a {
    font-size: 15px;
    color: #000;
    padding: 2px 5px;
    margin-bottom: 3px
  }
  
  legend {
    font-size: 110%;
    font-weight: bold;
}