@media screen, projection {
    /** typography */
    h1 {
        font: 600 30px/1 'Myriad Pro Semibold', 'Myriad Pro', MyriadPro, Myriad, sans-serif;
    }
    h2,
    .reverse h3,
    #focus-areas li {
        font: 600 18px/20px 'Myriad Pro Semibold', 'Myriad Pro', MyriadPro, Myriad, sans-serif;
    }
    h3 {
        font-size: 15px;
    }
    form a {
        text-decoration: underline;
    }
    p, li, .dtstart, .summary {
        font: normal 12px/22px 'Lucida Grande', Lucida, Verdana, sans-serif;
    }
    .access a {
        font-weight: normal;
    }
    .access h2 {
        font-weight: 600;
        text-shadow: #000 0 0 0;
    }
    .alt {
        font-size: 11px;
    }
    .description {
        font-size: 11px;
        line-height: 16px;
    }
    .dtstart {
        font-weight: bold;
        line-height: 14px;
    }
    .featured-story h3 {
        font-size: 22px;
        line-height: 25px;
    }
    .key li {
        font-size: 11px;
    }
    .pane a {
        font-weight: bold;
    }
    .pdf-pane a {
        font-size: 11px;
        letter-spacing: -.25px;
    }
    .pdf-pane h2 {
        letter-spacing: -.4px;
    }
    .pdf-pane p {
        line-height: 18px;
    }
    .resource-lists li,
    .section-nav a {
        line-height: 16px;
    }
    .summary {
        font-size: 11px;
        font-weight: bold;
        text-decoration: underline;
        text-shadow: #000 0 0 0;
    }
    .vcard a {
        font-weight: bold;
    }
    #focus-areas ul li {
        font: normal 11px/16px 'Lucida Grande', LucidaGrande, Lucida, Verdana, sans-serif;
    }
    #news-events li a {
        text-decoration: underline;
    }
    #news-events .events h3 {
        font-size: 18px;
    }
    .program-list li {
        font-size: 11px;
    }
    #program h2 {
        font-size: 20px;
        line-height: 22px;
    }
    #program-controls ul li {
        font-size: 11px;
        line-height: 12px;
    }
    #enroll {
        font: lighter 22px/18px 'Myriad Pro Light', 'Myriad Pro', MyriadPro, Myriad, sans-serif;
        text-align: center;
    }

    /** colors & images */
    h1 {
        color: #34425f;
    }
    h2,
    form h3,
    .dtstart,
    .featured a,
    #list-control a {
        color: #333;
    }
    .access a {
        color: #fff;
        background: #cc5a5a url(/include/images/sprite-arrows-fs8.png) no-repeat 12px -319px;
    }
    .access a:hover {
        color: #cc5a5a;
        background-color: #fff;
    }
    .access h2 {
        border-color: #fff;
        color: #fff;
        background: #b02f2f;
    }
    .alt a {
        color: #336;
    }
    .key {
        color: #fff;
        background: #2582bf;
        margin-top: 15px;
    }
    .key h2 {
        color: #fff;
    }
    .key .active {
        color: #ff9;
    }
    .discover #container-wrap {
        background-image: url(/include/images/curve-discover-fs8.png);
    }
    .discover #focus-areas ul {
        border-color: #6e7888;
    }
    .apply #container-wrap {
        background-image: url(/include/images/curve-apply-fs8.png);
    }
    .apply #focus-areas ul {
        border-color: #6c918c;
    }
    .resources #container-wrap {
        background-image: url(/include/images/curve-resources-fs8.png);
    }
    .resources #focus-areas ul {
        border-color: #ca655e;
    }
    .on-campus #container-wrap {
        background-image: url(/include/images/curve-on-campus-fs8.png);
    }
    .on-campus #focus-areas ul {
        border-color: #497ea7;
    }
    .featured-story img {
        background-repeat: no-repeat;
        border-color: #5772AA;
    }
    .find #container-wrap {
        background-image: url(/include/images/curve-find-fs8.png);
    }
    .find #focus-areas ul {
        border-color: #aab68a;
    }
    .visit #container-wrap {
        background-image: url(/include/images/curve-visit-fs8.png);
    }
    .visit #focus-areas ul {
        border-color: #bb8d61;
    }
    .narrow .pane a {
        color: #336;
    }
    .narrow .nav a:hover,
    #program .nav a:hover {
        color: #fff;
        background: #336 url(/include/images/sprite-arrows-fs8.png) no-repeat 100% -432px;
    }
    .narrow .pane h2 {
        color: #d08824;
    }
    .nav a {
        background: url(/include/images/sprite-arrows-fs8.png) no-repeat 100% -104px;
    }
    .column .events,
    .nav,
    .nav li{
        border-color: #c6c6c5;
    }
    .news {
        color: #fff;
        background: #5772aa url(/include/images/gradient-blue.png) repeat-x 0 0;
    }
    .pdf-pane {
        background: #f4b04e url(/include/images/gradient-yellow.png) repeat-x 0 0;
    }
    .pdf-pane a {
        color: #903;
        background: url(/include/images/icons/pdf-fs8.png) no-repeat 0 0;
    }
    .pdf-pane h2 {
        color: #963;
    }
    .program-list a:hover,
    .program-list .active {
        color: #fff;
        background: #c90;
    }
    .program-list a:hover span,
    .program-list .active span {
        color: #fef8a3;
    }
    .program-list span {
        color: #985b01;
    }
    .resource-lists h2 {
        border-color: #c6c6c5;
    }
    .resource-lists h3 {
        color: #34425f;
    }
    .resource-lists a:hover {
        color: #fff;
        background: #34425f;
    }
    .reverse .wide h3 {
        color: #004b8d;
    }
    .section-nav {
        background: #eff2eb url(/include/images/bg-cut-corner.png) no-repeat 0 0;
    }
    .section-nav a {
        background: url(/include/images/sprite-arrows-fs8.png) no-repeat 5px -213px;
    }
    .section-nav li li a {
        background: url(/include/images/sprite-arrows-fs8.png) no-repeat 5px 5px;
    }
    .section-nav a:hover,
    .section-nav a.active {
        color: #fff;
        background: #666 url(/include/images/sprite-arrows-fs8.png) no-repeat 5px -432px;
    }
    .vcard a {
        color: #336;
    }
    #alpha-toggle {
        background: url(/include/images/tab-blue.jpg) no-repeat 0 0;
    }
    #alphabetical a:hover,
    #alphabetical a.active {
        background: #2582bf;
    }
    #alphabetical a:hover span,
    #alphabetical a.active span {
        color: #ff9;
    }
    #college-list {
        background: url(/include/images/gradient-blue-alpha.png) repeat-x 0 0;
    }
    #college-list a {
        color: #666;
    }
    #college-list.active {
        background: url(/include/images/gradient-yellow-alpha.png) repeat-x 0 -10px;
    }
    #college-list a:hover,
    #college-list a.active {
        background: url(/include/images/gradient-white-alpha.png) repeat-x 0 0;
    }
    #college-toggle {
        background: url(/include/images/tab-gold.jpg) no-repeat 100% 0;
    }
    #container-wrap {
        background: url(/include/images/curve-generic-fs8.png) no-repeat center 0;
        max-width: 100%;
    }
    #container form {
        background: url(/include/images/bg-form.jpg) no-repeat 0 100%;
    }
    #focus-areas-wrap {
        background: url(/include/images/bg-nav.jpg) no-repeat center 0;
    }
    #focus-areas li {
        background: url(/include/images/menu-divider.png) no-repeat 100% center;
    }
    #discover a { color: #26375e; }
    .discover #discover>a,
    #discover a:hover { color: #fff; background: #26375e; }
    #visit a { color: #a45f26; }
    .visit #visit>a,
    #visit a:hover { color: #fff; background: #a45f26;}
    #apply a { color: #366; }
    .apply #apply>a,
    #apply a:hover { color: #fff; background: #366; }
    #on-campus a { color: #004b8d; }
    .on-campus #on-campus>a,
    #on-campus a:hover { color: #fff; background: #004b8d; }
    #find a { color: #909; }
    .find #find>a,
    #find a:hover { color: #fff; background: #909; }
    #resources a { color: #ba2624; }
    .resources #resources>a,
    #resources a:hover { color: #fff; background: #ba2624; }
    #focus-areas ul {
        background: #fff url(/include/images/divider.png) no-repeat 100% 0;
    }
    #focus-areas .more {
        background: none;
    }
    #news-events a,
    #news-events .dtstart,
    #news-events .more,
    #focus-areas a:hover
    {
        color: #fff;
    }
    #news-events h3 {
        color: #fdfbde;
    }
    #news-events .more:hover {
        color: #ff9;
        background: url(/include/images/button-arrow-aqua.png) no-repeat 100% center;
    }
    #news-events .events {
        color: #fff;
        background: #933 url(/include/images/gradient-red.png) repeat-x 0 0;
    }
    #news-events .summary {
        color: #ffc;
    }
    #program {
        float: right;
    }
    #program h2 {
        color: #d08824;
    }
    #enroll {
        color: #231f20;
    }
    #enroll .apply-now {
        background: url(/include/images/button-apply-now.png) no-repeat 0 0;
    }
    #enroll .tel {
        color: #c41230;
    }
    a:hover {
        color: #ba2624;
    }

    /** layout */
    h1 {
        margin: 0 0 15px;
    }
    li .org {
        display: block;
    }
    p {
        padding: 0 0 1em;
    }
    .access {
        margin: 0 0 2em;
    }
    .access a {
        display: block;
        padding: 3px 0 3px 30px;
        border-top-style: solid;
        border-top-width: 1px;
    }
    .access h2 {
        padding: 5px 12px 4px;
        -webkit-border-top-right-radius: 8px;
        -webkit-border-top-left-radius: 8px;
        -moz-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 8px 8px 0 0 0 0;
    }
    .access li {
        margin: 0;
        list-style-type: none;
    }
    .column .events {
        padding: 1em 0;
        border-top-style: solid;
        border-top-width: 1px;
    }
    .intro {
        padding: 0 0 20px;
    }
    .key {
        width: 143px;
        padding: 20px 25px 30px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .key h2 {
        padding: 0 0 10px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }
    .key li {
        padding: 0 0 15px;
        margin: 0;
    }
    .key ol {
        list-style-position: inside;
    }
    .moving {
        position: fixed;
    }
    .narrow {
        width: 221px;
        padding: 0 0 0 15px;
        overflow: hidden;
    }
    .nav {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        margin: 0 0 30px;
    }
    .nav li a {
        display: inline-block;
        padding-right: 12px;
    }
    .nav li {
        padding: 3px 0 2px;
        border-top-style: solid;
        border-top-width: 1px;
        margin: 0;
        list-style-type: none;
    }
    .news {
        float: left;
        width: 360px;
        padding: 25px 20px;
    }
    .news img {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .news li {
        margin: 0;
        list-style-type: none;
    }
    .pdf-pane {
        padding: 25px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin: 0 0 30px;
    }
    .pdf-pane a {
        display: block;
        min-height: 30px;
        padding-left: 28px;
    }
    #program {
        overflow: hidden;
    }
    #program img {
        float: left;
        display: block;
        padding: 0 1em 1em 0;
    }
    #program .nav {
        float: left;
    }
    .program-list a {
        display: block;
        padding: 0 3px;
    }
    .program-lists ol {
        display: none;
        padding: 0 15px 0 0;
        list-style-type: none;
    }
    .program-lists li {
        margin: 0;
    }
    .program-lists .active {
        display: block;
    }
    .resource-lists {
        clear: left;
        margin: 0 0 0 -7px;
        overflow: hidden;
    }
    .resource-lists a,
    .resource-lists h3 {
        display: block;
        padding: 0 7px;
    }
    .resource-lists h2 {
        padding: 0 0 3px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        margin: 0 0 10px 7px;
    }
    .resource-lists li {
        padding: 0 0 6px;
        margin: 0;
        list-style-type: none;
    }
    .resource-lists .column {
        width: 162px;
        padding: 0 8px 30px 0;
    }
    .resources #container {
        padding-top: 85px;
    }
    .resources #main {
        float: left;
        padding-top: 0;
    }
    .resources #secondary {
        float: right;
        padding: 0;
    }
    .reverse .narrow {
        clear: left;
        padding: 0 15px 0 0;
    }
    .reverse .wide {
        float: right;
        padding: 0 0 0 15px;
    }
    .row {
        clear: left;
    }
    .featured img {
        position: absolute;
        left: 0;
        top: 0;
        width: 115px;
        height: 81px;
    }
    .featured li {
        position: relative;
        min-height: 81px;
        padding: 0 0 20px 140px;
        margin: 0;
        list-style-type: none;
    }
    .featured-story img {
        padding: 0 0 15px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        margin-bottom: 10px;
    }
    .section-nav {
        padding: 40px 15px 20px 15px;
        margin: 0 0 25px;
    }
    .section-nav a {
        display: block;
        padding: 0 0 3px 18px;
    }
    .section-nav h2 {
        padding: 0 0 0 5px;
    }
    .section-nav li {
        padding: 0 0 3px;
        margin: 0;
        list-style-type: none;
    }
    .section-nav li li {
        padding: 0 0 0 12px;
    }
    .vcard {
        margin: 0;
        list-style-type: none;
    }
    .vevent {
        padding: 0 0 1em;
        border-bottom: none;
        margin: 0;
        list-style-type: none;
    }
    .vevent p {
        padding: 0;
    }
    .wide {
        width: 430px;
        padding: 0 15px 0 0;
        overflow: hidden;
    }
    #topnav {
        width: 910px;
    }
    #college-list {
        clear: left;
        width: 683px;
        height: 51px;
        overflow: hidden;
    }
    #college-list a {
        display: block;
        width: 100px;
        min-height: 40px;
        padding: 10px 5px 0;
    }
    #college-list li {
        visibility: hidden;
        float: left;
        width: 110px;
        margin: 0;
        list-style-type: none;
    }
    #college-list.active li {
        visibility: visible;
    }
    #container {
        width: 910px;
        padding: 55px 0 0;
        margin: 0 auto 0;
        overflow: hidden;
    }
    #container form {
        width: 247px;
        padding: 10px 25px 15px;
    }
    #container>h2 {
        padding: 0 0 20px;
    }
    #container-wrap {
        margin: -75px 0 0;
    }
    #focus-areas-wrap {
        padding: 0 0 95px;
    }
    #focus-areas {
        position: relative;
        width: 970px;
        height: 90px;
        list-style-type: none;
        overflow: visible;
        z-index: 5;
    }
    #focus-areas li {
        margin: 0;
    }
    #focus-areas ul {
        position: absolute;
        visibility: hidden;
        width: 100%;
        padding: 10px 0;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-width: 3px;
        border-bottom-width: 3px;
        z-index: 5;
        list-style-type: none;
    }
    #focus-areas ul a {
        padding: 0 7px;
    }
    #focus-areas ul li {
        float: none;
        padding: 0 7px 4px;
    }
    #focus-areas li {
        float: left;
        position: relative;
    }
    #focus-areas a {
        display: block;
        padding: 45px 11px 25px;
    }
    #focus-areas #discover {
        width: 156px;
        margin: 0 0 0 200px;
    }
    #discover>a {
        margin: 0 0 0 38px;
    }
    #discover ul {
        width: 153px;
        border-left-style: solid;
    }
    #visit {
        width: 114px;
    }
    #apply {
        width: 110px;
    }
    #on-campus {
        width: 138px;
    }
    #find {
        width: 104px;
    }
    #find ul {
        border-right-style: solid;
    }
    #resources {
        width: 144px;
    }
    #list-control {
        overflow: hidden;
        list-style-type: none;
    }
    #list-control a {
        display: block;
        padding: 10px 20px;
    }
    #list-control li {
        float: left;
        margin: 0;
    }
    #logo {
        width: 369px;
        height: 84px;
        margin-right: 253px;
        .margin-top:-2px;
    }
    #main {
        float: right;
        width: 683px;
        padding: 30px 0 0;
        overflow: hidden;
    }
    #mainNoNav {
        float: right;
        width: 910px;
        padding: 30px 0 0;
        overflow: hidden;
    }
    #news-events {
        width: 683px;
        padding: 0 0 35px;
        overflow: hidden;
    }
    #news-events .events {
        float: left;
        width: 210px;
        padding: 35px 25px;
        border-left-style: solid;
        border-left-width: 1px;
        -webkit-border-top-right-radius: 12px;
        -webkit-border-bottom-right-radius: 12px;
        -moz-border-radius: 0 12px 12px 0;
        border-radius: 12px 12px 0 0 0 0 12px 12px;
    }
    #news-events .news {
        -webkit-border-top-left-radius: 12px;
        -webkit-border-bottom-left-radius: 12px;
        -moz-border-radius: 12px 0 0 12px;
        border-radius: 12px 12px 0 0 0 0 12px 12px;
    }
    #program h3 {
        clear: left;
    }
    #program-controls {
        width: 683px;
    }
    #secondary {
        width: 193px;
    }
    #secondary .access h2 {
        margin: 0;
    }
    #enroll {
        margin-bottom: 10px;
    }
    #enroll .apply-now {
        display: inline-block;
        width: 146px;
        height: 56px;
        vertical-align: middle;
    }
}