body 
{
  margin: 0px;
  background: #F5F5DC;  /* beige */
  text-align: left;
  padding: 0;
}

a:link {color: #0000FF}     /* unvisited link */
a:visited {color: #A52A2A}  /* visited link */
a:hover {color: #FF0000}   /* mouse over link */
a:active {color: #FF00FF}   /* selected link */

.line-through
{
  text-decoration:line-through; 
}
 
#ftr 
{
  font-size: 0.8em;
  height:120px;
  background:#c0c0c0;
  color: #333333;
  border: inset 1px;
  margin:0;
  text-align:center;
}

.pageheader
{
  border:1px;
  width:98%;
  color: brown;
  vertical-align: middle;
  text-align: center;
  border-top: 15px;
}

.pagetitle
{
  color: #A52A2A; /* Brown */
  font-weight:bold;
  font-size: 3em;
  vertical-align: top;
}

.welcome
{
  color: #A52A2A;  /* Brown */
  font-weight:bold;
  font-size: 1.2em;
}

.motto
{
  color: #A52A2A;  /* Brown */
  font-weight: normal;
  font-size: 0.8em;
  font-style: italic;
}

.hdrtoast
{
  height: 50px;
}

.itemheader
{
  color: green;
  font-weight:bold;
  font-size: 1.0em;
  text-decoration: underline;
}

.itemcategory
{
  color: green;
  font-weight:bold;
  font-size: 1.0em;
  text-decoration:none;
}

.itemsubheader
{
  color: black;
  font-weight:normal;
  font-size: 1.0em;
  text-decoration: underline;
}


.itemdetail
{
  color: black;
  font-weight: normal;
  font-size: 0.9em;
}


.highlight_orange
{
  font-weight: bold;
  color: orange;
  text-decoration: underline;
  font-variant: small-caps;
}


.highlight_blue
{
  font-weight: bold;
  color: blue;
  text-decoration: underline;
  font-variant: small-caps;
}


.highlight_darkblue
{
  font-weight: bold;
  color: darkblue;
  text-decoration: underline;
  font-variant: small-caps;
}


.highlight_red
{
  font-weight: bold;
  color: red;
  text-decoration: underline;
  font-variant: small-caps;
}


.highlight_green
{
  font-weight: bold;
  color: green;
  text-decoration: underline;
  font-variant: small-caps;
}


.highlight_darkgreen
{
  font-weight: bold;
  color: darkgreen;
  text-decoration: underline;
  font-variant: small-caps;
}


.highlight_brown
{
  font-weight: bold;
  color: brown;
  text-decoration: underline;
  font-variant: small-caps;
}


.highlight_darkbrown
{
  font-weight: bold;
  color: darkbrown;
  text-decoration: underline;
  font-variant: small-caps;
}


.highlight_silver
{
  font-weight: bold;
  color: silver;
  text-decoration: underline;
  font-variant: small-caps;
}


.highlight_darksilver
{
  font-weight: bold;
  color: #666666;
  text-decoration: underline;
  font-variant: small-caps;
}


.highlight_white
{
  font-weight: bold;
  color: white;
  text-decoration: underline;
  font-variant: small-caps;
}


.highlight_black
{
  font-weight: bold;
  color: black;
  text-decoration: underline;
  font-variant: small-caps;
}

.highlight_gold
{
  font-weight: bold;
  color: gold;
  text-decoration: underline;
  font-variant: small-caps;
}


.highlight_goldenrod
{
  font-weight: bold;
  color: goldenrod;
  text-decoration: underline;
  font-variant: small-caps;
}


.highlight_yellow
{
  font-weight: bold;
  color: yellow;
  text-decoration: underline;
  font-variant: small-caps;
}

.highlight_limegreen
{
  font-weight: bold;
  color: limegreen;
  text-decoration: underline;
  font-variant: small-caps;
}

.highlight_seagreen
{
  font-weight: bold;
  color: seagreen;
  text-decoration: underline;
  font-variant: small-caps;
}

.highlight_aqua
{
  font-weight: bold;
  color: aqua;
  text-decoration: underline;
  font-variant: small-caps;
}

.highlight_aquamarine
{
  font-weight: bold;
  color: aquamarine;
  text-decoration: underline;
  font-variant: small-caps;
}

.highlight_blueviolet
{
  font-weight: bold;
  color: blueviolet;
  text-decoration: underline;
  font-variant: small-caps;
}

.highlight_chocolate
{
  font-weight: bold;
  color: chocolate;
  text-decoration: underline;
  font-variant: small-caps;
}

.highlight_coral
{
  font-weight: bold;
  color: coral;
  text-decoration: underline;
  font-variant: small-caps;
}

.highlight_dodgerblue
{
  font-weight: bold;
  color: dodgerblue;
  text-decoration: underline;
  font-variant: small-caps;
}

.highlight_fuchsia
{
  font-weight: bold;
  color: fuchsia;
  text-decoration: underline;
  font-variant: small-caps;
}


.highlight_orangered
{
  font-weight: bold;
  color: orangered;
  text-decoration: underline;
  font-variant: small-caps;
}


.meeting_meetingcolor
{
  font-weight: normal;
  color: black;
}

.meeting_eventcolor
{
  font-weight: normal;
  color: darkblue;
}



.maintbl
{
  border: outset 1px;
  width:98%;
  table-layout: fixed; 
/*  border-color: #B8860B;  /* Dark Goldenrod */
}


.leftmenucell
{
  font-size: 0.8em;
  vertical-align: top;
  width: 175px;
  padding-left: 5px;
  padding-top: 10px;
  border: inset 1px;
}


.content_cell
{
  width: 80%;
  padding-left: 10px;
  padding-top: 10px;
  border: inset 1px;
  vertical-align: top;
}


.updated
{
  font-size: 0.6em;
  text-align:left;
  color:gray;
}


.menu_curr 
{
  font-weight: bold;
}


.topClubName 
{
  font-size: 36px;
  color: #A52A2A;
}


.left_menu_title 
{
  font-weight: bold;
  color: #0000FF;    /* brown */
}


.officer_table
{
  width: 100%;
  border: 2;
}


.officer_name_cell
{
  width:120;
  padding-left: 5px;
}


.officer_name_text
{
  color:black;
}


.officer_title_cell
{
  width: 80%;
}


.officer_title_text
{
  font-weight: bold;
}


.officer_photo
{
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 100px;
}


.officer_photo_pic
{
  height:100px;
  align:center;
  border: 0px;
}


.officer_data
{
  text-align: left;
	vertical-align: top;
}


.officer_data_text
{
  font-weight: normal;
}


.functionary_table_top
{
	color:darkblue;
	text-align:center;

  width=500;
	width: 100px;
}


.functionary_table_side
{
  color:#009900;
  text-align:center;
}

.functionary_table_data
{
  color:#990033;
  text-align: center;
}

.functionary_divider
{
  background-color:#CCCCCC;
}
 
.progress_header
{
  background-color:#CCCCCC;
  white-space:nowrap;
}

.progress_cell
{
  text-align:center;
}

<style type="text/css"> 
.ToolText{position:relative; } 
.ToolTextHover{position:relative;} 
.ToolTextHoverLeft{position:relative}
.ToolTextHoverLeftWide{position:relative}
.ToolText span{display: none;} 

.ToolTextHoverLeft span{ 
  display:block; 
  position:absolute; 
  border:1px solid brown; 
  top:1.3em; 
  left:5px; 
  font-size:smaller;
  padding: 2px;
  background-color: #F5F5DC;  /* beige */; 
  color:black; 
  text-align: left; 
  width:150px;
}

.ToolTextHoverLeftWide span{ 
  display:block; 
  position:absolute; 
  border:1px solid brown; 
  top:1.3em; 
  left:5px; 
  font-size:smaller;
  padding: 2px;
  background-color: #F5F5DC;  /* beige */; 
  color:black; 
  text-align: left; 
  width:250px;
}

.ToolTextHover span{ 
  display:block; 
  position:absolute; 
  border:1px solid brown; 
  top:1.3em; 
  left:5px; 
  font-size:smaller;
  padding: 2px;
  background-color: #F5F5DC;  /* beige */; 
  color:black; 
  text-align: center; 
  width:150px;
}

</style>