@media print 
{
	#xxx
	{ 
	}
}
@media screen 
{
	#xxx
	{ 
	}
}




body
{
  background: white; /* #2e4a5d; */
  margin: 0px;
  padding: 0px;

}
#window
{
  margin: 0px;
}
#headingFrame
{
  height: 50px;
  overflow: hidden;
  font: normal 24pt papyrus;
  color: indigo;
  background: #9aacb1;
  cursor: pointer;
}

@media print 
{
	#headingFrame
	{ 
		display: block;
		position: relative;
		height: 0px;
		overflow: hidden;
		visibility: hidden;
	}
	#headingFrame TABLE
	{
		position: absolute;
		visibility: hidden;
	}
}



#headingFrame .headingName
{
  height: 50px;
  overflow: hidden;
  border: 3px outset #99b0c0;
  background:  #9ba8c4;  /* url("images/weave-lbl.gif"); */
  cursor: pointer;
}
#headingFrame .headingButton
{
  height: 50px;
  width: 50px;
  padding: 0px;
  overflow: hidden;
  border: 3px outset #99b0c0;
  background: #9ba8c4;
  cursor: pointer;
}
#headingFrame .headingSlogan 
{
	color: #8890a5;
	font: normal 10pt Lucida Calligraphy;
	text-align: right;
}

#panelFrame.visible 
{
  position: relative;
  width: 140px;
  padding: 0px;
}

#panelFrame.visible TABLE
{
  position: relative;
}
#panelFrame.hidden 
{
  position: relative;
  width: 0px;
  padding: 0px;
}

#panelFrame.hidden TABLE
{
  position: absolute;
  left: -1000px;
  top: 0px;
}

.buttonFrame
{
  background: #9aacb1;
  border: 0px outset #99b0c0;
  text-align: center;
}
.menuFrame
{
  background: #9aacb1;
  border: 3px outset #99b0c0;
  text-align: center;
}
.fillFrame
{
  background: #9aacb1 url("images/port-lake2.jpg") no-repeat center top;
  border: 3px outset #99b0c0;
  text-align: center;
}
.menuFrame .message
{
  font: normal 10pt/14pt Verdana;
  color: aliceblue;
  background-color: #99b0c0; 
  border: 1px solid aliceblue;
  width: 108px;
  margin: 4px;
}

#menu
{
  height: 100%;
  padding: 0px;
  overflow-x: hidden;
  overflow-y: auto;
}

#pageFrame
{
  width: 100%;
}


.buttonbox /* frame buttons */
{
width: 140px;
padding: 0px;
margin: 0px;
}
 A.button:visited,
 A.button:link,
  .button /* resting button */ 
{
display: block;
text-decoration: none;
cursor: pointer;
text-align: center;
width: 140px;
font: normal 10pt/14pt Verdana;
color: aliceblue;
background: silver url("images/blbgbtna.gif") repeat;
border: 3px outset #99b0c0;
}
 A.button:hover,
  .hbutton /* mouseover button */ 
{
display: block;
text-decoration: none;
cursor: pointer;
text-align: center;
width: 140px;
font: normal 10pt/14pt Verdana;
color: white;
background: aliceblue url("images/blbgbtnai.gif") repeat;
border: 3px groove #99b0c0;
}

 A.button:active,
  .dbutton /* clicking button */ 
{
display: block;
text-decoration: none;
cursor: pointer;
text-align: center;
width: 140px;
font: normal 10pt/14pt Verdana;
color: #d4d8e4;
background: #1d3057 none repeat;
border: 3px inset #99b0c0;
}


 DIV.mButton,
 A.mbutton:visited,
 A.mbutton:link
{
display: block;
text-decoration: none;
cursor: pointer;
text-align: center;
font: normal 10pt/14pt Verdana;
color: aliceblue;
  background-color: #99b0c0; 
  border: 1px solid aliceblue;
  width: 108px;
  margin: 4px;
}
 A.mbutton:hover
{
display: block;
text-decoration: none;
cursor: pointer;
text-align: center;
font: normal 10pt/14pt Verdana;
color: #99b0c0;
  background-color: white; 
  border: 1px solid aliceblue;
  width: 108px;
  margin: 4px;
}

 A.mbutton:active
{
display: block;
text-decoration: none;
cursor: pointer;
text-align: center;
font: normal 10pt/14pt Verdana;
color: indigo;
  background-color: white;
  border: 1px solid aliceblue;
  width: 108px;
  margin: 4px;
}