/* Elements */

body {
  margin:0;
  background:url("../img/background.png");
  font-size:13px;
  font-family:helvetica;
  color:#301703;
}

tr {
  vertical-align:top;
}

a{
  color:darkred;
  text-decoration:none;
  border-bottom:none;
  cursor:pointer;
}

a:hover {
  border-bottom:1px solid darkred;
}

h2, h3 {
  margin:0 0 10px 0;
}

input {
  vartical-align:middle;
}

input[type=text],  input[type=password]{
  border:1px solid #5E4329;
  background:#EADEAE;
  padding:5px;
}

input[type=submit], input[type=reset], input[type=button] {
  background:url("../img/button_background.png");
  padding:7px;
  font-weight:bold;
  color:#301703;
  border:1px solid #653107;
  border-radius:7px;
  text-shadow:1px 1px 0 #DECA85;
  cursor:pointer;
  opacity:0.9;
}

input[type=submit]:hover , input[type=reset]:hover , input[type=button]:hover {
  opacity:1;
}

/* Ids */

#header {
  
}

#main {
  width:80%;
  margin:0 auto;
  margin-bottom:50px;
}

#navigation, #content {
  padding:10px;
}

#navigation {
  width:18%;
}

#navigation ul {
  margin:0;
  padding-left:15px;
}

#navigation ul li {
  margin-bottom:5px;
  list-style:square url("../img/navigation_bullet.png");
}

#content {
  width:82%;
  height:800px;
}

/* Classes */

.box {
  background:url("../img/box_background.png");
  width:100%;
  height:100%;
  display:block;
  margin-top:10px;
  border:1px solid #DCC279;
  border-radius:10px;
  box-shadow:1px 1px 10px black;
}

.box_title {
  background:url("../img/box_title_background.png");
  padding:15px;
  font-size:16px;
  font-weight:bold;
  max-height:16px;
  overflow:hidden;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  text-shadow:0 0 1px white;
}

.box_content {
  padding:20px;
}

.division {
  width:90%;
  border:1px solid #EADEAE;
  background:#DECA85;
  padding:15px;
  margin:10px;
  border-radius:7px;
  box-shadow:1px 1px 10px #AD8C39;
}
  
.error {
  color:red;
  margin-bottom:5px;
  font-style:italic;
  cursor:pointer;
}

.icon {
  vertical-align:middle;
  margin:5px;
}