/*---- endomed.css
  ---- CSS for simple two page Endomed site */

/*===========================================================================*/
/* BODY CONTENT                                                              */
/*===========================================================================*/

body {
   background-color: #f4e9d7;
   background-repeat: repeat;
   background-position: bottom center;
   font: 0.8em/1.3em verdana, arial, helvetica, geneva, sans-serif;
   color: #333333;
   margin: 0;
   padding: 0;
}

#header {
   border-bottom: 1px solid #854700;
   padding: 0;
   color: #ffffff;
   background-color: #f6cc7b;
   top: 0;
   width: 100%;
   height: 100px;
   background-image: url(../images/endomed_header.jpg);
   background-repeat: no-repeat;
}

h2 {
   font: bold 1em/1.5em verdana, arial, helvetica, geneva, sans-serif;
   color: #666666;
   background-color: #f4e9d7;
   margin-left: 0px;
   text-decoration: none;
}

h3 {
   font: bold 1.2em/1.7em verdana, arial, helvetica, geneva, sans-serif;
   color: #666666;
   background-color: #f4e9d7;
   margin-left: 0px;
   text-decoration: none;
}

a {
   text-decoration: underline;
}

a:link, a:visited {
   color: #667744;
   background-color: #f4e9d7;
}

a:hover {
   color: #003377;
   background-color: #f4e9d7;
}

a:active {
   color: #ff0000;
   background-color: #f4e9d7;
}

li {
   text-decoration: none;
   margin: 0;
}



/*===========================================================================*/
/* MAIN CONTENT                                                              */
/*===========================================================================*/

#content {
   margin: 15px 30px 0 210px;  /* top right bottom left */
   text-indent: 0;
   border: 0 none;
   text-align: justify;
   min-width: 300px;
}

#content p.rightalign {
   font: 0.8em/1.1em verdana, arial, helvetica, geneva, sans-serif;
   text-align : right;
   clear: both;
} 

#content li.left {
   text-align: left;
   margin-top: 15px;
}

/*----menu image----*/
img.menu {
   border: 0;
   margin: 0 10px 0 10px;
   padding: 0;
}

/*----floating image left of text----*/
img.left {
   float: left;
   margin: 0 10px 5px 5px;
   border: 2px groove #aaaaaa;
}


/*===========================================================================*/
/* MENU SIDE PANEL                                                           */
/*===========================================================================*/

#menu {
   border-right: 1px solid #854700;
   display: block;
   position: absolute;
   color: #4e4e4e;
   background-color: #f4e9d7;
   padding: 0;
   margin: 0;
   top: 104px;
   left: 10px;
   width: 180px;
   overflow: hidden;
}

#menu .pict {
   margin: 40px 0 30px 0;
   text-align: center;
}

#menu .navitem a, .navitemsel a {
   display: block;
   width: 172px;
   height: 26px;
   padding: 10px 0 5px 10px;
   font: 1.15em verdana, arial, helvetica, geneva, sans-serif;
   text-align: left;
   text-decoration: none;
}

#menu .navitemsel a {
   color: #ffffff;
   background-color: #c1996f;
   border-top: 1px solid #854700;
   border-left: 1px solid #854700;
   border-bottom: 1px solid #a45e0e;
   border-right: 1px solid #854700;
}

#menu .navitem a:link, .navitem a:visited {
   color: #333333;
   background-color: #f6cc7b;
   border-top: 1px solid #9b6a31;
   border-left: 1px solid #9b6a31;
   border-bottom: 1px solid #854700;
   border-right: 1px solid #854700;
}

#menu .navitem a:hover {
   color: #ffffff;
   background-color: #e09a2c;
   border-top: 1px solid #854700;
   border-left: 1px solid #854700;
   border-bottom: 1px solid #a45e0e;
   border-right: 1px solid #a45e0e;
}

/*===========================================================================*/
/* MAIN FORM CSS LAYOUT                                                      */
/*===========================================================================*/

#form {
   min-width: 500px;
   margin: 0;
   border: 3px double #c1996f;
   color: #443344;
   background-color: #dec2a5;
}

#form .row {
   clear: both; 
   width: 90%;
   height: 20px;
   padding: 5px 0px 5px 25px;
}

#form .err {
   clear: both;
   color: #ff0000;
   background-color: #dec2a5;
   width: 90%;
   height: 20px;
   padding: 5px 0px 5px 25px; 
}

#form span.lbl {
  float: left;
  width: 35%;
  text-align: left;
}

#form span.widget {
  float: left;
  padding: 0;
  text-align: left;
}

#form .buttons {
   clear: both;
   text-align: center;
   padding-top: 20px;
}

/*----end of css----*/