* 
{
    margin: 0px;
    padding: 0px;
    font-size: 100%;
}

html 
{
    height: 100%;
    margin-bottom: 1px;
}

body 
{
    text-align: center;
}

hr 
{
    display: none;
}

#Layout 
{
    width: 800px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;

    xbackground-color: Silver;
    xborder-left: 1px dotted Silver;
    xborder-right: 1px dotted Silver;
}

#Header
{
    height: 150px;
    position: relative;
    margin-bottom: 15px;
}

#Body 
{
    xbackground-color: Aqua;
    xborder: solid;
    
    position: relative;
    width: 100%;
}

#Footer
{
    xbackground-color: Aqua;
    
    clear: both;
    text-align: center;
    font-size: 7pt;
    font-size: 9px;
    padding: 10px;
}

/*
 *  Headings
 */
h1 
{
    width: 180px;
    height: 150px;
    position: absolute;
    xbackground-image: url(Images/Logo.png);
    xbackground-repeat: no-repeat;
    xbackground-position: center center;
    text-align: center;
}
h1 img 
{
    margin-top: 20px;    
}
h1 .text 
{
    display: none;
}
h2 
{
    text-transform: uppercase;
    line-height: 1em;
    margin-bottom: .5em;
    font-size: 110%;
}
h3 
{
    text-transform: uppercase;
    xmargin-bottom: .5em;
    line-height: 1em;
    margin-top: 1.5em;
    xfont-size: 90%;
}


#Banner 
{
    position: absolute;
    right: 19px;
    top: 12px;
}

#Main 
{
    float: right;

    width: 580px;
    padding: 20px;    
    padding-bottom: 0px;
    
    overflow: hidden;

    xbackground-color: Red;
}

#Side 
{
    width: 180px;

    float: left;
    xheight: 200px;
    /*
    position: absolute;
    left: 0px;
    top: 0px;
    */
    
    text-align: center;

    xbackground-color: Blue;
    xborder: solid;    
}


/*
 * Main Content Elements
 */
#Main p,
#Side p
{
    margin-top: .5em;
    margin-bottom: .5em;
}
#Main ul,
#Main ol
{
    padding-left: 3em;
    margin-top: .5em;
    margin-bottom: 1em;
    xborder: solid;
}
#Main ul 
{
    list-style: none;
}
#Main ul li
{
    background-image: url(Images/Bullets/ListBullet.png);
    background-position: left 50%;
    background-repeat: no-repeat;
    padding-left: 10px;
}

/*
 *  Main Menu
 */
#Menu 
{
    xbackground-color: Green;

    width: 140px;
    margin-left: auto;
    margin-right: auto;
    
    xpadding-bottom: 20px;
    text-align: left;

    xborder: solid;
}


/*
 *  Icons
 */
#Icons img 
{
    margin: 10px;
}

/*
 *  Page Photo
 */
#Photo 
{
    margin: 0px;
    padding-top: 10px;
    xborder: 1px solid;
}
.Caption 
{
    display: block;
    font-size: 8pt;
    font-size: 11px;
    text-align: right;
    line-height: 1.4em;
}


#Message 
{
    position: absolute;
    position: fixed;
    left: 0px;
    top: 0px;
    padding: 1px;
    background-color: White;
    border: 1px solid black;
    font-size: 8pt;
    font-size: 11px;
    display: none;
}

/*
 *  Special Link Formatting
 */
.ForwardLink 
{
    float: right;
    padding-right: 15px;
    background-image: url(Images/Bullets/NodeBullet.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    text-transform: lowercase;
}
.ForwardLink:hover 
{
    background-image: url(Images/Bullets/NodeBulletHover.png);
    font-weight: bold;
}


#PopupLink 
{
    xfloat: right;
    xposition: absolute;
    xright: 20px;
    xtop: 10px;
    line-height: 15px;
    width: 140px;
    xposition: relative;
    margin: 15px;
    margin-left: auto;
    margin-right: auto;
    xtop: -5px;
}
#PopupLink a 
{
}
#PopupLink a:hover 
{
    xfont-weight: bold;
}

#PopupLink a 
{    
    text-align: center;
    
    text-decoration: none !important;
    color: White !important;
    color: black !important;

    xfont-weight: bold;
    font-size: 90%;
    display: block;
    cursor: pointer;
}


#PopupLink a *
{
    display: block;
    height: 1px;

    background-color: #f7f7f7;
    border-left: 1px solid rgb(76, 77, 79);
    border-right: 1px solid rgb(76, 77, 79);

    font-size: 0px;
    line-height: 0px;
    overflow: hidden; /* IE6 needs this. */
}
#PopupLink a span 
{
    height: auto;
    font-size: 100%;
}
#PopupLink a b 
{
    xdisplay: none;
    border: 0px;
    background-color: rgb(76, 77, 79) !important;
    margin: 0px 3px 0px 3px;
}
#PopupLink a em 
{
    margin: 0px 2px 0px 2px;
}
#PopupLink a i {
    margin: 0px 1px 0px 1px;
}
#PopupLink a span 
{
    padding-left: 0px;
    padding-right: 0px;
    line-height: 1.1em;
    font-size: 9px;
}



#PopupLink a:hover *
{
    xbackground-color: rgb(76, 77, 79);
    xbackground-color: rgb(146, 55, 38);
    xbackground-color: rgb(132, 163, 153);
    xbackground-color: rgb(204, 162, 90);

    background-color: rgb(0, 104, 87);
    background-color: rgb(132, 163, 153);
}
#PopupLink a:hover span
{
    color: rgb(0, 104, 87);
    color: White;
}



#PopupMessage 
{
    border: 2px solid rgb(0, 104, 87);
    background-color: white;

    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;

    width: 450px;
    height: 170px;
}
#PopupMessage 
{
    font-size: 110%;
    font-size: 11px;
    
    text-align: left;
    line-height: 1.3em;
}
#PopupMessage .Image 
{
    background-image: url(Images/DialogImage.png);
    width: 105px;
    height: 150px;
    float: left;
    border: 1px solid black;
    margin-right: 10px;
    position: absolute;
    left: 10px;
    top: 10px;
}
#PopupMessage p,
#PopupMessage h4 
{
    margin: 1em;
}
#PopupMessage h4 
{
    text-align: center;
    margin-top: 5px;
}
#PopupMessage .x-dlg-hd 
{
    border: solid;
    display: none;
}
#PopupMessage .x-dlg-dlg-body 
{
    background-image: none;
    padding: 10px;
    padding-left: 115px;
}
#PopupMessage .x-dlg-ft
{
    xborder: solid;
    xposition: absolute;
    xright: 0px;
    xbottom: 0px;
}
#PopupMessage input 
{
    font-size: 9px;
    position: absolute;
    right: 10px;
    top: 140px;
    cursor: pointer;
    width: 60px;
}