/*
======================================================================================================
Purpose:	Contains the styles used in the web site

Author:		Phillip Relf
Release:	05.01
Date:		25 Aug 2023
Modified:	
======================================================================================================
*/


*  {
  margin:	0;
  padding:	0;
}


.Heading-1 {
  color:       		blue;
  font-family: 		Helvetica;
  font-size:   		20pt;
  font-weight: 		bold;
  padding-top:	 	5px;
  padding-bottom:	10px;
  padding-left:		10px;
  padding-right:	10px; }

.Heading-2 {
  color:       		blue;
  font-family: 		Helvetica;
  font-size:   		16pt;
  font-weight: 		bold;
  padding-top:	 	5px;
  padding-bottom:	10px;
  padding-left:		10px;
  padding-right:	10px; }


.paragraph {
  color:		black;
  font-family:		Segoe UI;
  font-size:		16px;
  padding-top:		10px;
  padding-left:		20px;
  text-align:		justify;
  text-justify:		inter-word; }

.phone {
  color:		blue;
  font-size:		20px; }

.AGM {
  color:		rgb(204,0,204);
  font-size:		20px; }

.EGM {
  color:		red;
  font-size:		20px; }

.MCM {
  color:		blue;
  font-size:		20px; }



.Text_Small {
               font-size:   80%;
}


/*  Element Styles  */

a:active  { color:       rgb( 10,  10, 255);	/* Blue */
            font-size:   110%;
            font-weight: bold; 
}
a:link    { color:       rgb( 10,  10, 255);	/* Blue */
            font-size:   110%;
            font-weight: bold; 
}
a:visited { color:       rgb( 10,  10, 255);	/* Blue */
            font-size:   110%;
            font-weight: bold; 
}



h2 { color: rgb( 10,  10, 255);			/* Blue */               
     font-size: 180%;
     padding-top:	10px;
     padding-bottom:	 5px;
     padding-left:	10px;
     padding-right:	10px;
}




/*  Class styles  */

.Navigation { font-size: 110%; }

.Committee_Image img {
  padding-left:		0px;
  padding-right:	0px;
}

.Committee_Roles {
  padding-left:		50px;
}

.Committee_Heading th {
  background: rgb( 10,  10, 255);	/* Blue */
  border:     1px solid #333;
  color:      white;
  font-size:  80%;
}

.Committee_Caption {
  padding-left:	50px;
  text-align:   center;
}

.Committee_Heading {
  text-align:   center;
}

.Committee_Even td {
  background:   rgb(190, 190, 250);	/* Light Blue */
  border:       1px solid #333;
  color:        black;
  padding-left: 10px;
}

.Committee_Odd td {
  background:   rgb(240, 220, 160);	/* Light Tan */
  border:       1px solid #333;
  color:        black;
  padding-left: 10px;
}


/*  Liststyles  */

.Normal_List {
  padding-left:	      50px;
  list-style-type:    square;
}


/*  Menu styles  */

  Menu_Container { text-align: left; }

  Menu_List { display: inline-block; text-align: center; }

  ul {
    list-style:       none;
    margin-bottom:    2px;
    margin-left:      2px;
    margin-right:     2px;
    margin-top:       0px;
    padding-left:     5px;
    padding-right:    5px;
  }

  ul li {
    display:          block;
    float:            left;
    position:         relative;
  }

  li ul {
    display:          none;
  }

  ul li a {
    background:       rgb(192, 192, 192);  /* Silver  */
    color:            rgb( 10,  10, 255);  /* Blue */;
    font-family:      Tahoma, Geneva, sans-serif;
    font-size:        18px;
    font-weight:      bold;
    text-align:       center;
    text-shadow:      3px 2px 3px rgb(150, 150, 150);
    display:          inline-block;
    border-color:     rgb( 10,  10, 255);  /* Blue */
    border-radius:    5px;
    border-style:     solid; 
    padding:          5px;
    text-decoration:  none;
    white-space:      nowrap;
  }

  .Menu_List ul li a:hover {
    background-color: rgb( 10,  10, 255);  /* Blue */
    color:            rgb(230, 230, 230);  /* Light Silver  */
  }

  .Menu_List li:hover ul {
    display:          block; 
    position:         absolute;
  }

  .Menu_List li:hover li {
    float: none;
  }

  .Menu_List li:hover a {
    background-color: rgb(230, 230, 230);  /* Light Silver  */
  }

  .Menu_List li:hover li a:hover  {
    background-color: rgb( 10,  10, 255);  /* Blue */
    color:            rgb(230, 230, 230);  /* Light Silver  */
  }



  #Menu li ul li {
    border-top: 5px;
  }