/* 
    Document   : style
    Created on : Jun 18, 2008, 5:04:38 PM
    Author     : dvrotsos
    Description:
        Purpose ocef the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
body {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

h1 {
    font-size: 1.2em;
    color: navy;
    font-family: Arial,Helvetica,sans-serif;
}

h2 {
    font-size: 1em;
    color: navy
}

p {
  font-family: Tahoma, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  font-weight: bold;
}
/* ---------------------------------------------------------------------------*/
/* Formating for footer                                                       */
/* ---------------------------------------------------------------------------*/
#footer {
  padding:5px; 
  margin:10px 0;
  background-color: #24b649; 
  text-align: center;
  color:#fff;
  width:746px;
  font-size: 9px;
}
.daymsg {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align:center;
}
/* ---------------------------------------------------------------------------*/
/*                                                                            */
/* Menu Parameters                                                            */
/*                                                                            */
/* ---------------------------------------------------------------------------*/

/* <centermenu> is needed to center the horizontal the menu tabs              */
#centermenu {
    margin: 0px auto 0px auto;
    width: 746px;
  text-align: center;
  background-position: center;
}
/*menu css*/
#menu {	background-color: #24b649;border: 1px solid #000;height: 29px;clear: both;
  width: 746px;
  text-align: center;
  background-position: center;
}
.menu {
  position:relative;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
  float:none;
  padding:0;
  margin:0 auto;
  list-style-type:none;
}
.menu ul ul {
  width:160px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
  float:left;
  position:relative;
}
/* style the links for the top level */
.menu a {
  display:block;
  font-family:Arial;
  font-size:11px;
  color:#fff;
  text-decoration: none;
  font-weight:bold;
  height:29px;
  text-align:center;
  line-height:28px;
  padding-left:10px;
  padding-right:10px;
  white-space: nowrap;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
}
* html .menu a {
  width:15px;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top:29px;
  left:0; 
  width:150px; 
  z-index:100;
}
/* another hack for IE5.5 */
* html .menu ul ul {
  top:28px;
/*  top:29px; */
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
  position:absolute; 
  top:0; 
  left:0; 
  border-collapse:collapse;
}
/* style the second level links */
.menu ul ul a {
  background-color:#24b649;
  color:#fff;
  height:auto;
  line-height:1em;
  padding:5px 10px;
  text-align:left;
  width:160px;
  font-weight:normal;
}
/* style the top level hover */
.menu ul a:hover {
  background-color:#ffffff; 
  color:#000;
}
.menu ul :hover > a {
  background-color:#ffffff; 
  color:#000;
}
.menu ul ul a:hover{
  background-color:#000; 
  color:#fff;
}
.menu ul ul :hover > a {
  background-color:#000; 
  color:#fff;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}