
root
{
    display: block;
}

body
{
    background: url("http://www.oyis.org/images/background.gif") left fixed;
    margin: 0 auto;
    color: #494949;
}

#container
{
    position: relative;
    z-index: 5;
    top: 15px;
    width: 900px;
    margin: 0 auto;
    background-color: transparent;
}

#pageHeader
{
    position: absolute;
    z-index: 5;
    top: -35px;
    left: 125px;
    font-family: 'times new roman';
    font-size: 52px;
    color: white;
}

#imgYMCALogo
{
    position: absolute;
    z-index: 5;
    top: 20px;
    left: 30px;
}

#imgYMCALogoOvrlay
{
    position: absolute;
    z-index: 10;    
    top: 20px;
    left: 30px;
    width: 80px;
}

#intro
{
    position: absolute;
    z-index: 10;
    width: 900px;
    top: 50px;
}

#pgTitle
{
    font-size: 20px;
    color: #494949;
}

#mainContent
{
    position: relative;
}

#canvasMain
{
    width: 910px;
}

#canvasTopRow
{
    height: 100px;
}

#canvasCenterRow
{}

#canvasBottomRow
{
    height: 90px;
}

#canvasTopCell
{
    background: url("http://www.oyis.org/images/oyisCanvasTop.png") no-repeat;
}

#canvasCenterCell
{
    background: url("http://www.oyis.org/images/oyisCanvasCenter.png");
    background-repeat:repeat-y;
}

#canvasBottomCell
{
    background: url("http://www.oyis.org/images/oyisCanvasBottom.png") no-repeat;
}

#summaryTable
{
    position: relative;
    top: 20px;
    left: 100px;
}

#summaryTop
{
    width: 685px;
    height: 47px;
    background: url("http://www.oyis.org/images/summaryBackgroundTop.png") no-repeat;
}

#summaryCenter
{
    width: 685px;
    background: url("http://www.oyis.org/images/summaryBackgroundCenter.png");
    background-repeat: repeat-y;
}

#summaryBottom
{
    width: 685px;
    height: 40px;
    background: url("http://www.oyis.org/images/summaryBackgroundBottom.png") no-repeat;
}

#divLowerMenuBar
{
    position: relative;
    z-index: 50;
    top: 10px;
    left: -10px;
    width: 788px;
    height: 23px;
    background: url("http://www.oyis.org/images/chromebg.gif") center center repeat-x;
    padding: 1px 40px;
}

#caLogInLink
{
    position: absolute;
    top: 70px;
    left: 250px;
    width: 610px;
    text-align: right;
}

a
{
    color: #307082;
}

a:hover
{
    color: red;
}

acronym
{
    border: none;
}

pre
{
    font-size: 100%;
    color: #494949;
    font-family: 'times new roman';
    overflow-x: auto;                       /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
    white-space: pre-wrap;                  /* css-3 */
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;                 /* Opera 4-6 */
    white-space: -o-pre-wrap;               /* Opera 7 */
    /* width: 400px; */
    word-wrap: break-word;                  /* Internet Explorer 5.5+ */
    _white-space: pre;                      /* IE only hack to re-specify in addition to word-wrap */
    display: inline;
}