body {
    background: #3399cc;
    background-image: url(../images/ppbg.jpg);
    background-repeat: repeat-x
}

#main_panel {
    background: #FFFFFF;
    width: 900px;
    height: 700px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

#bottom_panel {
    background: #9FB6CD;
    width: 900px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
}

#logo {
    margin-top: 5px;
    margin-left: 15px;
    float: left;
}

#line_1 {
    color: #3399cc;
    background-color: #3399cc;
    height: 2px;
    width: 99%;
    clear: both;
}

#links_bar {
    width: 350px;
    margin-top: 15px;
    float: right;
    font-size: 12px;
    font-family: verdana;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    color: #003366;
    text-transform: capitalize;
}

#navigation {
    background: #F5F5F5;
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}



#items_panel {
    background: #9FB6CD;
    width: 800px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
}



#item1_panel {
    background: #DCDCDC;
    width: 100px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;

}
#item2_panel {
    background: #EFEFEF;
    width: 100px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;

}
#item3_panel {
    background: #F5F5F5;
    width: 100px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;

}

a {
    color: #3399cc;
    text-decoration: none;
}

a:hover {
    color: red;
    background: #E8F1FA;
    border-top: 1px dotted #3399cc;
    border-bottom: 1px dotted #3399cc;
}