/* Small Panels */
#homepageContent .col3of3 ul li {
    border-bottom: 1px solid #CCC;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5em;
    text-decoration: none;
    width: 90%;
    margin: 0;
    padding: 5px 8px 5px 5px;
}
#homepageContent #asideContent img {border-radius: 0;}
/*#mega li a {padding: .6em}*/

#curriculum {float:left; margin-bottom: 2%;}
#curriculum .row {float:left; width: 100%; margin: 2px 0; border-top: 1px dotted #ccc;}
.row .colTopHeader,
.row .colHeader {width: 13%; float:left; padding:0 2% 0 0;}
.row .colHeader {padding: 5% 2% 5% 0; text-align:right;}

.row .col1of1,
.row .col2of2,
.row .col3of3,
.row .col4of4,
.row .col5of5,
.row .col6of6,
.row .col7of7 {width:80%; clear:none;}

.row .col1of2 {width:42%; clear:none;}

.row .col1of3 {width:26%; clear:none;}

.row .col1of4 {width:20%; clear:none;}
.row .col2of4 {width:40%;}
.row .col3of4 {width:60%;}

.row .col1of5 {width:16%; clear:none;}
.row .col2of5 {width:32%;}
.row .col3of5 {width:48%;}
.row .col4of5 {width:64%;}

.row .col1of6 {width:13%; clear:none;}
.row .col2of6 {width:26%;}
.row .col3of6 {width:40%;}
.row .col4of6 {width:52%;}
.row .col5of6 {width:65%;}

.row .col1of7 {width:11%; clear:none;}
.row .col2of7 {width:23%;}
.row .col3of7 {width:35%;}
.row .col4of7 {width:47%;}
.row .col5of7 {width:59%;}
.row .col6of7 {width:71%;}

.row .head {text-align: center;}
.row .head, .row .year {float:left; border-left: 1px dotted #ccc; padding-left: 1%;}
.row .course {float:left; padding: 2%; margin: 1%; border: 1px solid #fff; min-height: 93px;}

.row .course:hover {border:1px solid #999}
/*.row .course.type0{background-color:#E8EBEB;}*/
.row .course.type0{background-color:#D4D5D6;}
/*.row .course.type1{background-color:#D1E6B8;}*/
.row .course.type1{background-color:rgba(207,214,65,0.5);}
/*.row .course.type2 {background-color:#DCD6E6;}*/
.row .course.type2 {background-color:rgba(192,194,226,0.8);}
/*.row .course.type3 {background-color:#E6E5B8;}*/
.row .course.type3 {background-color:rgba(237,172,26,0.5);}
.row .course p {margin-bottom:0;}
.row span.type0, .row span.type1, .row span.type2, .row span.type3 {
    display:inline-block; 
    background-color:rgba(207,214,65,0.5);
    width: 10px;
}
.row span.type2 {background-color:rgba(192,194,226,0.8);}
.row span.type3 {background-color:rgba(237,172,26,0.5);}
.row span.type0 {background-color:#D4D5D6;}
.row .course .courseDesc {
    display: none;
    position: absolute;
    width: 250px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: auto;
    color: #999;
    text-align: left;
    z-index: 99;
    opacity: 1;
}
.row .course:hover .courseDesc {background: #fff;}

/*----- News page -------*/
#newsIndex .newsTitle {
    padding-top: 4pt;
}
#newsIndex .newsTitle a {
    font-family: Calibri,sans-serif;
}
#newsIndex .newsDate {
    font-family: Calibri,sans-serif;
}
#newsIndex ul li {
    padding: 0.3em 0.8em 0.3em 0.5em !important;
}
.odd { background-color: #FFF; }
div.spacer {
    clear: both;
    height: 1em;
}

/*----- Student Quotes -------*/
.quoteImg {
    border-radius: 0;
}

/*----- remove rounded corners from all images -------*/
img {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

@media screen and (min-width: 1200px) {
    #mega li a, #mega li a:hover { 
        font-size: 1.3em;
        padding: 10px 15px;
    }   
}
@media screen and (max-width: 900px) {
    #mobileMenu { display: block; }
    #topNav { display: none; }
}
@media screen and (max-width: 768px) { 
    .row .course { width: 80%;}
}

/* Atrium */
.issue {
    float:left; 
    /*background: url(/renderfile/93c934908169773801da13c00f2398cd/images/profile-bg.png) repeat-x scroll center top transparent;*/ 
    border-top: 1px solid #ccc;
    padding: 2%;
    width: 29%;
    }
.issue .issueInfo {}
.issue .issueNo strong {font-style:italic;}
 /* Desktop Layout: 768px to a max of 999px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width:768px) {
    #promo a#Email, #promo a#Clinical-Trials:hover,
    #promo a#Facebook, #promo a#Facebook:hover,
    #promo a#Twitter, #promo a#Twitter:hover,
    #promo a#Gift, #promo a#Gift:hover,
    #promo a#History, #promo a#History:hover {
        float: left;
        background: url(../images/panels-sprite.png) no-repeat scroll left top;
        font-size: 0;
        padding: 0;          
        height: 84px;
        width: 180px;
    }
    #promo a#Email:hover { background-position: -182px top;}
    #promo a#Facebook{ background-position: left -86px;}
    #promo a#Facebook:hover { background-position: -182px -85px;}
    #promo a#Twitter { background-position: left -170px;}
    #promo a#Twitter:hover { background-position: -182px -170px;}
    #promo a#Gift { background-position: left -255px;}
    #promo a#Gift:hover { background-position: -182px -255px;}
    #promo a#History { background-position: left -340px;}
    #promo a#History:hover { background-position: -182px -340px;}
}
/*---------- history timeline  --------*/
/*------This content is duplicated in style.css------/
/*#mainContent #History p {
    background-color: #f0f0f0;
    border-top: 1px solid #CCCCCC;
    margin: 0 0 0.5em;
    padding: 15px;
    width: 95%;
}

#mainContent #History h2 {
    color: #6D6E71;
    font-family: 'Goudy Bookletter 1911',Georgia,'Times New Roman',serif;
    font-size: 2em;
    font-weight: normal;
    margin: .5em, 0, .2em, 0;
    padding: 0;
}*/

/*------ NEW HOME PAGE ------- */
.landing-page .feature-three-col .feature-box .feature-copy h4 { font-size: 21px !important; }
.landing-page .hero .hero-image p { line-height: 1.4em; }
.landing-page section { margin-bottom: 2.5rem !important; }
.landing-page .news h4, .landing-page .events h4 {
    font-size: 21px;
    margin-bottom: 1rem;
    padding-bottom: 0;
}
.hero a.button {
    font-size: 16px;
    font-family: Calibri, sans-serif;
    margin: 1em .5em .5em 0;
    font-weight: bold;
    padding: .4em 1em .4em 1em;
    text-shadow: none;
    letter-spacing: 0;
}
.hero p {
    margin-left: 20px;
    margin-right: 20px;
    /*font-weight: normal;*/
}
article.feature-box img {
    border-radius: 0;
    -webkit-border-radius: 0;
}
.landing-page .feature-three-col .feature-box .feature-copy h4 { font-weight: 300; }
.hero p { font-size: 24px !important; }
#NMBrandHeader #siteTitle a, #NMBrandHeader #siteTitle a:link {
    font-family: "Open Sans", sans-serif !important;
}
#NMBrandHeader #siteTitle a, #NMBrandHeader #siteTitle a:link h2 {
    font: 22px "Open Sans";
    font-weight: 300;
}

 /* Desktop Layout: 768px to a max of 999px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width:768px) {
    #gallery .captionRight .flex-caption .fullCaption {
        margin-top: 25px;
    }
    #promo a#Email, #promo a#Clinical-Trials:hover,
    #promo a#Facebook, #promo a#Facebook:hover,
    #promo a#Twitter, #promo a#Twitter:hover,
    #promo a#Gift, #promo a#Gift:hover,
    #promo a#History, #promo a#History:hover {
        float: left;
        background: url(../images/panels-sprite.png) no-repeat scroll left top;
        font-size: 0;
        padding: 0;          
        height: 84px;
        width: 180px;
    }
    #promo a#Email:hover { background-position: -182px top;}
    #promo a#Facebook{ background-position: left -86px;}
    #promo a#Facebook:hover { background-position: -182px -85px;}
    #promo a#Twitter { background-position: left -170px;}
    #promo a#Twitter:hover { background-position: -182px -170px;}
    #promo a#Gift { background-position: left -255px;}
    #promo a#Gift:hover { background-position: -182px -255px;}
    #promo a#History { background-position: left -340px;}
    #promo a#History:hover { background-position: -182px -340px;}
}

/*#homepageContent #asideContent img {
    border-radius: 10px !important;
}*/

p.blurb { 
    padding-left: 1.2em !important;
    padding-top: 0.1em !important;
}

/*------make profile blocks like lab blocks-------*/
#mainContent .profile {
    border: none;
    background: #efefef;
}


/*-------ACCORDION SECTION------------*/
/* accordion effect */
#accordion .ac-header, #accordion .detail {
    border: none;
}
#accordion .ac-header {
    display:block; 
    cursor:pointer; 
    /*border: 1px solid #999;*/
    border: none;
    margin-top: 5px;
    padding: 10px 10px 5px 0;
    outline:0;
    background: #f3f3f3
}
#accordion .ac-header:hover {
    background: #fff;
}
#accordion .ac-header-active {
    border-bottom: none;
    background: #fff;
}

#accordion .detail {
    /*border: 1px solid #999;*/
    border: none; 
    padding: 0 10px 10px 0;
    border-top: none;
}
#accordion .detail ul {
    margin-top:0;
    margin-left: 1em
}
#accordion .ac-header p.blurb, #accordion .detail {
    padding-left: 1.2em;
}
#accordion .ac-header .ui-icon {
    float:left
}

#accordion.short-fix div.ac-header {min-height:138px;}




@media screen and (min-width: 481px) {
    /*.hero p { font-size: 32px !important; }*/
    .landing-page .hero .hero-image { height: 500px !important; }
    .landing-page .hero .hero-image h2 { font-weight: 400; }
    #NMBrandHeader #siteTitle a, #NMBrandHeader #siteTitle a:link { 
        font-size: 32px; 
        font-weight: 300;
    }
}
@media screen and (max-width: 480px) {
    .hero p { font-size: 24px !important; }
    #NMBrandHeader #siteTitle a, #NMBrandHeader #siteTitle a:link h2 {
        font: 22px "Open Sans";
        font-weight: 300;
    }
}