*{box-sizing: border-box;}
body{margin:0;padding:0; text-align:left;background-color:#fff;}
/* HEADER */
    header{
        background-image:url('images/top-bar.png');
        background-repeat: repeat-y;
        background-size:100%;
        padding:15px 5%;
        margin-bottom:30px;
    }
    .logo{
        width:100px; 
        height:auto;
    }
    .book-end-logo{
        width:100px;
        float:right;
    }
    .yviewdesing-logo{width:135px;}
    .myykkap-logo{width: 145px; margin-top: 33px;}

.top-nav{width:1015px; display:block;overflow:hidden;margin:-10px auto 30px;}
    .top-nav p.welcome-loggedin{float:left; display:inline-block;margin-top:0;}
    .top-nav .logout{float:right; display:inline-block;}
    .top-nav a.logout{text-transform: uppercase; text-decoration: none;}
    .top-nav nav ul{padding:0;margin:0;}
    .top-nav nav li {
        display: inline-block;
        padding-right:10px;
    }
        .top-nav nav li a{color:#595959; text-decoration: none; }
        .top-nav nav li a:hover{color:#00b4e8; text-decoration: underline; }

table{
    width:80%;
    margin:0 auto;
}
table table{
    width:auto;
}
td{background:#fff!important;}

/* Post-Login Styles */
    .top-nav{width:1015px; display:block;overflow:hidden;margin:-10px auto 30px;}
        .top-nav p.welcome-loggedin{float:left; display:inline-block;margin-top:0;}
        .top-nav .logout{float:right; display:inline-block;}
        .top-nav a.logout{text-transform: uppercase; text-decoration: none;}

    main{
        overflow:hidden;
        margin:0 auto;
        width:1015px;
        text-align:center;
    }
    .pl-announcment{
        display:inline-block;
        *display:inline;
        zoom:1;
        width:700px;
        margin-right:30px;
        padding:20px;
        text-align:left;
        vertical-align: top;
    }
    
    .pl-sidebar{
        width:24%;
        min-width:280px;
        display:inline-block;
        *display:inline;
        zoom:1;
        text-align:right;
        vertical-align: top;
    }
        .pl-sidebar ul{list-style-type: none;}
            .pl-sidebar li{padding-bottom:10px;}
            .pl-sidebar a{
                text-transform: uppercase;
                text-decoration: none;
            }
                .pl-sidebar a .arrow {
                    width: 26px;
                    vertical-align: middle;
                    margin-left: 10px;
                }

/* type */
    p, a, font, td, body, b{font-size:18px; color:#595959;line-height:1.5;font-family: Source Sans Pro, Arial;}
    a, a font, a:link, a:active, a:visited{color:#0175A8;}
    a:hover, a:hover font{color:#00b4e8;}
    i{font-style: normal;}

    a.btn{background-color:#0175A8; color:white; text-transform: uppercase;padding:10px;text-decoration: none;}
    a.btn:hover{background-color:#00b4e8;}
.bold{font-weight:800;}

/* FOOTER */
    footer{background-color:#313131 !important; padding:40px 5%; margin-top:30px;}
    footer a, footer p{color:#fff !important; font-size:12px;}
    footer .back{text-decoration: none;}
    footer a:hover{text-decoration: underline; color:#00b4e8 !important;}