/*Colors:
#233B52 - dark blue background
#70B6FB - fancy blue for ribbon
#B1D95C - fancy green for topnav and borders
#FC5F00 - bright orange
#E0F8FF - light blue for backgrounds (#c5e9fa - a bit darker)
#C5E9FA - blue for borders
#FFF9E0 - light orange for backgrounds
#DEEDFC - light blue for backgrounds
*/
/*layout*/
.header ul.nav li {background: url(../images/sep_mysbf.png) no-repeat right 0;}
.header ul.nav li a {background:#70B6FB url(../images/back_mysbf.png) repeat-x 0 0;color:#FFF;margin:0 4px 0 0;}
.header ul.nav li a:hover {background: url(../images/backhover_mysbf.png) repeat-x 0 0;color:#fff}
h1, h2, h3{color: #3986C8;}
h2, h3, h4{border-bottom:4px solid #C5E9FA; padding-bottom:4px; margin-bottom:6px;}
a.logo {position:absolute;left:25px;top:-80px; z-index:80; display:block; background:url(../images/MySBFLogo128.png) no-repeat; width:138px; height:143px;}
.topnav{background-color:#B1D95C;background: url(../images/back_mysbf.png) repeat-x 0 0;}
.contentbackground{float:left; background:#fff url(../images/twocolbg_mysbf.gif) top left repeat-y;}

#sideL, #sideR, .box {background-color:#E0F8FF; border-color:#c5e9fa;}
#sideL h4, #sideR h4, .box h4{border-bottom-color:#c5e9fa;}
p a:hover, p a:active{background-color:#E0F8FF;}
.altBorder {border-color:#c5e9fa;}
.footer ul.nav a, .footer {color:#E0F8FF;}
.border, .borderR, .borderB, .borderL {border-color:#E0F8FF}
.footer {background-color:#233B52;}

/*Polls on the right sidebar*/
html #PDI_container2720801 .pds-input-label {width:150px!important}
html #PDI_container2720801 .pds-box {width:100%!important}
.boxs{border-bottom:#C5E9FA 2px solid;padding:10px;padding-top:0}
.boxpr-selected, .boxs-selected{background-color:#E0F8FF;border-bottom:#C5E9FA 1px solid}

@media screen and (max-width: 800px) {
    a.logo {
        position: absolute;
        left: 25px;
        top: 0;
        z-index: 80;
        display: block;
        background: url(../images/MySBFLogo60.png) no-repeat;
        width: 70px;
        height: 60px;
    }
}

@media screen and (max-width: 479px) {
    
}
