/* CSS PAGE */

body
{
   margin-left: 10%;
   margin-right: 10%;
   margin-top: 1em;
   margin-bottom: 1em;
   font-family; "Times New Roman", Verdana, sans-serif;
   font-size: 20px;
   color: white;
   background: black;
   background-image: url("/images/bg_pic.jpg");
   background-repeat: repeat;
}

.header
{
  BORDER-RIGHT: #87ceeb 1px solid;
  PADDING-RIGHT: 2px;
  BORDER-TOP: #87ceeb 1px solid;
  PADDING-LEFT: 2px;
  FONT-WEIGHT: bolder;
  FONT-SIZE: x-large;
  PADDING-BOTTOM: 2px;
  MARGIN: 2px 10% 10px;
  TEXT-TRANSFORM: none;
  BORDER-LEFT: #87ceeb 1px solid;
  COLOR: red;
  PADDING-TOP: 2px;
  BORDER-BOTTOM: #87ceeb 1px solid;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  BACKGROUND-COLOR: #b0c4de;
  TEXT-ALIGN: center;
  FONT-VARIANT: normal;
  TEXT-DECORATION: none
}

.section
{
   position: relative;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   border-style: inset;  
   border-width: 15px;   
   border-color: orange; 
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 5px;
   padding-left: 5px;
}

.menu
{
   float: left;
   width: 210px;
/*   border-style: solid; */
/*   border-color: black; */
}

.button
{
   width: 12em;
   border-right: 0px solid #000000;
   padding: 0 0 0 0;
   margin-bottom: 0em;
   font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Arial, sans-serif;
   background-color: #8D4A40; 
/*   color: #000000; */
}

.button ul 
{
   list-style: none;
   margin: 0;
   padding: 0;
   border: none;
}

.button li 
{
   border-bottom: 5px solid #8D4A40;
   margin: 1px;
}

.button li a
{
   display: block;
   padding: 5px 5px 5px 0.5em;
   border-left: 10px solid #DDAD35;
/*   border-right: 10px solid #8D4A40; */
/*   background-color: #8D4A40; */
   color: #ffffff;
   text-decoration: none;
   width: 100%;
}

html>body .button li a 
{
   width: auto;
}

.button li a:hover 
{
   border-left: 10px solid #1c64d1;
   border-right: 10px solid #000000;
   background-color: #000000;
   color: #ffffff;
}

.info
{
   float: left;
   width: 470px;
   height: 295px;
/*   border-style: solid; */
/*   border-color: blue; */
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 10px;
   padding-bottom: 10px;
}

.pic
{
   float: left;
   width: 250px;
/*   border-style: solid; */
/*   border-color: yellow; */
}

.pic img
{
   height: 250px;
   width: 250px;
}

.bottom
{
   clear: both;
/*   border-style: solid; */
/*   border-color: purple; */
   text-align: center;
}

.toppic
{
 /*  border-style: solid; */
 /*  border-color: black; */
   position: relative;
}

.toppic img
{
   height: 300px;
   width: 1119px;
}

.topmsg
{
/*   border-style: solid; */
/*   border-color: blue;  */
   position: absolute;
   top: 12%;
   right: 10%;
   width: 400px;
   color: 000000;
   font-family: Helvetica;
   font-size: 30px;
   font-weight: bold;
}