
.twoColumn .NewBox{
width: 260px;
float: left;
}

#copy img.Inline{
    display: inline;
    margin: 0px 2px;
    padding: 0px;
}

.pr_rightCol{
width: 235px;
float: right;
}

.pr_rightCol a, .pr_rightCol a:hover{text-decoration: underline;}

.pr_rightCol .section{
background: url('http://matrix.scranton.edu/alumni/journal/extra/images/structure/sideBodyBg.jpg') left 25px repeat-x;
margin-bottom: 15px;
}

.pr_rightCol .section .head, 
.pr_rightCol .head{
background: #8d8bb7;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding: 4px 8px 5px;
}

#copy .pr_rightCol .section ul li{background: none; padding: 2px 0px 2px 10px;}

.pr_rightCol .section .linkBG{
    background: url("http://matrix.scranton.edu/alumni/journal/extra/images/structure/sideLinkBg.png") left top no-repeat;
    width: 235px;
    padding: 2px 0px;
}

#copy .pr_rightCol .section .linkBG a{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 0px 5px 0px 30px;
    text-decoration: none;
}

/* Styles for Resposive website May 28, 2013 */

.NewBox {width: 48%; float: left;}

.pr_rightCol{
    width: 48%;
    float: right;
    }

.pr_rightCol .section .head, .pr_rightCol .head{
    background: #8d8bb7;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 8px 5px;
}

#copy .pr_rightCol .section ul li{
    background: none; padding: 2px 0px 2px 10px;
    }

#content-body ul li {
    list-style: none;
    padding-left: 0px;
}


@media screen and (max-width: 550px){
        .pr_rightCol, .NewBox {float: left; width: 100%;}
  }

