/*
Site Name: news@Northeastern
Site URL: http://www.northeastern.edu/news
Author: Pamela Rodriguez
Author URL: http://www.supersonique.com

This was designed and developed by Pamela Rodriguez from Northeastern University's Marketing and Communications Department

*/

/********************************************************************************************************
    GENERAL TAG RULES
/*******************************************************************************************************/
* {
    margin: 0;
    padding: 0;
    }
html, body, div, p, form, input, select, textarea, fieldset {
    font-family: Helvetica,Arial,Verdana,sans-serif;
    color: #333;
    font-size: 1em;
}
#container {
   font-size: .8em;
   margin: 0 auto;
}
body {
    background: #f1f1f1 url("../images/pagestructure/bodybackground.gif") repeat-x left top;
}
a img {
    border: none;
}

#content form label {
    display:block !important;
    display:inline-block;
    float:left;
    padding-right:5px;
    text-align:right;
    margin:0 0 3px 0;
    vertical-align:top;
    clear:left;
}
#content form label.long {
    width:250px;
}
#content form input, #content form textarea, #content form text {
    margin:0 0 4px 5px;
    padding: 0;
}
#content form select {
    margin: 0 0 4px 4px;
    z-index:1;
}

#content form p input.button {
    color: #900;
    font-size: 10px;
    font-weight: bold;
    padding: 4px 6px;
    text-align:left;
    background: url("../images/buttons/searchbutton.gif") no-repeat left top;
    border: 0;
    cursor: pointer;
    margin: 5px 0 0 5px;
}


#content form td label, #content form td input {    
    text-align:left;
    float:left;
    clear:none;
    margin:0 2px 0 5px;
}

#content form td p {    
    padding-top: 2px;
    margin: 0;
}




/********************************************************************************************************
    CONTENT TAG STYLES
/*******************************************************************************************************/
#content a:link, #content a:visited {
    color: #324e64;
    text-decoration: none;
}
#content a:hover, #content a:active {
    text-decoration: underline;
}

#content a.img:link, #content a.img:visited {
    border:none;
    margin:1px;
}
#content a.img:hover, #content a.img:active {
    border:1px solid #900;
    margin:0;
}

#content p {
    margin: 10px;
    line-height: 140%;
}

/* added by RD to make sure correct leading gets applied to story pages. Collage might not add in the <p> tags */
#content .storyLeading { 
    line-height: 140%;
}

#content ul, #content ol, #content dl {
    margin: 10px;
}


#content ul li {
    list-style: none;
    padding: 0 0 5px 10px;
    }
    
    
#content ul.colleges li {
    list-style: disc;
    margin-top: 5px;
    margin-left: 10px;
    padding-left: 5px;
    }   
    

#content ul ul {
    margin: 5px 5px 0 5px;
    }
#content ul li li {
    }
#content ol {
    padding: 0 0 0 23px;
    _padding: 0 0 0 28px;
    }
#content li ol {
    margin: 5px 0 0 0;
    } 
#content .normal {
    font-size:10px;
}
/*#content .normal li {
    padding-bottom:10px;
}
#content .noIndent {
    margin-left:30px;
}*/

#content dl {
    margin: 0 0 15px 15px;
    padding:0;
}
#content dd {
    margin-left:20px;
}
#content ul ul{ 
    list-style-type: square;
}
#content ol li {
    padding-bottom:6px;
}

#content .post .storyLeading ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-left: 20px;
}

#content .post .storyLeading ul li {
    list-style-type: disc;
}

.imageWrap, .imageWrapRight {
    float:left;
    margin-bottom: 10px;
    padding: 0 15px 10px 0;
    line-height:1.2;
    position:relative;
    z-index:1;
    width:100% !important;
    width:auto;
}

.imageWrap:after, .imageWrapRight:after, .imageWrap ul:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility:hidden; width:100%; position:relative;} 
/* Holly Hack Targets IE Win only \*/ * html .imageWrap, * html .imageWrapRight {height: 1%;} /* End Holly Hack */

.imageWrap img, .imageWrapRight img {
    float: left;
    padding: 0;
    margin:0 15px 15px 0;
    z-index:1;
}
.imageWrapRight img{
    float: right;
    margin: 0 0 15px 15px;
    z-index:1;
}

/* Apply Holly Hack to the non-floated content */

/*  \*/
* html .imageWrap p {
    height: 1%;
}
/*  */

#content fieldset, #content fieldset td {
    margin:0 0 15px 0;
}
#content fieldset legend {
    font-weight:bold;
}
#content fieldset {
    padding-left:10px;
}

/********************************************************************************************************
    HEADER TAG STYLES
/*******************************************************************************************************/

h1 {
    font: normal 24px/27px Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    color: #c00;
    text-transform: uppercase;
    padding: 10px 10px 0px 10px;
    margin-bottom: 10px 0 0 0;
}
h2 {
    font-size: 12px;
    line-height:120%;
    margin: 5px 0;
    padding: 0 10px 0px 10px;
    
}
h2.datePublished {
    color: #900;
}
h2.subtitle {
    color:#c00;
    margin-top: 5px;
    padding-bottom: 0;
    background-image: none;
}
h3 {
    color: #324e64;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    margin: 10px;
}
h4 {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #900;
    padding: 2px 10px 2px 0px;
}
h5 {
    color: #324e64;
    background: url("../images/pagestructure/blueheader-bg.gif") repeat-x 0 top;
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    padding: 6px 10px;
    margin-bottom: 10px;
    }
h5.listingHeader {
    background: #FFF;
    border-bottom: 1px solid #ccc;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: normal;
    color:#C00;
    padding-left:0;
    padding-right:0;
}

h5.entryHeader {
    background: #FFF;
    border-bottom: 1px solid #ccc;
    font-size: 19px;
    line-height: 110%;
    font-weight: normal;
    color:#C00;
    padding-left:0;
    padding-right:0;
}

h5#h5Stories a.rss, h5#h5Events a.rss {
    padding-left: 5px;
    color: #c00;
}





h6 {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 2px 10px 2px 10px;
    margin-top: 10px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

#content h1 a:link, #content h1 a:visited, #content h1 a:active,
#content h5 a:link, #content h5 a:visited, #content h5 a:active,
  {
    color: #c00;
    text-decoration:none;
    border:none;
}


#content h2 a:link, #content h2 a:visited, #content h2 a:active,  
#content h4 a:link, #content h4 a:visited, #content h4 a:active, 
#content h6 a:link, #content h6 a:visited, #content h6 a:active {
    color: #900;
    text-decoration:none;
    border:none;
}



#content h3 a:link, #content h3 a:visited, #content h3 a:active
{
    color: #324e64;
    text-decoration:none;
    border:none;
}


#content h1 a:hover, #content h2 a:hover, #content h3 a:hover,
#content h4 a:hover, #content h5 a:hover, #content h6 a:hover {
    text-decoration: underline;
}



table {
    margin-bottom: 15px;
}
th {
    color: #fff;
    background-color: #333;
    letter-spacing:1px;
    text-align:center;
    padding: 2px 6px;
    font-weight:bold;
}
#content th a:link {
    color: #fff;
    border-color: #fff;
}
tr.red, tr.red th {
    background-color: #900;
}
td {
    padding: 2px 6px;
    margin: 0;
    vertical-align:top;
}
tr.alt, tr.alt td {
    background-color: #f6f6f6;
}
tr.bold td {
    font-weight:bold;
}

table.fancy {
    border:1px solid #bbb;
}
table.fancy tr td {
/*  border:none;*/
}
tr.hilited, tr.hilited td {
    background:#9cf;
    color:#000;
}
.smalltext {
    font-size:10px;
}
.storyDate {
   font-style:italic;
   color: #999;
}

.storyContact {
   color: #666;
}

.profile {
    display: block;
    clear: both;
    margin: 15px 0px 5px 0px;
}

.profile h4 {
    color: #F0F;
    font-size: 100%;
    margin-bottom: 5px;
    padding: 0px;
    line-height: 100%;
}

.profile p {
    margin-bottom: 10px;
    padding: 0px;
    font-size: 100%;
}

/**************************** miscellaneous styles ********************************/
.rightfloat {
    float: right;
    margin:0 10px 10px 10px;
}
.leftfloat {
    float: left;
    margin:0 10px 10px 10px;
}
.noFloat {
    float: none;
}
.center {
    margin:0 auto 10px;
}

/********************************************************************************************************
    MAIN LAYOUT REGIONS
/*******************************************************************************************************/
#skipLinks {
    display: none;
}
#container {
    text-align:left;
    width: 880px;
}
#contentwrapper {
    margin-top:0;
    background-color:#fff;
    width: 880px;
    padding: 0;
    border-top:0; 
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
}
#masthead {
    position: relative;
    height: 92px !important;
}
#masthead a#homelink {
    position: absolute;
    left: 0px;
    top: 18px;
    width: 340px;
    height: 45px;
}

#breadcrumbSubscribe {
    width: 860px;
    height: 17px;
    margin: 0px 10px;
    padding: 10px 0;
}
#breadcrumb {
    float: left;
    display: inline;
    font-size: 10px;
    line-height: 12px;
    padding: 5px 20px 10px 0; /* value for Mac IE 5 */
    }
    /* Hides from IE Mac 5 \*/
    #breadcrumb { padding-top: 0; }
    /* End Mac IE 5 hack */
#subscribe {
    float: right;
    font-size: 10px;
}
#subscribe img {
    padding-right: 3px;
    vertical-align: baseline;
}
#subscribe a {
    color:#333;
    text-decoration: none;
}

#subscribe a.daily-news {
    padding: 3px 5px 0px 3px;
}

#subscribe a.rss {
    padding: 3px 5px 0px 5px;
    border-left: 1px solid #666;
}

#subscribe a.twitter {
    padding: 3px 5px 0px 5px;
    border-left: 1px solid #666;
}

#subscribe a.youtube {
    padding: 3px 2px 0px 5px;
    border-left: 1px solid #666;
}

#subscribe a:hover {
    text-decoration: underline;
}
#content {
    background: #fff;
    float: left;
    display: inline;
    margin: 10px;
    margin-top:5px;
}

.clear {
    clear: both;
    font-size:1px;
    }
.narrowColumn {
   width: 620px;
}

.wideColumn {
   width: 880px;
}

#footer {
    clear: both;
    padding: 10px;
    margin: 0;
    }

.columns {
    margin: 10px 0;
    width: 100%;
    }
    .columns:after {  /* For most non-IE browsers, this encloses the two floating columns completely in the wrapper */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility:hidden;
    }
    .columns  {display: inline-block;}  /* Fix for IE Mac */
    /* Hides from IE Mac 5 \*/
    * html .columns {height: 1%;}
    /* End IE Mac 5 Hack */
    
.columnLeft {
    width: 345px;
    float: left;
    display: inline;
}
.columnRight {
    width: 345px;
    float: right;
    display: inline;
}

/********************************************************************************************************
    BREADCRUMB NAVIGATION
/*******************************************************************************************************/
#breadcrumb A {
    color: #333;
    text-decoration: none;
    display:inline-block;
    background: url("../images/icons/arrow-breadcrumb.gif") no-repeat 100% 50%;
    padding-right:13px;
    margin-right:4px;
}
#breadcrumb A:link, #breadcrumb A:visited {
    color: #333;
}
#breadcrumb A:hover, #breadcrumb A:active {
    text-decoration: underline;
}


/********************************************************************************************************
    FOOTER TEXT
/*******************************************************************************************************/
#footer p {
   font-size: 9px;
   color: #999;
   text-align: center;
   line-height: 140%;
   }
#footer a {
    color: #999;
    text-decoration: none;
    }
#footer a.marcom {
    color: #900;
    text-decoration: none;
    }   
#footer a:hover {
    text-decoration: underline;
    }
#footer p {
    margin: 0 0 2px 0;
    }



/********************************************************************************************************
    GLOBAL NAV LINKS
/*******************************************************************************************************/
#globalNav {
    position: relative;
    float: right;
    display: inline;
    margin-right: 10px;
    margin-bottom: 0;
    width: 880px;
    height: 30px;
}

#globalNav ul {
    float:left;
    padding-left:10px;
    width:100%;
}

#globalNav li {
    color:#FFFFFF;
    cursor:default;
    display:block;
    float:left;
    font-size:11px;
    height:22px;
    letter-spacing:1px;
    line-height:12px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:10px 42px 0 0;
    position:relative;
    text-transform:uppercase;
}

#globalNav li.last {
    padding-right: 0;
}


#globalNav li a {
    display: block;
    padding: 0;
    text-decoration: none;
    color: #FFF;
}
#globalNav li a:hover {
    text-decoration: underline;
}


/*******************************
 *   Top Search Box            *
 * ****************************/
#searchForm {
    position: absolute;
    left: 700px;
    top: 45px;
    background-color: #FFF;
}

#query-input {
    color: #666;
    padding: 2px 0 0 3px;
    _padding: 0 0 0 3px;
    width: 165px;
    height: 13px !important;
    _height:15px;
    background: #fff;
    border: none;
    }
#searchForm input.button {
    position: absolute;
    top: 0px;
    left: 170px;
    }
#searchForm label {
    display: none;
}



/****************************************************
 *   Left Column Layout Styles - Homepage          *
 * **************************************************/
#leftColumn {
    width: 620px;
    float: left;
    margin-top: 5px;
}

#leftColumn h2, #leftColumn h3, #leftColumnLeft p, #leftColumnRight p {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#leftColumnLeft {
    width: 380px;
    float: left;
}

.leftColumnLeftContent {
    padding: 0 0 10px 0; 
}

.leftColumnLeftContent#stories h3 {
    margin: 4px 0 4px 0;
}
.leftColumnLeftContent#stories p {
    margin: 4px 0 4px 0;
}

.leftColumnLeftContent#newsReleases h3 {
    margin: 3px 0 3px 0;
}
.leftColumnLeftContent#newsReleases p {
    margin: 3px 0 3px 0;
}



#stories .post {
    border-bottom: solid 1px #ccc;
    padding-bottom: 3px;
    margin-bottom: 5px;
}


.leftNewsContent#stories .post {
    border-bottom: solid 1px #ccc;
    padding-bottom: 25px;
    margin-bottom: 5px;
}

#stories img {
    float: left;
    padding: 5px;
    margin: 0 10px 5px 0;
    background: #f0f0f0;
    border: 1px solid #CCC;
}

#stories .entryimage img {
    display: block;
    padding: 5px;
    margin: 0 10px 5px 0;
    background: #f0f0f0;
    border: 1px solid #CCC;
}

.entryimage {
width:246px;
font-size: 9px;
color:#666;
float: left;
margin: 5px 0;
}

.entryimage p {
padding: 0 10px;
margin:0;
color: #900;
}

#events .post {
    margin-bottom: 7px;
}

#leftColumn #leftColumnRight {
    width: 220px;
    float: right;
}

#leftColumnRight ul {
    margin: 0px;
    padding: 0 10px 5px 0;
    list-style-type: none;
}

#leftColumnRight ul li {
    margin: 0px;
    padding: 0 0 0px 0;
}

#leftColumnRight h3.first {
    margin: 20px 0 5px 0;
    }

#leftColumnRight h3 {
    margin: 10px 0 5px 0;
    }
    
#leftColumnRight p {
    margin: 0;
    }   
    

#leftColumnRight a, #leftColumnRight a:link, #leftColumnRight a:visited {
    color:#333;
    }   
    
#leftColumnRight a.arrow, #leftColumnRight a.arrow:link, #leftColumnRight a.arrow:visited, #leftColumnLeft a.arrow, #leftMedialist a.arrow {
    display:inline-block;
    background: url("../images/icons/arrow-gray-whitebg.gif") no-repeat 100% 50%;
    padding-right: 12px;
    margin-bottom: 20px;
    font-weight: bold;
    color:#900;
    text-transform:uppercase;
}

#latestPopular {
    border-top: 10px solid #fff;
}

#latest {
    float: left;
}

#popular {
    float: right;
}

#latest h5 {
   width: 80px;
    margin-bottom: 0px;
}

#popular h5 {
    width: 100px;
    background: #990000;
    margin-bottom: 0px;
}

#latestPopular a:link, #latestPopular a:visited, #latestPopular h5 a:hover, #latestPopular h5 a:active {
    color: #fff;
    text-decoration: none;
}

.wppp_list {
    display: none;
}

#spotlightStory {
    background: #f0f0f0;
    width: 608px;
    height: 225px;
    padding: 5px;
    margin-bottom: 20px;
    border: 1px solid #dcdcdc;
}

.spotlightStoryContent {
    padding: 10px 10px 5px 10px;
}

.spotlightStoryLeft {
    background: none;
    float: left;
    width: 300px;
    margin-left: 0px
}

.spotlightStoryRight {
    background: none;
    float: right;
    width: 305px;
}


#spotlightStory table {
    margin: 0;
    padding: 0;
    width: 649px;
}

#spotlightStory table td {
    margin: 0;
    padding: 0;
}




.featuryStoryPost img {
    margin-right: 10px;
}

.post {
     clear:both;
     padding: 10px 0;
     }
     
     
/* Left Column for Media Listings */

#leftMedialist {
    width: 620px;
    float: left;
    margin-top: 5px;
}


#leftMedialist h2, #leftMedialist h3, #leftMedialistLeft p, #leftMedialistRight p {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#leftMedialistLeft {
    width: 380px;
    float: left;
}

.leftMedialistContent {
    padding: 0 0 10px 0; 
}

.leftMedialistContent#stories h2 {
    font-size: 14px;
    margin: 5px 0 4px 0;
}
.leftMedialistContent#stories p {
    margin: 8px 0 4px 0;
    line-height: 160%;
}

.leftMedialistContent#newsReleases h3 {
    margin: 3px 0 3px 0;
}
.leftMedialistContent#newsReleases p {
    margin: 3px 0 3px 0;
}    


.leftMedialistContent#stories .viewAll {
   color: #999;
}

.leftMedialistContent#stories .viewAll a, .leftMedialistContent#stories .viewAll a:link, .leftMedialistContent#stories .viewAll a:visited {
   color: #999;
   text-decoration: none;
}

.leftMedialistContent#stories .viewAll a:hover {
   color: #999;
   text-decoration: underline;
}


.leftMedialistContent#stories h2.mediatype {
   color: #6093a8;
   font-size: 12px;
   margin-top:0;
}

/* Left Column Media Entry */

.mediaentry {
clear:both;
}

.leftMedialistContent#stories img.flash {
    padding: 5px 5px 5px 0;
    margin: 0 5px 10px 0;
    border: none;
    clear: both;
    background: none;
}






/* Left Column for Media Listings */

#leftNews {
    width: 620px;
    float: left;
    margin-top: 5px;
}


#leftNews h2, #leftNews h3, #leftNewsLeft p, #leftNewsRight p {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#leftNewsLeft {
    width: 380px;
    float: left;
}

.leftNewsContent {
    padding: 0 0 10px 0; 
}

.leftNewsContent#stories h2 {
    font-size: 14px;
    margin: 5px 0 4px 0;
}
.leftNewsContent#stories p {
    margin: 8px 0 4px 0;
    line-height: 160%;
}

.leftNewsContent#stories a {
    color:#333;
}

.leftNewsContent#stories h3 {
    margin: 10px 0 2px 0;
    color:#900;
}
.leftNewsContent#newsReleases p {
    margin: 3px 0 3px 0;
}    

.leftNewsContent#stories .viewAll {
   color: #999;
}

.leftNewsContent#stories .viewAll a, .leftMedialistContent#stories .viewAll a:link, .leftMedialistContent#stories .viewAll a:visited {
   color: #999;
   text-decoration: none;
}

.leftNewsContent#stories .viewAll a:hover {
   color: #999;
   text-decoration: underline;
}


.leftNewsContent#stories h2.mediatype {
   color: #6093a8;
   font-size: 12px;
   margin-top:0;
}

.leftNewsContent#stories a.previous, .leftNewsContent#stories a.previous:link, .leftNewsContent#stories a.previous:visited {
    display:inline-block;
    float: left;
    background: url("../images/icons/arrow-gray-whitebg-back.gif") no-repeat 0 50%;
    padding-left: 12px;
    font-weight: bold;
    color:#900;
    text-transform:uppercase;
}

.leftNewsContent#stories a.next, .leftNewsContent#stories a.next:link, .leftNewsContent#stories a.next:visited {
    display:inline-block;
    float: right;
    background: url("../images/icons/arrow-gray-whitebg.gif") no-repeat 100% 50%;
    padding-right: 12px;
    font-weight: bold;
    color:#900;
    text-transform:uppercase;
}

#stories.leftNewsContent .month-list {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0 0 15px 0;
}

#stories.leftNewsContent .month-list a:link, #stories.leftNewsContent .month-list a:visited {
    color: #324E64;
    text-decoration: none;

}
#stories.leftNewsContent .month-list a:hover, #stories.leftNewsContent .month-list a:active {
    color: #324E64;
    text-decoration: underline;

}

.leftNewsContent#stories dl {
    margin-left: 0;
}

.leftNewsContent#stories dt {
    width: 60px;
    clear: left;
    float: left;
    margin-left: 0;
    margin-right: 0;
    color: #666;
}

.leftNewsContent#stories dd {
    width: 530px;
    margin-left: 70px;
    margin-right: 0;
    margin-bottom: 10px;
    color: #666;
}

#content #leftNews #stories.leftNewsContent dl dd a:link,
#content #leftNews #stories.leftNewsContent dl dd a:visited {
    color: #324E64;
    text-decoration: none;
}

#content #leftNews #stories.leftNewsContent dl dd a:hover,
#content #leftNews #stories.leftNewsContent dl dd a:active {
    color: #324E64;
    text-decoration: underline;
}


#stories.leftNewsContent .archive-month {
    background: none repeat scroll 0 0 #FFF;
    border-bottom: 1px solid #CCC;
    font-size: 14px;
    font-weight: normal;
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0;   
}

#stories.leftNewsContent .archive-month a {
    color: #C00;
}

#content #leftNews #stories.leftNewsContent p a.topic-all:link,
#content #leftNews #stories.leftNewsContent p a.topic-all:visited {
    color: #324E64;
    text-decoration: none;
}

#content #leftNews #stories.leftNewsContent p a.topic-all:hover,
#content #leftNews #stories.leftNewsContent p a.topic-all:active {
    color: #324E64;
    text-decoration: underline;
}

.selectedMediaCoverage {
    padding: 0 0 10px 0; 
}

.selectedMediaCoverage#stories p {
    margin: 8px 0px 4px 0px;
    line-height: 160%;
}

.selectedMediaCoverage#stories strong.siteDate {
    color: #324e64;
    font-weight: bold;
}


.selectedMediaCoverage#stories a:link, .selectedMediaCoverage#stories a:visited {
    font-weight: bold;
    color: #900;
}


.selectedMediaCoverage#stories a:hover, .selectedMediaCoverage#stories a:active {
    font-weight: bold;
    color: #900;
    text-decoration: underline;
}

/* pagination styles */

#pagination {
background-color:#f1f1f1;
margin: 3px 0;
padding: 8px 5px;
clear:both;
}

#pagination a, #pagination a:link, #pagination a:visited, #pagination a:hover {
padding:2px;
color:#666;
}

#pagination a.active {
background-color:#666;
color:#fff;
}

/*******************************
 *   Right Column Styles           *
 * ****************************/

#rightColumn {
    width: 220px;
    float: right;
    font-size: 85%;
    margin-top: 5px;
    margin-left: 20px;
}

#rightColumn .box {
    background: #dbeef6;
    width: 216px;
    border: 1px solid #acd9ec;
    margin-top:10px;
    clear:both;
}

#rightColumn .topbox {
    background: #dbeef6;
    width: 216px;
    border: 1px solid #acd9ec;
    margin-top:0;
    clear:both;
}

#rightColumn .topbox h2.year {
    margin: 10px;
    padding-top: 10px;
    padding-left: 0;
    border-top: 1px solid #acd9ec;
}

#rightColumn strong {
    color: #990000;
    font-weight:bold;
}

#rightColumn ul, #content ol, #content dl {
    margin: 10px;
}

#rightColumn ul.topics {
    margin: 10px;
    padding-top: 10px;
    border-top: 1px solid #acd9ec;
}


#rightColumn ul li {
    color: #333;
    list-style: none;
    padding: 3px 0 5px 10px;
    background: url("../images/icons/arrow-red-bluebg.gif") no-repeat 0 5px;
    }
    
#rightColumn ul.topics li {
    color: #333;
    list-style: none;
    padding: 3px 0 5px 0px;
    background: none;
    }   
    
#rightColumn ul.archives li {
    color: #333;
    list-style: none;
    padding: 3px 0 5px 10px;
    background: none;
    }   
    
#rightColumn .box ul li a, #rightColumn .topbox ul li a {
    color: #333;
    text-decoration: none;
    
    }   
    
#rightColumn .box ul li a:hover, #rightColumn .topbox ul li a:hover {
    text-decoration:underline;
    }       
    
    
#rightColumn img.share {
    margin-right:10px;
    }   
    
    
/* Multimedia Section with Ensemble Integration */

#rightColumn .multimediaentry {
    clear: both;
    padding: 0 5px 0 0;
    line-height: 130%;
    }

#rightColumn .multimediaentry img {
  float: left;
    padding: 5px;
    margin: 0 5px 10px 5px;
    background: #FFF;
    border: 1px solid #CCC;
}



#rightColumn .multimediaentry strong {
    color: #666;

}

#rightColumn .multimediaentry p {
    font-size: 11px;
    font-weight: bold;
    padding-top: 5px;
}

#rightColumn .multimediaentry a {
    color: #666;
    text-decoration: none;
}

#rightColumn .multimediaentry a:hover {
    color: #666;
    text-decoration: underline;
}

#rightColumn .typephoto {
    display:block;
    float: left;
    height:24px;
    background: url("../images/icons/photoblue.gif") no-repeat 0 1px;
    padding: 2px 0 0 17px;
    color: #999;
}

#rightColumn .typevideo {
    display: block;
    float: left;
    height:24px;
    background: url("../images/icons/videoblue.gif") no-repeat 0 1px;
    padding: 2px 0 0 17px;
    color: #999;
}

#rightColumn .typeaudio {
    display: block;
    float: left;
    height:24px;
    background: url("../images/icons/podcastblue.gif") no-repeat 0 1px;
    padding: 2px 0 0 17px;
    color: #999;
}

.clear-multimedia {
    margin: 0px;
    clear: both;
}

.more-multimedia {
    margin-top: 0px;
    padding-top: 0px;
    line-height: 100%;
}

#rightColumn .more-multimedia a.arrow, #rightColumn .more-multimedia a.arrow:link, #rightColumn .more-multimedia a.arrow:visited {
    display:inline-block;
    background: url("../images/icons/arrow-darkred-bluebg.gif") no-repeat 100% 50%;
    font-size: 12px;
    padding-right: 12px;
    padding-top: 0px;
    margin-top: 0px;
    font-weight: bold;
    color:#333;
    text-transform:uppercase;
}

/* needed for IE to make :active state work first time */
a, a:visited {color:#dcdcdc;} 

/* styling for photo slideshow feel free to change dimensions to fit your application */
a.gallery, a.gallery:visited {display:inline-block; color:#dcdcdc; text-decoration:none; width:120px; vertical-align:top; margin:2px; }
#container_slideshow {position:relative; width:560px; height:auto; background:#f0f0f0; border:1px solid #dcdcdc; margin:1em auto; }
#container_slideshow img {display: block; border: solid 1px #dcdcdc; float: none; padding: 0;}
#container_slideshow .detail {position:relative; width:460px; height:450px; /*top:0px;*/ left:20px; padding:10px; color:#dcdcdc; /*border:1px solid #dcdcdc;*/ }
#container_slideshow .thumbs {position:relative; left:5px; /*top:370px;*/ height:115px; width:500px; overflow:auto; overflow-y: hidden; overflow-x: auto;}
#container_slideshow .allthumbs {position:relative; left:5px; /*top:540px;*/ height:auto; }
#container_slideshow  span { border: 0; text-decoration: none; display:inline; position:relative; width:550px; height:50px; /*top:468px;*/ left:5px; padding:0px; font-style:italic; color:#999; }
/*#container_slideshow span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#666; text-decoration: none; border: none;}*/
#container_slideshow .titleheading {font-style:normal; font-weight:bold; font-size:1.1em; color:#666; text-decoration: none; border: none;}
/*#container_slideshow a.gallery:active, #container_slideshow a.gallery:focus {border:1px solid #f00;}*/
#container_slideshow em {border: solid 1px #00ff00; /*position:absolute; width:460px; height:348px; bottom:0px; left:20px; padding:10px; color:#dcdcdc; border:1px solid #dcdcdc; z-index:50;*/}

.showAllThumbnails { padding-left: 6px; font-size: 14px; font-weight: 700;}

.thumbnail { border: 1px solid #dcdcdc !important;margin:0 !important;}
.selectedThumbnail { border: 1px solid #ff0000 !important;margin:0 !important; }

#photopost {
    padding-left: 6px;
}
/***************************
* Start code for comments *
**************************/

.js-CreateCommentBg {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:100%;
    letter-spacing:0;
    color:#5e5e5e;
    padding-left:0px;
    padding:0px;
    margin:0px;
    float:none;
    background-color:#DBEEF6;
    /*border: 1px solid #ACD9EC;*/
    border: 1px solid #00FF00;
    width: 364px;
}

.js-singleCommentBg {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    letter-spacing:0;
    color:#5E5E5E;
    padding-left:0px;
    padding:5px;
    border-color:#D1DCDE; 
    border-width:0px;
    border-style:solid;
    background-color:#DBEEF6;
}

.js-singleCommentName {
    color: #900;
}
    
.js-OldComments {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:100%;
    border-color:#D1DCDE;
    border-width:1px;
    border-style:solid;
    background-color:#DBEEF6;
    padding:5px;
}

.js-CreateComment {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:100%;
    color:red;
    border-color:#FFFFFF;
    border-width:3px;
    border-style:solid;
    background-color:#FFFFFF;
    padding:5px;
    margin-top:10px;
}

.js-commentFieldSubject {
    color: #990000;
}

/**********************************
* Begin rules for faculty experts *
**********************************/

#group {
   display: block;
   padding-bottom: 5px;
   margin-bottom: 15px;
   margin-top: 10px;
   }

.groupentry {
   float: left;
   text-align: left;
   margin-right: 10px;
   width: 192px;
   }
   
.groupentrylast {
   float: left;
   text-align: left;
   margin-right: 0;
   width: 192px;
   }   
   
#group img {
    float: left;
    margin: 0 5px 5px 0;
    padding: 3px;
    background: #FFF;
    border: 1px solid #CCC;
    display:block;
    clear:both;
        }
    
#group a {
    text-decoration: none;
    color: #003F5F;
    border: 0px;
    
}

#group a:hover {
    text-decoration: underline;
    border: 0px;
}   
    
#group h5 {
    font-weight: bold;
    text-transform: uppercase;
    color:#990000;
    margin-left:0;
    padding-left:0;
    font-size:12px;
    margin-top: 5px;
    margin-bottom:0;
    padding-bottom:0;
    display:block;
    clear:both;
    float:left;
    background:transparent;
    width:180px;
}   

#group h6 {
    font-weight: bold;
    color:#324E64;
    margin-left:0;
    padding-left:0;
    font-size:12px;
    margin-bottom:0;
    padding-bottom:0;
    text-transform:none;
    border: none;
    margin-bottom:0;
    padding:0;
}   


.leftMedialistContent#stories #group p {
    margin: 0 20px 4px 0;
    line-height: 160%;
}

#group p {
    margin-top: 0;
    paddding-top:0; 
}   

#facsearch {
padding:10px;
margin-top: 15px;
background-color:#f0f0f0;
}

#facsearch ul  {
    margin:0;
    }

#facsearch ul li {
    color: #333;
    list-style: none;
    padding: 3px 0 5px 10px;
    background: url("../images/icons/arrow-red-bluebg.gif") no-repeat 0 5px;
}

 /***********************************************************
* Start code for links in the top right corner of the page *
***********************************************************/
#toplinks {
width:880px;
height: 16px;
text-align: right;
padding:2px 0px;
margin: 0 auto;
}

.toplinks-inside {
padding: 0px 10px;
border-style: solid;
border-color: #FFFFFF;
border-width: 0px 1px 0px 0px;
}

.toplinks-inside-right {
padding: 0px 0px 0px 10px;
}

.toplinks-link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 150%;
color: #FFFFFF;
text-decoration: none;
}

a:link.toplinks-link {
text-decoration:none;
color:#FFFFFF;
outline: none;
font-weight:normal;
font-size: 10px;
}

a:visited.toplinks-link {
text-decoration:none;
color:#FFFFFF;
font-weight:normal; 
font-size: 10px;
}

a:hover.toplinks-link {
text-decoration:underline;
color:#FFFFFF;
}

a:active.toplinks-link {
text-decoration:underline;
color:#FFFFFF;
}

/*********************************************************
* End code for links in the top right corner of the page *
*********************************************************/

/* Campus Photos Section */
#campusphoto div.photo-block {
text-align:center; 
float: left; 
width:70px; 
border:1px solid #cccccc; 
padding: 5px; 
background:#F0F0F0 none repeat scroll 0; 
margin-right:10px; 
margin-bottom:10px;
}

#campusphoto img {
width:70px;
height:70px;
}

#campusphoto a {
font-size: 10px; 
line-height:20px;
}

#campusphoto h5.entryHeader {
    border-bottom: 0px solid #ccc;
}

/* Send Caption */

#content #send-caption .storyLeading form input, #content #send-caption .storyLeading form select, #content #send-caption .storyLeading form textarea {
    padding: 0;
    margin: 0
}

#content #send-caption .storyLeading .caption-image {
    display:block;
    float:none;
}

#content #send-caption .storyLeading p {
    clear: left;
    width: 410px;
}

/* poll styles */

.poll input {margin-right: 3px;}

.poll #stories img {float: none; margin: 0; padding: 0;}

.postcard {
    display: block;
    width: 500px;
    margin: 0 auto 20px auto;
}

.featured-expert {
    width: 204px;
    float: left;
    margin-top: 8px;
    margin-right: 2px;
}

.featured-expert .header {
    background-color: #C00;
    color: #FFF;
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    text-transform: uppercase;
    height: 29px;
    padding: 4px;
}

#stories .featured-expert img {
    width: 204px;
    margin-bottom: 0;
    padding: 0;
    border: 0;
    float: none;
}

#content #stories.leftMedialistContent .featured-expert p {
    background: #FFF url("../images/facultyexperts/experts-bg.gif") repeat-x scroll left top;
    margin-top: 0;
    font-size: 90%;
    line-height: 130%;
    padding: 6px;
}

.expertise {
    color: #900;
}

#content .featured-expert p a, #content .featured-expert p a:link, #content .featured-expert p a:visited, #content .featured-expert p a:hover, #content .featured-expert p a:active,
#content .expertintro a, #content .expertintro a:link, #content .expertintro a:visited, #content .expertintro a:hover, #content .expertintro a:active,
#content #contact a, #content #contact a:link, #content #contact a:visited, #content #contact a:hover, #content #contact a:active {
    font-weight: bold;
    color: #107A90;
}

#content .featured-expert p a.name, #content .featured-expert p a.name:link, #content .featured-expert p a.name:visited, #content .featured-expert p a.name:hover, #content .featured-expert p a.name:active {
    font-size: 110%;
    font-weight: bold;
    text-transform: uppercase;
}

.featured-expert p .expertise {
    color: C00;
}

.research-on-youtube {
    font-size: 110%;
    font-weight: normal;
    padding: 0;
    background-image: none;
    color: #900;    
    margin-top: 20px;
}

.research-to-watch-box {
    background-color: #DBEEF5;
    border: 0;
    font-size: 120%;
    line-height: 120%;
    padding: 6px 12px;
}

#content .research-to-watch-box a, #content .research-to-watch-box a:link, #content .research-to-watch-box a:visited, 
#content .research-to-watch-box a:hover, #content .research-to-watch-box a:active {
    font-weight: bold;
    color: #107A90;
}

#content .research-to-watch-box a.name, #content .research-to-watch-box a.name:link, #content .research-to-watch-box a.name:visited,
#content .research-to-watch-box a.name:hover, #content .research-to-watch-box a.name:active {
    font-weight: bold;
    text-transform: uppercase;
}

.research-to-watch-box h5 {
    background-image: none;
    font-size: 120%;
    font-weight: normal;
    border: 0;
    padding: 0;
    color: #900;
}

.research-to-watch-box h6 {
    font-size: 90%;
    padding: 6px 0 0 0;
    margin-top: 0;
    border-top: 1px solid #FFF;
    border-bottom: 0;
    text-transform: none;
    font-weight: normal;
    color: #900;
}

.research-to-watch-box h6.first {
    border-top: 0;
}

.research-to-watch-box img {
    width: 196px;
    margin: 3px 0;
}

#content .research-to-watch-box p {
    margin: 0;
    padding-bottom: 5px;
    font-size: 80%;
    line-height: 120%;
}

.experts-twitter {
    margin-bottom: 10px;
}

#content #stories.leftMedialistContent .expertintro {
    line-height: 120%;
}

.expertimage {
    color: #666666;
    float: left;
    font-size: 9px;
    width: 320px;
    padding-bottom: 10px;
}

.expertthumb {
    color: #666666;
    float: left;
    font-size: 9px;
    width: 196px;
    padding-bottom: 10px;
}

h5.expertheader {
    background: #FFF;
    border: 0;
    font-size: 19px;
    line-height: 110%;
    font-weight: normal;
    color: #900;
    padding: 0;
    margin-bottom:0;
}

#stories .expertimage img {
    display: block;
    margin-right: 20px;
    padding: 0;
    border: 0;
}

#faculty-expert-bio h6 {
    font-size: 130%;
    text-transform: none;
    font-weight: bold;
    color: #900;
    margin: 0 0 8px 0;
    padding: 0;
    border: 0;
}

#stories.leftMedialistContent #faculty-expert-bio p {
    font-size: 90%;
    line-height: 120%;
    text-transform: none;
    margin: 0 0 10px 0;
}

.biolabel {
    color: #900;
    font-weight: bold;
}

#faculty-expert-bio .clearleft {
    clear: left;
}

#content #faculty-expert-bio a, #content #faculty-expert-bio a:link, #content #faculty-expert-bio a:visited, 
#content #faculty-expert-bio a:hover, #content #faculty-expert-bio a:active {
    font-weight: bold;
    color: #107A90;
}

#content #faculty-expert-bio a.name, #content #faculty-expert-bio a.name:link, #content #faculty-expert-bio a.name:visited,
#content #faculty-expert-bio a.name:hover, #content #faculty-expert-bio a.name:active {
    font-weight: bold;
    text-transform: uppercase;
}

#faculty-expert-bio ul li {
    list-style: disc outside none;
    margin-left: 20px;
}

#rightColumn .tweet_list {
    list-style: none outside none;
    margin: 5px 0 0 0;
    font-size: 80%;
}

#rightColumn .tweet_list li {
    background: none;
    margin-bottom: 10px;
    padding: 0;
}

#content .research-to-watch-box .tweet_time a, #content .research-to-watch-box .tweet_time a:link, #content .research-to-watch-box .tweet_time a:visited,
#content .research-to-watch-box .tweet_time a:hover, #content .research-to-watch-box .tweet_time a:active {
    color: #999;
    font-weight: normal;
}

.research-to-watch-box a.arrow, .research-to-watch-box a.arrow:link, .research-to-watch-box a.arrow:visited, .research-to-watch-box a.arrow:hover, .research-to-watch-box a.arrow:active {
    display:inline-block;
    background: url("../images/icons/arrow-red-bluebg.gif") no-repeat 100% 50%;
    padding-right: 12px;
    font-weight: bold;
}

.research-to-watch-box {
    margin-bottom: 10px;
}

.watch-more {
    border-top: 1px solid #FFF;
    padding: 12px 0 0 0;
    text-align: right;
    text-transform: uppercase;
}

.alpha-links {
    padding-left: 2px;
}

#content #experts-table a.letter-heading {
    color: #333;
}

#experts-table {
    margin-top: 12px;
    font-size: 0.9em;
}

#experts-table top-anchor {
    display: block;
    float: right;
    font-style: italic;
    font-weight: normal;
}

#experts-table th {
    background: none repeat scroll 0 0 #CC0000;
    color: #FFFFFF;
    font-weight: bold;
    padding: 6px;
    text-align: left;
    text-transform: uppercase;
}

#experts-table td {
    color: #333333;
    padding: 6px;
    vertical-align: top;
}

#experts-table td.expertise {
    line-height: 1.4em;
}

#experts-table th, #experts-table td {
    width: 33%;
}

#experts-table tr:nth-of-type(2n) {
    background-color: #EFEFEF;
}

#experts-table tr:nth-of-type(2n+1) {
    background-color: #CCCCCC;
}

#content #experts-table a, #content #experts-table a:link, #content #experts-table a:visited, 
#content #experts-table a:hover, #content #experts-table a:active {
    font-weight: bold;
    color: #107A90;
}

#content a.top-anchor {
    display: block;
    float: right;
    font-style: italic;
}

.contact-name {
 color: #C00;
 font-weight: bold;
}

#content a.experts-heading-link:link, #content a.experts-heading-link:visited, #content a.experts-heading-link:hover, #content a.experts-heading-link:active {
    color: #900;
    text-decoration: none;
}