/* Knotworks, Inc Web Site Style Sheet */

BODY
{
  margin: 0px;
  padding: 0px;
  color: #006;
  background-color: #fff;
  font-style: normal;
  font-family: 'Arial Narrow', Sans-Serif;
  font-size: smaller;
}

.page
{
  background-image: url(image/WhiteOliveBar.gif);
  background-position: left;
  background-repeat: repeat-y;
}

A:link
{
  color: #f63;
}

A:visited
{
  color: #996;
}

A:active
{
  color: #cc9;
}

A:hover
{
  color: #cc9;
}

A.menuNav
{
  text-decoration: none;
  color: #fff;
  font-size: medium;
}

A.menuNav:link
{
  color: #fff;
}

A.menuNav:visited
{
  color: #fff;
}

A.menuNav:active
{
  color: #f63;
}

A.menuNav:hover
{
  color: #f63;
}

A.footerNav
{
  text-decoration: none;
  color: #fff;
  font-size: medium;
}

A.footerNav:link
{
  color: #fff;
}

A.footerNav:visited
{
  color: #ffc;
}

A.footerNav:active
{
  color: #f63;
}

A.footerNav:hover
{
  color: #f63;
}

H1
{ 
  color: #006;
  font-size: larger;
}

H1.invisible
{ 
  color: #fff;
  font-size: smaller;
}

#topBar
{ 
  height: 28px;
  background-image: url(image/TopBarSlice.gif);
  background-position: left;
  background-repeat: repeat-y;
  border: 0;  
}

.clearBar
{ 
  width: 100%;
  height: 14px;
}

.whiteBar
{ 
  width: 100%;
  height: 14px;
  background-color: #fff;
}

#oliveBar
{ 
  width: 100%;
  height: 46px;
  background-color: #996;
}

#heading
{
  float: right;
  padding-top: 7px;
  padding-right: 30px;
}

#leftTop
{
  position: absolute;
  top: 28px;
  left: 48px;
  width: 119px;
  height: 119px;
  background-image: url(image/LeftTopSlice.gif);
  background-position: top;
  background-repeat: repeat-x;
}

#leftBottom
{
  position: absolute;
  top: 485px;
  left: 48px;
  width: 119px;
  height: 119px;
  background-image: url(image/LeftBottomSlice.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

#index
{ 
  position: absolute;
  top: 147px;
  left: 10px;
}

#pageLogo
{ 
  position: absolute;
  top: 45px;
  left: 15px;
}

#mainBody
{ 
  min-width: 700px;
  background-image: url(image/WhiteOliveBar.gif);
  background-position: left;
  background-repeat: repeat-y;
}

#mainBody #menu
{ 
  width: 210px;
  float: left;
  padding-top: 70px;
  padding-right: 20px;
  text-align: right;
}

#mainBody #content
{ 
  width: 70%;
  float: left;
}

#footerIndexFixed
{
  position: absolute;
  top: 570px;
  left: 150px;
  width: 596;
  height: 1.5em;
  background-image: url(image/BottomBarSlice.gif);
  background-position: left;
  background-repeat: repeat-y;
  border: 0;
  padding: 0px 50px 0px 0px;
  text-align: right;
  color: white;
}

#footerIndexVariable
{
  width: 700;
  height: 1.5em;
  padding: 0px 50px 0px 0px;
  background-image: url(image/BottomBarSlice.gif);
  background-position: right;
  background-repeat: repeat-y;
  text-align: right;
}

#footer
{

}

.leftMenuButton
{
  height: 1.8em;
  width: 179px;
  border-left: solid 10px #fff;
  background-image: url(image/LeftNavSlice.gif);
  background-position: right;
  background-repeat: repeat-y;
}

.leftMenuButtonIcon
{ 
  height: 1.8em;
  width: 23px;
  float: left;
  background-image: url(image/Button.gif);
}

.leftMenuButtonName
{ 
  height: 1.7em;
  width: 146px;
  float: left;
  padding: 0;
  padding-top: .1em;
  background-image: url(image/LeftNavSlice.gif);
  background-position: left;
  background-repeat: repeat-y;
  text-align: right;
}

.spacer
{ 
  height: 2em;
}

.smallerFont
{ 
  font-size: smaller;
}

.magenta
{
  color: #a0a;
}

.agent
{ 
  font-style: italic;
  font-weight: bold;
}

.clearboth
{ 
  clear: both;
}