html, body {

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

    background: url(Img/blue-white.jpg) repeat-x;

    background-color: #FFFFFF;

    text-align: justify;

}


a {

    color : #777;

}

a:hover {
    color: blue;
}

#error {

    text-align : center;

    width : 100%;

    margin : auto;

    top : 20px;

    position : relative;

    border-width: 0px;

    border-style: solid;

    border-color: #000000;

    background-color: #ff0022;

    color: #fefefe;
}

#navigation ul
{

    display: inline;

    list-style: none;

    margin: 4px;

    padding: 0;

}

#navigation ul li
{
    display: inline;
}

#navigation li a
{
    font-size: 15px;

    line-height: 16px;

    display: inline;

    padding-left: 10px;

    background-position:left;

    background-repeat:no-repeat;

    text-decoration: none;


}

li.selected a
{
    font-size: 10px;

    line-height: 16px;

    display: inline;

    padding-left: 10px;

    background-position:left;

    background-repeat:no-repeat;

    text-decoration: none;

    color: #0099cc;

}

#navigation li a:hover
{
    padding-left: 10px;

    background-position:left;

    background-repeat:no-repeat;

    color: #0099cc;

    text-decoration: underline;

}


#container {

    background-color: #ffffff;

    text-align : left;

    width : 1100px;

    height : 100%;

    margin : auto;

    top : 20px;

    position : relative;

    padding : 10px 10px 100px 10px;

    border-width: 1px;

    border-style: solid;

    border-color: #000000;


}

#header{

    text-align : center;

    color : black;

    position : relative;

    margin : auto;

    width : 1100px;

    height : 58px;

}

#footer{


    text-align : center;

    color : black;

    position : absolute;

    bottom : 20px;

    width : 1100px;

    height : 50px;

}

#content {

    position : relative;

    top : 5px;

    left : 0;

    width : 1060px;

    padding : 20px 20px 20px 20px;

}


#infoTable
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

    font-size: 20px;

    width: 50%;

    margin : auto;

    text-align: left;

    border-collapse: collapse;

}

#infoTable td
{
    padding: 8px;

    background: #b9c9fe;

    border-top: 1px solid #fff;

    color: #669;

}

#infoTable td.top-left
{

    background: #b9c9fe url('Img/left.png') left -1px no-repeat;

}
#infoTable td.top-right
{

    background: #b9c9fe url('Img/right.png') right -1px no-repeat;

}


#table
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

    font-size: 12px;

    margin : auto;

    width: 100%;

    text-align: left;

    border-collapse: collapse;

}

#tableDownload
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

    font-size: 12px;

    margin : auto;

    width: 20%;

    text-align: center;

    border-collapse: collapse;

}

#table thead th.top-left
{
    background: #b9c9fe url('Img/left.png') left -1px no-repeat;
}

#table thead th.top-right
{
    background: #b9c9fe url('Img/right.png') right -1px no-repeat;
}

#table th
{
    padding: 8px;

    font-weight: normal;

    font-size: 13px;

    color: #039;

    background: #b9c9fe;

}
#table td
{
    padding: 8px;

    
    background: #e8edff;

    border-top: 1px solid #fff;

    color: #669;

}

#table tfoot td.foot-left
{
    background: #e8edff url('Img/botleft.png') left bottom no-repeat;
}

#table tfoot td.foot-right
{
    background: #e8edff url('Img/botright.png') right bottom no-repeat;
}

#table tbody tr:hover td
{
    background: #d0dafd;
}