/* Lodestone Systems Web Site Style Sheet */

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

.page
{
    background-image: url(/img/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;
}

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;
}

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(/img/TopBarSlice.gif);
    background-position: left;
    background-repeat: repeat-y;
    border: 0;
}

#ls_image
{
    width: 147px;
    height: 97px;
    border: 1px black solid;
}

.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(/img/LeftTopSlice.gif);
    background-position: top;
    background-repeat: repeat-x;
}

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

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

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

#home_img
{
    align: right;
}

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

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

#mainBody #page-content
{
    /*width: 70%;*/
    /*float: left;*/
    background-image: url(/img/compass1rot3lightlarge.gif);
    background-repeat:no-repeat;
}

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

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

#footer
{

}

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

.leftMenuButtonIcon
{
    height: 2em;
    width: 23px;
    float: left;
    border-bottom: 2px #030300 solid;
    background-image: url(/img/Button.gif);
    background-repeat:no-repeat;
}

.leftMenuButtonName
{
    height: 2em;
    width: 146px;
    float: left;
    padding: 3px 10px 0px 0px;
    background-image: url(/img/LeftNavSlice.gif);
    background-position: left;
    background-repeat: repeat-y;
    text-align: right;
    font-weight: bold;
}

.container-row {
    float: left;
    margin: 20px 0px 0px 0px;
}

.container-row:after {
  content: "";
  display: table;
  clear: both;
}

.spacer
{
    height: 2em;
}

.smallerFont
{
    font-size: smaller;
}

.larger
{
    font-size: larger;
}

.magenta
{
    color: #a0a;
}

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

.filler
{
    height: 400px;
    width: 200px;
}

.clearboth
{
    clear: both;
}