
BODY {
    margin:             0px;
    border-style:       solid;
    border-width:       0px;
    background-color:   #000000;
    padding:            0px;
    text-align:         left;
    color:              #FFFFFF;
}  

#bodyPopup {
    margin:             0px;
    border-style:       solid;
    border-width:       0px;
    background-color:   #FFFFFF;
    padding:            20px;
    text-align:         center;
    color:              #000000;
}  

MARQUEE.welcome {
    position:           absolute;
    left:               425px;
    top:                180px;
    width:              330px;
    color:              #D66600;
    border-style:       solid;
    border-width:       0px;
    background-color:   transparent;
}


#imgPopupHeading {
    float:              right;
}

div#outer {
    position:           relative;
    margin:             0px;
    width:              100%;
    left:               0px;
    top:                0px;
    padding:            0px;
}

div#menu {
    position:           relative;
    margin:             0px auto 0px auto;
    width:              888px;
    height:             21px;
    left:               0px;
    top:                0px;
    padding:            0px;
}


/* RESOURCE COLLECTIONS */

DIV#help_DIV_navigate {
    float:                      left;
    visibility:                 visible;
    overflow:                   visible;
    display:                    block;
    position:                   static;
    width:                      190px;
    margin:                     5px 0px 0px -10px;
    scrolling:                  auto;
    padding-top:                0px;
    border-style:               solid;
    border-width:               0px;
}

DIV#helpNavbar1 {
    visibility:                 hidden;
    position:                   relative;
    overflow:                   visible;
    top:                        0px;
    left:                       0px;
    width:                      0px;
    height:                     0px;
}

DIV#helpNavbar1 SPAN {
    display:                    block;
    width:                      650px;
}

DIV#helpNavbar1 SPAN SPAN {
    display:                    inline;
    font-size:                  8pt;
}

DIV#helpNavbar1 SPAN A {
    display:                    inline;
    font-size:                  8pt;
}

DIV#helpNavbar2 {
    visibility:                 hidden;
    position:                   relative;
    overflow:                   visible;
    top:                        30px;
    left:                       0px;
    width:                      0px;
    height:                     0px;
}

DIV#helpNavbar2 SPAN {
    display:                    block;
    width:                      650px;
}

DIV#helpNavbar2 SPAN SPAN {
    display:                    inline;
}

DIV#helpNavbar2 SPAN A {
    display:                    inline;
}

DIV#helpTree {
    width:                      160px;
    visibility:                 visible;
    overflow:                   hidden;
    margin-left:                20px;
    margin-right:               10px;
    width:                      160px;
    padding:                    10px 10px 20px 0px;
}

DIV#help_DIV_main {
    float:                      left;
    visibility:                 visible;
    overflow:                   visible;
    display:                    block;
    position:                   static;
    width:                      650px;
    padding:                    0px;
    border-style:               solid;
    border-width:               0px;
}

FORM#help_FORM_search {
    float:                      right;
    margin-top:                 5px;
    text-align:                 right;
}

DIV#help_DIV_title {
    margin:                     7px 10px 10px 10px;
    padding:                    0px;
    font-weight:                bold;
}

DIV#help_DIV_body {
    display:                    block;
    margin:                     4px 0px 0px 20px;
    border-style:               solid; 
    border-width:               0px; 
    padding:                    4px 6px 6px 6px;
    background-color:           #76725B;
    text-align:                 justify;
}

.helpparent {
    display:                    block;
    margin:                     4px 0px 0px 20px;
    border-style:               solid; 
    border-width:               0px; 
    padding:                    2px 4px 4px 4px;
    background-color:           #76725B;
    text-align:                 left;
}

.helpchild {
    display:                    block;
    margin:                     4px 0px 0px 20px;
    border-style:               solid; 
    border-width:               0px; 
    padding:                    2px 4px 4px 4px;
    background-color:           #76725B;
    text-align:                 left;
}

.helpboxresource {
    display:                    block;
    margin:                     4px 0px 0px 20px;
    border-style:               solid; 
    border-width:               0px; 
    padding:                    2px 4px 4px 4px;
    background-color:           #76725B;
    text-align:                 center;
}

.helpresource {
    display:                    inline;
    margin:                     0px;
    border-style:               solid; 
    border-width:               0px; 
}




/* HEADING TEXT */

SPAN.formxlarge #colHeadingText {
    margin:             0px;
    padding:            0px;
}



/* BOXES */

#boxOuter {
    clear:              none;
    display:            block;
    position:           static;
    float:              none;
    white-space:        normal;
    overflow:           visible;
    width:              910px;
    margin:             0px;
    border-style:       solid;
    border-width:       1px;
    border-color:       #006699;
    background-color:   #000000;
    padding:            10px 25px 10px 25px;
    text-align:         center;
}

#boxPopupOuter {
    clear:              none;
    display:            block;
    position:           static;
    float:              none;
    white-space:        normal;
    overflow:           visible;
    margin:             0px;
    border-style:       solid;
    border-width:       1px;
    border-color:       #006699;
    background-color:   transparent;
    padding:            10px 25px 10px 25px;
    text-align:         center;
}

#boxHelpTop {
    clear:              none;
    display:            block;
    visibility:         hidden;
    position:           absolute;
    float:              none;
    white-space:        normal;
    overflow:           visible;
    margin:             0px;
    width:              1px;
    height:             1px;
    border-style:       solid;
    border-width:       0px;
    padding:            0px;
}

#boxMenu {
    clear:              none;
    display:            block;
    position:           static;
    float:              none;
    white-space:        normal;
    overflow:           visible;
    width:              154px;
    min-height:         340px;
    margin:             0px;
    border-style:       solid;
    border-width:       0px;
    border-color:       #72AFE4;
    background-color:   #BECDE8;
    background-image:   url('../../?A=media&file=/image/trans.gif');
    padding:            10px 15px 15px 15px;
    text-align:         left;
    color:              #FFFFFF;
}

#menuButton01 {
    left:               0px;
    top:                28px;
    height:             20px;
    padding:            85px 0px 0px 0px;
    background-image:   url('../image/button.01.gif');
    background-position: left top;
}

SPAN A#menuButton01:hover {
    background-image:   url('../image/button.01.over.gif');
}

#menuButton02 {
    left:               155px;
    top:                28px;
    height:             20px;
    padding:            85px 0px 0px 0px;
    background-image:   url('../image/button.02.gif');
    background-position: left top;
}

SPAN A#menuButton02:hover {
    background-image:   url('../image/button.02.over.gif');
}

#menuButton03 {
    left:               310px;
    top:                28px;
    height:             20px;
    padding:            85px 0px 0px 0px;
    background-image:   url('../image/button.03.gif');
    background-position: left top;
}

SPAN A#menuButton03:hover {
    background-image:   url('../image/button.03.over.gif');
}

#menuButton04 {
    left:               465px;
    top:                28px;
    height:             20px;
    padding:            85px 0px 0px 0px;
    background-image:   url('../image/button.04.gif');
    background-position: left top;
}

SPAN A#menuButton04:hover {
    background-image:   url('../image/button.04.over.gif');
}

#menuButton05 {
    left:               620px;
    top:                28px;
    height:             20px;
    padding:            85px 0px 0px 0px;
    background-image:   url('../image/button.05.gif');
    background-position: left top;
}

SPAN A#menuButton05:hover {
    background-image:   url('../image/button.05.over.gif');
}

#menuButton06 {
    left:               775px;
    top:                28px;
    height:             20px;
    padding:            85px 0px 0px 0px;
    background-image:   url('../image/button.06.gif');
    background-position: left top;
}

SPAN A#menuButton06:hover {
    background-image:   url('../image/button.06.over.gif');
}

#menuButton07 {
    left:               0px;
    top:                448px;
    height:             100px;
    padding:            0px;
    background-image:   url('../image/button.07.gif');
    background-position: left bottom;
}

SPAN A#menuButton07:hover {
    background-image:   url('../image/button.07.over.gif');
}

#menuButton08 {
    left:               155px;
    top:                448px;
    height:             100px;
    padding:            0px;
    background-image:   url('../image/button.08.gif');
    background-position: left bottom;
}

SPAN A#menuButton08:hover {
    background-image:   url('../image/button.08.over.gif');
}

#menuButton09 {
    left:               310px;
    top:                448px;
    height:             100px;
    padding:            0px;
    background-image:   url('../image/button.09.gif');
    background-position: left bottom;
}

SPAN A#menuButton09:hover {
    background-image:   url('../image/button.09.over.gif');
}

#menuButton10 {
    left:               465px;
    top:                448px;
    height:             100px;
    padding:            0px;
    background-image:   url('../image/button.10.gif');
    background-position: left bottom;
}

SPAN A#menuButton10:hover {
    background-image:   url('../image/button.10.over.gif');
}

#menuButton11 {
    left:               620px;
    top:                448px;
    height:             100px;
    padding:            0px;
    background-image:   url('../image/button.11.gif');
    background-position: left bottom;
}

SPAN A#menuButton11:hover {
    background-image:   url('../image/button.11.over.gif');
}

#menuButton12 {
    left:               775px;
    top:                448px;
    height:             100px;
    padding:            0px;
    background-image:   url('../image/button.12.gif');
    background-position: left bottom;
}

SPAN A#menuButton12:hover {
    background-image:   url('../image/button.12.over.gif');
}


#boxContent {
    clear:              none;
    display:            block;
    position:           static;
    float:              none;
    white-space:        normal;
    overflow:           auto;
    margin:             118px auto 20px auto;
    width:              870px;
    height:             280px;
    border-style:       solid;
    border-width:       0px;
    border-color:       #000000;
    background-color:   #736F59;
    background-image:   url('../image/bg_content.jpg');
    background-repeat:  no-repeat;
    padding:            10px;
    text-align:         left;
}

#boxContentWelcome {
    clear:              none;
    display:            block;
    position:           relative;
    float:              none;
    white-space:        normal;
    overflow:           auto;
    margin:             118px auto 20px auto;
    width:              890px;
    height:             300px;
    border-style:       solid;
    border-width:       0px;
    border-color:       #72AFE4;
    background-color:   #736F59;
    background-image:   url('../image/home.jpg');
    background-repeat:  no-repeat;
    padding:            0px;
    text-align:         left;
}

#boxPopupContent {
    clear:              none;
    display:            block;
    position:           static;
    float:              none;
    white-space:        normal;
    overflow:           visible;
    margin:             0px;
    min-height:         400px;
    border-style:       solid;
    border-width:       0px;
    border-color:       #72AFE4;
    background-color:   #FFFFFF;
    padding:            10px;
    text-align:         left;
}

#boxLogon {
    visibility:         hidden;
    clear:              none;
    display:            block;
    position:           static;
    float:              none;
    overflow:           visible;
    width:              250px;
    min-height:         40px;
    margin:             0px;
    white-space:        nowrap;
    border-style:       solid;
    border-width:       0px;
    border-color:       #72AFE4;
    background-color:   #BECDE8;
    padding:            3px 8px 3px 8px;
    color:              #FFFFFF;
    text-align:         right;
}

.boxButton {
    clear:              none;
    display:            block;
    position:           absolute;
    float:              none;
    white-space:        normal;
    overflow:           visible;
    width:              115px;
    height:             110px;
    margin:             0px;
    border-style:       solid;
    border-width:       0px;
    border-color:       #FFFFFF;
    background-color:   #9B9677;
    background-repeat:  no-repeat;
    padding:            0px;
    text-align:         left;
    color:              #FFFFFF;
}

.boxComparisonYes {
    clear:                  none;
    white-space:            normal;
    overflow:               visible;
    width:                  60px;
    height:                 40px;
    border-style:           solid;
    border-color:           #000000;
    border-width:           0px;
    background-image:       url('../image/comparison.feature.yes.gif');
    background-position:    center;
    background-repeat:      no-repeat;
}

.boxComparisonNo {
    clear:                  none;
    white-space:            normal;
    overflow:               visible;
    width:                  60px;
    height:                 40px;
    border-style:           solid;
    border-color:           #000000;
    border-width:           0px;
    background-image:       url('../image/comparison.feature.no.gif');
    background-position:    center;
    background-repeat:      no-repeat;
    color:                  #FFB8B8;
}


/* PAGE IMAGES */

#headerPage {
    white-space:        normal;
    overflow:           visible;
    margin:             0px;
    border-style:       solid;
    border-color:       #000000;
    border-width:       0px;
}

#iconPage {
    white-space:        normal;
    overflow:           visible;
    margin:             0px;
    border-style:       solid;
    border-color:       #000000;
    border-width:       0px;
}


/* ROWS */

DIV.row {
    display:            block;
    position:           static;
    float:              none;
    white-space:        nowrap;
    overflow:           visible;
    width:              910px;
    margin:             0px 0px 15px 0px;
    border-style:       solid;
    border-width:       0px;
    border-color:       #FF0000;
    padding:            0px;
    text-align:         center;
}

#rowTop {
    clear:              none;
    padding-top:        10px;
}

#rowMiddle {
    clear:              both;
    padding-top:        10px;
}

#rowBottom {
    clear:              both;
    margin:             0px;
    padding:            0px;
}


/* COLUMNS */

DIV.column {
    clear:              none;
    display:            inline;
    position:           static;
    float:              left;
    white-space:        normal;
    overflow:           visible;
    margin:             0px 20px 0px 0px;
    border-style:       solid;
    border-width:       0px;
    border-color:       #00FF00;
    padding:            0px;
    text-align:         left;
}

#colIcon {
    width:              160px;
    min-height:         40px;
    background-color:   transparent;
    padding:            8px 14px 8px 14px;
    text-align:         center;
}

#colHeading {
    overflow:           visible;
    min-height:         40px;
    background-color:   transparent;
    padding-top:        17px;
}

#colLogon {
    float:              right;
    margin-right:       0px;
}

#colMenu {
    width:              160px;
    text-align:         center;
}

#colContent {
    overflow:           visible;
    margin-left:        35px;
    margin-right:       0px;
}


/* MENU BUTTON */

SPAN A.menubutton {
    text-align:         center;
    background-color:   transparent;
    background-image:   url('../../?A=media&file=/image/trans.gif');
    background-repeat:  no-repeat;
}

SPAN A.menubuttonOFF {
    visibility:         hidden;
    text-align:         center;
    background-color:   transparent;
    background-image:   url('../../?A=media&file=/image/trans.gif');
}

A.menubutton {
    float:              none;
    display:            block;
    position:           absolute;
    margin:             0px;
    width:              115px;
    height:             100px;
    border-style:       solid;
    border-width:       0px;
    border-color:       #002233 #002233 #002233 #002233;
    padding:            0px;
    font-family:        'verdana','sans-serif';
    font-size:          9pt;
    font-weight:        bold;
    text-align:         left;
    text-decoration:    none;
    color:              #FBFF00;
}
A.menubutton:link {
    text-decoration:    none;
    color:              #FBFF00;
}
A.menubutton:active {
    text-decoration:    none;
    color:              #FFBA00;
}
A.menubutton:visited {
    text-decoration:    none;
    color:              #FBFF00;
}


/* MENU BUTTON HOVER */

A.menubutton:hover {
    text-decoration:    none;
    color:              #FFFFFF;
}

SPAN A.menubutton:hover {
/*    background-color:   #FF0000;*/
}


/* LOGON BOX */

#logonUsr {
    white-space:         nowrap;
    overflow:           visible;
    display:            block;
    position:           static;
    float:              none;
    margin:             0px;
    padding:            0px;
    color:              #FFFFFF;
}

#logonUsrInput {
    display:            inline;
    position:           static;
    float:              none;
    margin:             0px 0px 3px 0px;
    width:              160px;
    padding:            0px;
}

#logonPwd {
    white-space:         nowrap;
    overflow:           visible;
    display:            block;
    position:           static;
    float:              none;
    margin:             0px;
    padding:            0px;
    color:              #FFFFFF;
}

#logonPwdInput {
    display:            inline;
    position:           static;
    float:              none;
    margin:             0px 0px 0px 0px;
    width:              100px;
    padding:            0px;
}

#logonMemberLogon {
    display:            inline;
    position:           static;
    float:              none;
    margin:             0px;
    width:              60px;
}



