/* General styles */

body {
   margin: 0px;
   padding-top: 75px;
   padding-left: 270px;
   padding-right: 270px;
   background-color: #C5D3FF;
   height: 100%;
   /*width: 80%;*/
}

a {
   color: black;
   text-decoration: none;
   font-family: serif;
   font-weight: bold;
}

a:hover {
   color: navy;

}

/* Class specific */

a.menulink {

   margin-left: 10px;
   display: block;

}

div.menusection1 {
   margin-top: 10px;
   font-size: 70%;
   font-weight: bold;
}

div.menusection2 {
   margin-top: 10px;
   font-size: 80%;
   font-weight: bold;
}

div.menusection3 {
   margin-top: 4px;
   font-size: 80%;
   font-weight: bold;
}



/* Id specific */
#logo {

   border: 1px solid black;
   background: white;
   width: 159px;
   height: 72px;
   left: 30px;
   top: 30px;
   position: absolute;
   padding: 10px;
}

#logoshadow {

   border: 1px solid black;
   background: black;
   width: 159px;
   height: 72px;
   left: 35px;
   top: 35px;
   position: absolute;
   padding: 10px;

}


#menu {

   border: 1px solid black;
   background: white;
   width: 159px;
/*   height: 85%;*/
/*   left: 30px;
   top: 140px;
  */
   left: -5px;
   top: -5px;

   position: relative;
   padding: 10px;
}

#menushadow {

   border: 1px solid black;
   background: black;
   width: 179px;
/*   height: 85%;*/
  left: 35px;
   top: 145px;
   position: absolute;
   padding: 0px;
}

#hole_left {

   position: relative;
   left: -11px;

}

#hole {
   float: right;
   margin-right: 10px;
   margin-left: auto;


}

img.centered {
   display: block;
   margin-right: auto;
   margin-left: auto;
   margin-top: 5px;
   border: 0px solid black;
}

p.error {
   color: red;
}

p.message {
   font-weight: bold;
}