/*
    MAIN.CSS
*/
body { 
    background-color: #F9F9F9;
}
div {
    background-color: #FFFFFF; 
}
p, body, li, table, td, th,tt  {
    font-family: 'Lucida Grande', Verdana, 'sans serif';
    color: #555555; 
    font-weight: 300; 
    font-size: 11px; 
    text-align: left; 
    line-height: 150%; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
}
p, li, h1, h2, h3 {
    margin-left: 40px;
    margin-right: 40px;
}
form {

}
table { 
    margin-left: 40px; 
    margin-right: 0px; 
}
th {
    padding-left: 5px; 
    padding-right: 5px; 
    margin-left: 0px; 
    margin-right: 0px; 
}
tr {

}
td { 
    padding-left: 5px; 
    padding-right: 5px; 
    margin-left: 0px; 
    margin-right: 0px; 
}
hr { 
    height: 1px; 
    background: #ccc; 
    border: 0px; 
    width: 100%; 
    z-order: -1; 
}
h1 { 
    font-family: 'Gill Sans', 'Franklin Gothic Medium', 'Franklin Gothic Book', Trebuchet MS, Trebuchet, Verdana, 'sans serif'; 
    color: #006CAA; 
    font-size: 18px; 
    font-weight: bold; 
    line-height: 100%; 
    margin-left: 40px; 
    margin-top: 16px; 
    margin-bottom: 8px;
}
h2 {
    font-family: 'Gill Sans', 'Franklin Gothic Medium', 'Franklin Gothic Book', Trebuchet MS, Trebuchet, Verdana, 'sans serif'; 
    color: #006CAA; 
    font-size: 14px; 
    font-weight: bold; 
    line-height: 100%; 
    margin-left: 40px;
    margin-top: 16px;
    margin-bottom: 4px; 
}
h3 { 
    font-family: 'Gill Sans', 'Franklin Gothic Medium', 'Franklin Gothic Book', Trebuchet MS, Trebuchet, Verdana, 'sans serif'; 
    color: #006CAA; 
    font-size: 11px; 
    font-weight: bold; 
    line-height: 100%; 
    margin-left: 40px; 
    margin-top: 8px; 
    margin-bottom: 4px; 
}

/* hyperlink styles */
a, a:active, a:visited, a:hover { 
    color: #0b47cb; 
    font-weight: 80%; 
    text-decoration: none; 
}
a:hover { 
    text-decoration: underline; 
}
a.mlink, a.mlink:visited { 
    color: #555555; 
}
a.mlink:hover { 
    color: #0b47cb; 
    text-decoration: none; 
}
a.mlink:active { 
    color: #555555; 
}


/* specific classes */
.largetext {
    font-size: 16px;
}
.small {
    font-size: 9px; 
}
.footer { 
    text-align: center; 
    font-size: 10px; 
    color: #333333; 
    line-height: 14px 
}
.title {
    font-size: 30px; 
    color: #333333; 
    font-weight: 500; 
    font-family: 'Gill Sans', 'Franklin Gothic Medium', 'Franklin Gothic Book', Verdana, 'sans serif';
}
.menu {
    font-size: 15px; 
    color: #555555; 
    font-weight: normal; 
    font-family: 'Gill Sans', 'Franklin Gothic Medium', 'Franklin Gothic Book', Verdana, 'sans serif';
}
.menu2 {
    font-size: 15px; 
    color: #555555; 
    font-weight: 500; 
    font-family: 'Gill Sans', 'Franklin Gothic Medium', 'Franklin Gothic Book', Verdana, 'sans serif';
}


/* table for the lists */
table#data { 
}
table#data tr { 
    background-color: #FAFAFA; 
}
table#data tr.tableheader { 
    background-color: #D6DDE9; 
}
table#data th { 
    border-bottom: 1px solid #000000; 
    text-align: left; 
}
table#data td {

}


/* img and div tags may have background PNGs with transparency, which needs 
   a fix in IE5.5 and IE6. */
img, div { 
    behavior: url('<?php echo $ROOT_VIRTUAL; ?>/style/blueglass/iepngfix.htc'); 
}


/* defines output-specific styles */
@media screen {

    html, body, #container {
        min-height: 100%; /* Not supported by IE 5/6, but required for Firefox/Opera */
        width: 100%;
        height: 100%;
        background-color: #f5f5f5;
    }
    /***************************************************************************
    * The "height" above is a hack for IE5+/Win. Below it's adjusted using
    * the child selector to hide from IE5+/Win.
    * Without this, Moz1.0 adds a vertical scrollbar, & Firefox1.0/Opera7.54
    * cover everything with the footer when the viewport gets too small. 
    ***************************************************************************/
    html>body, html>body #container {
        height: auto;
    }
    body {
        margin: 0;
    }
    #container {
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #f5f5f5;
    }
    #main {
        margin-bottom: 0px;
        height: auto;
    }
    #header {
        width: 100%;
        height: 200px;
        border-bottom: 0px;
        background-color: #f5f5f5;
    }
    #footer {
        border: 0px;
        width: 100%;
        background-color: #f5f5f5;    
        overflow: none;
    }
    div.dynamicheight {
        max-height: 200px; /* Moz, Opera.. */
        overflow: auto;
        height: expression(this.scrollHeight > 500 ? "500px" : "auto"); /* IE */
    }
}

@media print {

    html, body, #container {
        min-height: 100%; /* Not supported by IE 5/6, but required for Firefox/Opera */
        width: 100%;
        height: 100%;
        background-color: #ffffff;
    }
    /***************************************************************************
    * The "height" above is a hack for IE5+/Win. Below it's adjusted using
    * the child selector to hide from IE5+/Win.
    * Without this, Moz1.0 adds a vertical scrollbar, & Firefox1.0/Opera7.54
    * cover everything with the footer when the viewport gets too small. 
    ***************************************************************************/
    html>body, html>body #container {
        height: auto;
    }
    body {
        margin: 0;
    }
    #container {
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #ffffff;
    }
    #main {
        margin-bottom: 0px;
        height: auto;
    }
    #header {
        width: 100%;
        height: 200px;
        border-bottom: 0px;
        background-color: #ffffff;
    }
    #footer {
        border: 0px;
        width: 100%;
        background-color: #ffffff;    
        overflow: none;
    }
    .hideinprinting {
        visibility: hidden;
    }
    .menu {
        visibility: hidden;
    }
    .menu2 {
        visibility: hidden;
    }
    div.dynamicheight {
    }
}

@media handheld {
/****************************/
/* These styles are defined for 
   display on a Windows CE, Palm
   or iPhone handheld device */


}