/* Pomona College Master CSS */

/* -------- reset -------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    }
    
body {
    line-height: 1;
    }
    
ol, ul {
    list-style: none;
    }
    
blockquote, q {
    quotes: none;
    }
    
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
    }

/* remember to define focus styles! */
:focus {
    outline: 0;
    }

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
    }
    
del {
    text-decoration: line-through;
    }

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
    }
/* -------- end reset -------- */

/* -------- main styles -------- */
.js-hide { visibility: hidden; }    
.js-show { visibility: visible; }
        
html, * {
    margin: 0;
    padding: 0;
    }
    
body {
    font: 100%/1.4em Arial, Helvetica, sans-serif;
    background: #e8f0ef url("../images/internal/header-background-white.png") repeat-x;
    line-height: 100%;
    }

.transparent {
    background-color: transparent !important;
    background: transparent !important;
    }
            
h1 {
    font-size: 130%;
    color: #465767;
    margin: 25px 150px 25px 0;
    line-height: 1.3em;
    }


h2 {
    font-size: 100%;
    color: #465767;
    margin: 0 0 .5em 0;
    line-height: 1.3em;
    }

h3, h4, h5, h6, legend {
    font-size: 75%;
    color: #465767;
    }
        
h3 {
    font-size: 80%;
    margin: .5em 0 .2em 0;
    }

h4, h5, h6 {
    font-size: 70%;
    }
    
p, address, #gateway-description-text, #gateway-announcement-text {
    font-size: 80%;
    line-height: 1.6em;
    margin: 0 20px 1.2em 0;
    color: #45484d;
    }

code, pre { font-size: 90%; background: #e7edda; border: 1px solid #dbe0ce; padding: 20px; display: block; text-align: left; color: #7a8070; margin-bottom: 15px; overflow-x: scroll;}

p.footnote {
    font-size: 70%;
    }

address {
    margin-left: 20px;
    font-style: normal;
    }

li {
    font-size: 80%;
    line-height: 140%;
        margin: 0;
    }       

li li, li li li { font-size: 100%; }

table {
    font-size: 70%;
    color: #505459;
    width: 100%;
    border: 1px solid #c0d2d9;
    margin-bottom: 10px !important;
    }

caption {
    text-align: left;
    font-size: 110%;
    font-weight: bold;
    padding-bottom: 5px;
    }

th {
    text-align: left;
    background: #c0d2d9;
    color: #505459;
    }
    
th, td { 
        padding: 4px 4px 4px 6px;
        vertical-align: middle;
        }   

table.no-stripe tr.odd { background: none; }

table.vertical-align td { vertical-align: top; }

tr.odd { background: #e8f0ef; }

tr.underline { border-bottom: 1px solid #d8d8d4; }  

.hide { display: none !important; }
        
a:link {color: #4c84b5; text-decoration: none;}
a:visited {color: #4c84b5; text-decoration: none;}
a:active {color: #4c84b5; text-decoration: none;}
a:hover{color: #426788; text-decoration: underline;}

table a {
    font-weight: bold;
    color: #505459 !important;
    }
    
     /* majors minors table */
#major-table a {color:#7f7f7f !important; text-decoration:none; font-family:verdana; font-weight:normal; font-size:190%;}
#major-table a:visited {color:#7f7f7f; text-decoration:none;}
#major-table a:hover {color:#00a6d0 !important; text-decoration:none;}
#major-table a:active {color:#7f7f7f; text-decoration:none;}
    
    
    
span.ext {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 0 1px 2px;
    background: url("../images/internal/icons.png") -125px -32px no-repeat;
    }
        
div.br {
    width: 100%;
    clear: both;
    height: 1px;
    overflow: hidden; /* prevents IE from adding extra height */
    }

div.clear {
    clear: both;
    }

div.em {
    margin: 10px 20px 10px 0 !important;
    background: rgb(240, 240, 237);
    }

div.em p {
    padding: 10px 0;
    margin: 10px 20px; 
    }        

div.em-small {
    width: 350px;
    }

p.pullquote {
    font-style: italic;
    margin: 0 3em 1.2em 3em;
    text-align: center; 
    }

p.largepullquote-right {
    width: 225px;
    float: right;
    margin: 20px 25px;
    padding: 20px 20px 20px 20px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 85%;
    font-weight: bold;
    background: #f5f7ed;
    font-style: italic;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    line-height: 200%;}

.largepullquote-right:before {
    content: "“ ";
    font-size: 200%;
    font-weight: bold;
}
 
.largepullquote-right:after {
    content: " ”";
    font-size: 200%;
    font-weight: bold;
}



p.largepullquote-left {
    width: 225px;
    float: left;
    margin: 3em 2em 3em 0;
    padding: 20px 20px 20px 20px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 85%;
    font-weight: bold;
    background: #f5f7ed;
    font-style: italic;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    }

.largepullquote-left:before {
    content: "“ ";
    font-size: x-large;
    font-weight: bold;
}
 
.largepullquote-left:after {
    content: " ”";
    font-size: x-large;
    font-weight: bold;
}


p.em {
    font: Verdana;
    margin: 10px 20px 10px 0 !important;
    padding: 10px 10px 10px 10px;
    background: rgb(240, 240, 237);
    }


p.author {
    text-align: right;
    margin-top: -1.2em !important;
    padding-top: 0 !important;
    }

div.inset {
    float: right;
    clear: right;
    width: 270px;
    margin: 6px 0 10px 40px;
    padding: 15px;
    }
div.insetleft {
    float: left;
    clear: left;
    width: 270px;
    margin: 6px 40px 10px 0;
    padding: 15px;
    }

div.insetfull {
    clear: both;
    margin-left: 0px;
    margin-bottom: 10px;
    padding: 15px;
    max-width: 658px;
    margin-left: auto;
    margin-right: auto;
    }
div.inset, div.insetleft, div.insetfull {
    color: #5d6153; /* just in case something doesn't get wrapped in a p tag */
    border: solid #516a81 1px;
    border-radius: 5px;
    overflow:hidden;
}

img.inset_image_full {
    width:100%;
    border-radius: 8px;
    margin: -2px 0 5px 0;
    }
img.inset_image_left {
    max-width:50%;
    border-radius: 8px;
    margin: 3px 5px 5px 0;
    float:left;
    }
img.inset_image_right {
    max-width:50%;
    border-radius: 8px;
    margin: 3px 0 5px 5px;
    float:right;
    }
img.inset_image_border {
    border: 1px solid #9DA08D;
    }
a.inset_more_link {
    float:right;
    clear:both;
    }

div.insetfull ul.inset-blog-listing img {
    width: 75px;
    float: left;
    margin: 0 5px 5px 0;
    }
div.insetfull ul.inset-blog-listing li {
    clear: both;
    }
div.insetfull ul.inset-blog-listing li p {
    font-size: 13px;
    }

div.grey { background: #e6e6e6; }
div.green { background: #ecf1f0; }
div.gold { background: #f6f5ea; }
div.blue { background: #e3eaf4; }

div.inset p, div.insetleft p, div.insetfull p {
    font-size: 73%;
    margin: 5px 0;
    line-height: 150%;
    color: #465667;
    }

div.inset a, div.insetleft a, div.insetfull a { 
    text-decoration: underline; 
    color: #465667;
    }

div.inset ul, div.insetleft ul, div.insetfull ul {
    margin: 0 !important;
}
div.inset h2, div.insetleft h2, div.insetfull h2 {
    padding: 0 0 3px 0;
    font-size: 100%;
    line-height: normal;
    color: #465667;
    margin:-2px 0 10px 0;
    border-bottom: 2px #465667 dotted;
    }
    
div.inset h3, div.insetleft h3, div.insetfull h3 {
    padding: 0;
    font-size: 90%;
    color: #465667;
    margin:0 0 3px 0;
    }
    
div.inset h4, div.insetleft h4, div.insetfull h4 {
    padding: 0;
    font-size: 75%;
    color: #465667;
    margin:0 0 3px 0;
    }
    
div.inset ul, div.insetleft ul, div.insetfull ul, div.inset ol, div.insetleft ol, div.insetfull ol {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 3px;
    }
    
div.inset li, div.insetleft li, div.insetfull li {
    font-size: 73%;
    margin-left: 15px;
    color: #465667 !important;
    }

a.inset-youtube-modal {
    display: block;
    overflow: hidden;
    position: relative;
    }
    
.insetfull a.inset-youtube-modal {
    height: 368px;
    }
    
.inset-youtube-modal-play-button_area {
    height:151px;
    width: 270px;
    position:absolute;
    top: 0;
    left: 0;
    }
    
.insetfull .inset-youtube-modal-play-button_area {
    height:368px;
    width: 656px;
    }
.inset-youtube-modal-play-button {
    background: url("../images/internal/youtube_play_multiple.png") 0 -161px;
    height:35px;
    width: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px; /* half of width */
    margin-top: -18px; /* half of height */
    }
    
.insetfull .inset-youtube-modal-play-button {
    height:80px;
    width: 116px;
    background-position: 0 0;
    margin-left: -58px; /* half of width */
    margin-top: -40px; /* half of height */
    }   
a.inset-youtube-modal:hover .inset-youtube-modal-play-button {
    background-position: -50px -161px;
    }
    
.insetfull a.inset-youtube-modal:hover .inset-youtube-modal-play-button {
    background-position: -1px -79px;
    }


a.inset-youtube-modal img {
    width: 270px;
    }

.insetfull a.inset-youtube-modal img {
    width: 656px;
    margin-top: -62px;
    }
    
ul.inset-blog-listing {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

ul.inset-blog-listing li:last-child {
    padding-bottom: 0;
    }

ul.inset-blog-listing li {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    line-height: 16px !important;
    padding-bottom: 4px;
}
ul.inset-blog-listing a {
    font-size: 14px;
}
ul.inset-blog-listing span.inset-blog-date {
    color: #6c7d9b;
}


.inset_events ul, .inset_rss ul {
    list-style-type: none !important;
    list-style-position:outside !important;
    }
    
.inset_events li, .inset_rss li {
    padding: 5px 0 !important;
    margin: 0 !important;
    border-bottom: 1px dotted #666;
    }
    
.inset_events li, .inset_events p, .inset_rss li, .inset_rss p {
    font-size: 14px !important;
    }
    
.inset_events a, .inset_rss a {
    text-decoration: none !important;
    }
.inset_events a:hover, .inset_rss a:hover {
    text-decoration: underline !important;
    }
    
.inset_events span.date {
    display:block;
    font-weight:bold;
    }
    
a.calendar_more, a.rss_more {
    border: 1px solid #999;
    text-decoration: none !important;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
    float: right;
    background-color: #eee;
    }
    
a.calendar_more:hover, a.rss_more:hover {
    background-color: #ccc;
    text-decoration: none !important;
    }

div.sidebar {
    width: 250px;
    float: right;
    background: #d7d9cf;
    margin: 20px 0 0 20px;
    }

div.sidebar p {
    font-size: 73%;
    margin: 10px 20px;
    }

table.by-the-numbers {
    width: 302px;
    float: right;
    clear: right;
    margin: 0 0 30px 30px;
    border: none;
    }

table.by-the-numbers caption {
    font-size: 80%;
    color: #898b84;
    padding: 7px 10px;
    margin: 0;
    background: #d8e2be;
    border-bottom: 1px solid #fff;
    }

table.by-the-numbers tr {
    padding: 0 !important;
    margin: 0 0 0 0 !important;
    font-size: 100%;
    color: #71716c;
    border-top: 1px solid #fff;
    }

table.by-the-numbers td {
    padding: 0 10px 0 0;
    height: 60px;
    vertical-align: middle;
    background: #e5e9db;
    }

table.by-the-numbers td.number {
    font-size: 300%;
    line-height: 300%;
    color: #898b84;
    font-weight: bold;
    padding: 0 20px !important;
    }
/* -------- end main styles -------- */

/* -------- 2 columns -------- */
#center {
    width: 959px;
    margin: 0 auto;
    padding-bottom: 25px;
    overflow: hidden;
    }

.colmask {
    position:relative;      /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width: 959px;           /* width of whole page */
    overflow:hidden;    /* This chops off any overhanging divs */
    /* border: 1px solid #5e6974;
    border-width: 0 1px 0 1px; */
    /* border-bottom: 1px solid #545d68 */;
    }
        
.leftmenu {
    background: #cfd2aa;
    }

.leftmenu .colright {
    float:left;
    width:200%;
    position:relative;
    left:231px;
/* background:#fff url("../images/internal/main-bg.gif") 0 -79px repeat-x; */
    background-color: #ffffff;
    }

.leftmenu .col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:231px;
    }

.leftmenu .col1 {
    margin:0 0 0 230px;
    position:relative;
    right:100%;
    overflow:hidden;
    padding-bottom: 20px;
    border-left: 1px solid #cfd2aa;
    }

.leftmenu .col2 {
       float:left;
       width:230px;
       position:relative;
       right:230px;
       padding-top: 20px;
       /* padding-top: 45px;
      background: url("../images/internal/swoops.gif") 0 0 no-repeat; */
       }
/* -------- end 2 columns -------- */

/* -------- layout -------- */
#site-container {
    width: 100%;
    height: 150px;
    padding: 0;
    clear: both;
    }
/* -------- end layout -------- */

/* -------- header -------- */  
#header {
    float: left;
    clear: both;
    width: 959px; 
    height: 80px;
    border-bottom: none;
    margin-right: 10px;
    }

#header #logo span {
    display: none;
    }
                
#logo {
    width: 300px;
    height: 125px;
    margin: 20px 0 0 0;
    background: transparent url("../images/internal/logo-new.png") top left no-repeat;
    position: absolute;
    float: left;
    margin-left: -5px;
    clear: both;
    z-index: 1;
    }

#ie6-header {
    /* ie6 */_float: left;
    /* ie6 */_left: 0;
    /* ie6 */_margin-top: -34px;
    /* ie6 */_z-index: 1;
    /* ie6 */_height: 25px;
    /* ie6 */_width: 450px;
    /* ie6 */_background: url("../images/internal/ie6-header.gif") 0 0;
    }   
    
#role-nav {
    padding: 0 !important;
    margin: 0;
    position: absolute;
    right: 216px;
    border-right: 1px solid #cfd8a1;
    height: 29px;   
    }
    
#role-nav ul {
    padding-left: 9px;
    background-color: #214293;
    margin-top: 0;
    padding: 0 0 0 7px;
    height: 29px;
    width: 230px !important;
    float: left;
    border-radius: 0 0 0 4px;
    }
                
#role-nav li {
    display: inline;
    padding: 0 3px;
    font-size: 70%;
    line-height: 26px;
    margin-right: 0;
    }
            
#role-nav li.first {
    border: none;
    padding-left: 0;
    }

#role-nav li a  { color: #cfd8a1; }
        
#role-nav a:hover {
    color: #ffffff;
    text-decoration: none;
    }

#role-arrow {
    position: absolute;
    z-index: 3;
    background: #6889a9;
    right: 216px;
    _right: 211px;
    border-right: 1px solid #627d97;
    font-size: 70%;
    line-height: 26px;
    color: #373942;
    height: 29px;
    cursor: pointer;
    padding: 0 8px 0 5px;
    }

#role-arrow span {
    display: block;
    float: left;
    background: url("../images/internal/icons.png") -100px 0 no-repeat;
    width: 9px;
    height: 15px;
    margin: 6px 5px 0 0;
    }

#role-arrow.hover {
    color: #212226;
    }

#role-arrow.expanded span {
    background: url("../images/internal/icons.png") -109px 0 no-repeat;
    }
    
#search-box {
    position: relative; 
    margin: 0;
    top: 0;
    right: 0;
    }

#search {
    position: absolute;
    z-index: 4;
    right: 0;
    width: 215px ;
    background-color: #214293;
    padding: 4px 0 5px 1px;
    border-radius: 0 0 4px 0;
    }

.searchform input {
    width: 180px;
    float: right;
    padding: 2px 0 1px 2px !important;
    height: 15px;
    background: #fff;
    /* ie6 */_width: 175px;
    /* ie6 */_height: 15px;
        _position: absolute;
        _top: 4px;
    }
    
.searchform input.inert {
    background: #fff url("../images/internal/icons.png") -279px -41px no-repeat;
    }           

input.searchsend {
    width: 21px;
    height: 20px;
    background: transparent url("../images/internal/icons.png") -354px -1px no-repeat;
    outline: none; 
    border: 1px solid #ccd3aa;
    border-left: none;
    cursor: pointer;
    margin: 0 5px 0 0;
    border-radius: 0 4px 4px 0;
    }

input.searchsend:hover {
    background: transparent url("../images/internal/icons.png") -354px -21px no-repeat;
    cursor: pointer;
    }
    
#search input.field {
    font-size: 75%;
    border: 1px solid #ccd3aa;
    color: #505050;
    float: left;
    margin-left: 5px;
    border-radius: 4px 0 0 4px;
        }
        
#social-media-and-find-stuff-more {
    position: relative;
    margin: 0;
    padding: 0;
    }
#find-stuff-more {
    position: absolute;
    top: 35px;
    right: 0;
    }
    
#find-stuff-more ul {
    position: relative;
    z-index: 901;
    height: 28px;
    padding-right: 0;
    line-height: 26px;
    width: auto;
    float: right;
    }

#find-stuff-more li {
    display: block !important;
    float: left;
    position: relative;
    margin-right: 0;
    padding: 0;
    font-size: 75%;
    font-weight: bold;
    z-index: 100;
    line-height: 35px;
    height: 36px;
    }
#find-stuff-more li.last {
    border: 1px transparent solid;
    }
#find-stuff-more ul li.last:hover {
    background-color: #CCD3AA;
    border-radius: 4px 4px 0 0;
    border: 1px #8d915e solid;
    border-bottom: none;
    }
    

                
#find-stuff-more li a {
    color: #8d915e;
    display: inline;
        padding: 0 10px 0 10px;
        text-transform:uppercase;
    }
#find-stuff-more li.last a {
    display: block;
    }

#find-stuff-more li a:hover, #find-stuff-more li.last:hover a{
    color: #214293;
    text-decoration: none;
    }
#find-stuff-more ul li.last:hover ul a {
    color: #8d915e;
    }
    
#find-stuff-more ul li:hover ul a:hover{
    color: #214293;
    background-color: #dde2c3;
    }

#find-stuff-more ul ul {
    display: none;
    position: relative;
    z-index: 2;
    height:auto;
    padding-right: 0;
    line-height:normal;
    width: auto;
    float:none;
    background-color: #CCD3AA;
    border: 1px solid #8d915e;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
    margin-right: -1px;
    }

#find-stuff-more ul li:hover ul {
    display: block;
    position:absolute;
    right: 0;
    }

#find-stuff-more ul ul li{
    display:list-item;
    float: none;
    position: relative;
    margin-right: 0;
    padding: 0 !important;
    font-size: 100%;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    width: 255px;
    border-bottom: 1px dotted #8d915e;
    }

#find-stuff-more ul ul li.last-dropdown-item {
    border-bottom: 0;
    }

#social-media {
    position: absolute;
    top: 32px;
    right: 278px;
    background: transparent url("../images/internal/SocialMediaHub.png") no-repeat;
    }
#social-media a {
    width: 182px;
    height: 40px;
    display: block;
    }
#social-media span, .social_media_content .social-media-icon {
    width: 32px;
    height: 32px;
    display: block;
    float: left;
    margin-right: 5px;
    background: transparent url("../images/internal/social-media-whole-site.png") no-repeat;
    }
a.social-media-department-listing {
    width: 26px;
    height: 26px;
    background: transparent url("../images/internal/social-media-whole-site_26x26.png") no-repeat;
    display:inline-block;
    vertical-align:middle;
    margin: 0 0 0 2px;
    }
.social-media-department-group {
    margin-bottom: 5px;
    }
#social-media span a, .social_media_content span.social-media-icon a {
    width: 32px;
    height: 32px;
    display: block;
    }
#social-media-facebook, .social_media_facebook_content .social-media-icon {
    background-position: 0 0;
    }
#social-media-youtube, .social_media_youtube_content .social-media-icon {
    background-position: -128px 0 !important;
    }
#social-media-twitter {
    background-position: -96px 0 !important;
    }
    
a.social-media-department-listing-youtube {
    background-position: -104px 0 !important;
    }
a.social-media-department-listing-linkedin {
    background-position: -130px 0 !important;
    }
a.social-media-department-listing-pinterest {
    background-position: -182px 0 !important;
    }
a.social-media-department-listing-instagram {
    background-position: -156px 0 !important;
    }
a.social-media-department-listing-twitter {
    background-position: -78px 0 !important;
    }
a.social-media-department-listing-flickr {
    background-position: -26px 0 !important;
    }   
        
.social_media_twitter_content .social-media-icon {
    background: none !important; /*twitter has to behave differently since it needs to show the user icon from twitter (which may or not be ours if it's a retweet) */
    }
.social_media_twitter_content .social-media-icon img {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    }
#social-media-flickr, .social_media_flickr_content .social-media-icon {
    background-position: -32px 0 !important;
    }
#social-media-rss {
    background-position: -64px 0 !important;
    }
    
.social_media_content .social-media-date {
    display: block;
    }
    
.social_media_content .social-media-date a {
    font-weight: normal;
    }
    
.social-media-icon-title-time {
    padding: 10px;
    background-color: #C0D2D9;
    }
    
td.social_media_flickr_content img {
    width: 330px;
    }
a.social-media-flickr-img-containing-link {
    display: block;
    overflow:hidden;
    height: 186px;
    }
div.social-media-text-content {
    height: 166px;
    margin: 0 !important;
    padding: 10px !important;
    display:table-cell;
    vertical-align: middle;
    background-color: #E8F0EF;
    width: 310px;
    }
    

div.social-media-text-content a:link {color: #4c84b5 !important; text-decoration: none; font-weight: normal;}
div.social-media-text-content a:visited {color: #4c84b5 !important; text-decoration: none; font-weight: normal;}
div.social-media-text-content a:active {color: #4c84b5 !important; text-decoration: none; font-weight: normal;}
div.social-media-text-content a:hover{color: #426788 !important; text-decoration: underline; font-weight: normal;}
    
td.social_media_twitter_content div.social-media-text-content, td.social_media_facebook_content div.social-media-text-content {
    height: 131px;
    margin-bottom: 0 !important;
    }
    
#social-media-content table#youtube-video-listing.youtube-generic-listing td {
    border-bottom: none;
    }
#social-media-content .social-media-bottom-right-area {
    height: 35px;
    padding: 0 10px;
    background-color: #E8F0EF;
    margin: 0 !important;
    position: relative;
    }
#social-media-content a.social-media-fb-comments, #social-media-content a.social-media-fb-more {
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: #999999 !important;
    }
    
#social-media-content a.social-media-fb-comments:hover, #social-media-content a.social-media-fb-more:hover {
    color: #505359 !important;
    }
    
#social-media-content a.social-media-fb-more {
    left:auto;
    right: 10px;
    }
    
td.social_media_twitter_content .social-media-bottom-right-area a {
    float: right;
    width: 24px;
    height: 20px;
    margin-top: 5px;
    background: transparent url("../images/internal/twitter-icons.png") no-repeat;
    }
    
.social-media-twitter-retweet {
    background-position: -80px -100px !important;
    }
    
.social-media-twitter-retweet:hover {
    background-position: -107px -100px !important;
    }
    
.social-media-twitter-reply {
    background-position: -80px -82px !important;
    }
    
.social-media-twitter-reply:hover {
    background-position: -103px -82px !important;
    }
    
.social-media-twitter-favorite {
    background-position: -78px -120px !important;
    }
    
.social-media-twitter-favorite:hover {
    background-position: -99px -120px !important;
    }
#social-media-content {
    position: relative;
    min-height: 200px;
    }
#social-media-content div.loading {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../images/internal/loading-white-bg.gif) 50% 50% no-repeat;
    }
/* -------- end header -------- */

/* -------- category navigation -------- */
#category-nav {
    float: left;
    clear: both;
    width: 959px;
    margin: 35px -2px 0 0;
    text-align: right;
    /* border-bottom: 1px solid #757574; */
    height: 36px;
    }

#category-nav ul {
    position: relative;
    z-index: 2;
    height: 28px;
    padding-right: 0;
    line-height: 26px;
    width: auto;
    float: right;
    }

#category-nav li {
    display: block !important;
    float: left;
    position: relative;
    margin-right: 0;
    padding: 0;
    font-size: 75%;
    font-weight: bold;
    z-index: 100;
    line-height: 35px;
    height: 36px;
    }
    
#category-nav li.first {
    border: none;
    }
              
#category-nav li a {
    color: #8d915e;
    display: inline;
    padding: 0 10px;
    text-transform:uppercase;
    }
    
#category-nav li.last a {
    padding-right: 0;
    }
    
#category-nav li a:hover {
    color: #214293;
    text-decoration: none;
    }
/* -------- end category navigation -------- */

/* -------- left column -------- */
#left-content h3 {
    display: none;
    }

h2#left-nav-location {
    margin: 0 0 -10px 10px;
    padding-bottom: 0;
    width: 195px;
    color: #000000;
    font-size: 13px;
    line-height: 15px;
    /* background-color: #fff; */
    }

h2#left-nav-location a {
    color: #000000;
    }

h2#left-nav-location a span {
    display: block;
    float: left;
    background: url("../images/internal/icons.png") -436px -20px no-repeat;
    width: 16px;
    height: 16px;
    margin: -2px 2px 5px 0 !important;
    /* background-color: #fff; */
    }

ul.controls {
    position: absolute;
    right: 0;
    margin: -20px 1px 0 0;
    background: #a5a7a6;
    }

ul.controls li {
    padding: 2px 5px;
    font-size: 70%;
    margin: 3px 0;
    }
    
ul.controls span {
    width: 11px;
    display: block;
    cursor: pointer;
    font-weight: normal;
    color: #4a4845;
    }

ul.controls span:hover {
    color: #363432;
    }
        
ul.controls span.show-all {
    background: url("../images/internal/icons.png") -107px -44px no-repeat;
    height: 15px;
    } 

ul.controls span.hide-all {
    background: url("../images/internal/icons.png") -107px -30px no-repeat;
    height: 9px;
    }

ul.controls a {
    color: #6d6965;
    }
        
#sub-nav {
    padding: 0 10px 20px 10px;
    margin: 9px 0 0 0;
    
    font-size: 100%;
    /* cursor: pointer !important; */
    }

#sub-nav li.folder-contents > span > span, #sub-nav li.expand-contents > span > span {
    cursor: pointer !important;
    }

#sub-nav li {
    /* font-weight: bold; */
    color: #474747;
    clear: both;
    }
    
#sub-nav > li > span {
    padding: 0;
    /* font-weight: bold; */
    /* ie6 */ /*_height: 20px; */
    display: inline-block;
    clear: both;
    }

#sub-nav li > span > span, #sub-nav li > a > span {
    display: block;
    float: left;
    /* clear: both; */
    width: 14px;
    height: 11px;
    background: url("../images/internal/icons.png") -117px -63px; /* right arrow icon */
    padding: 0 4px 0 0 !important;
    margin: 3px 0 5px 0;
    /* _height: 7px !important;
    _display: inline-block; */
    border-bottom: none;
    }
    
#sub-nav span.folder-no-link {
    display: inline;
    float: none;
    width: auto;
    height: auto;
    background: none;
    margin-left: 0 !important;
    }

#sub-nav li.folder-contents span:hover {
    color: #000;
    }
    
#sub-nav ul {
    clear: both;
    margin-left: 18px;
    }       
#sub-nav ul li {
    padding: 0;
    /* font-size: 95%; */
    clear: both;
    /* margin-left: 20px; */
    }
        
#sub-nav li ul li a, #sub-nav a {
    display: inline;
    color: #474747;
    font-weight: normal;
    /* font-size: 100%; */
    padding: 0;
    }
    
#sub-nav li ul li a:hover, #sub-nav a:hover {
    color: #000 !important;
    text-decoration: underline;
    }

#sub-nav li > a > span {
    width: 14px;
    background-position: -117px -63px; /* right arrow icon */
    }
    
#sub-nav li > span.expanded_hover > span, #sub-nav li > span.expanded_click > span {
    width: 14px;
    background-position: -117px -74px; /* down arrow icon */
    }

#sub-nav li.thispage > a, #sub-nav li.thispage > span >span.folder-no-link, #sub-nav li.thispage > span > a {
    font-weight: bold;
    }

#sub-nav > li > a {
    padding-left: 0;
    }
ul.sub-nav-no-folders {
    margin-left: 4px !important;
    padding-top: 2px !important;
    }
/* -------- end left column -------- */

/* -------- middle column -------- */

#full-main #main-header, #gateway #main-header {
    float: left;
    position: relative;
    width: 959px !important;
    background: #fff;
    height: 27px;
    /* border: 1px solid #5e6974;
    border-width: 0 1px;
    border-bottom: 1px solid #d8dfc4; */
    z-index: 100;}

#full-main #main-content {
    background: #fff;
    float: left;
    width: 921px !important;
    /* border: 1px solid #5e6974;
    border-width: 0 1px; */
    }

#full-main span.location { 
    /* width: 900px; */
    }

#main-header {
    width: 100%;
    height: 28px;
    }
    
#main-content {
    font-size: 1.0em;
    padding: 0 20px;
    clear: both;
    }

#gateway #main-content {
    background-color:transparent;
    float: left;
    width: 959px !important;
    /* border: 1px solid #5e6974;
    border-width: 0 1px; */
    padding: 0;
    }

#main-content table { clear: both; }

#main-content ul, ol {
    color: #4f6070;
    list-style-position: inside;
    list-style-type: disc;
    margin: 0 0 .9em 2em;
    }

#main-content ol {
    list-style-type: decimal;
    }
        
#main-content li {
    color: #505459;
    margin-right: 20px;
    margin-bottom: .2em;
    line-height: 1.6em;
    list-style-position: outside;
    }
            
span.location {
    /* background: #fff url("../images/internal/bg-header.gif") 0 -85px no-repeat; */
    background-color: #214293;
    margin: 0;
    color: #515151;
    position: absolute;
    font-size: 70%;
    height: 28px;
    line-height: 27px;
    width: 100%;
    z-index: 100;
    padding-left: 10px;
    }

span.location a {
    color: #797d6f !important;
    line-height: 26px;
    font-weight: bold;
    padding-left: 3px;
    }
    
span.location a.home span {
    display: block;
    float: left;
    background: url("../images/internal/icons.png") -118px 0 no-repeat;
    width: 16px;
    height: 16px;
    margin: 5px 0 0 0 !important;
    }

span.location a:hover {
    color: #5b5e54 !important;
    text-decoration: none !important;
    }
        
span.location a.home:hover span {
    background-position: -118px -16px;
    text-decoration: none;
    }
#pomona_addthis {
        /* display: none; */
        position: absolute;
        right: 135px;
        margin: 6px 5px 0 0;
        z-index: 101;
        /* float: right; */
        height: 5px;
        
        /* ie6 */_margin-right: -2px;
        }   
#tools {
    position: absolute;
    right: 0;
    padding: 0 15px 0 10px;
    margin: 0 0 0 0;
    height: 27px;
    line-height: 27px;
    z-index: 101;
    /* border-bottom: 1px solid #d0c891; */
    }

#full-main #tools, #gateway #tools, #tools.half {
    /* background: #fff; */
    }

#tools.half{
    padding-left: 200px;
    }
    
#tools li {
    margin: 1px 8px 0 0;
    float: left;
    cursor: pointer !important;
    list-style-type: none;
    font-size: 100%;
    }

#tools li.last {
    margin-right: 0;
    }
    
#tools li a {
    color: #ccc;
    text-decoration: none;
    }

#tools li span {
    display: inline-block;
    color: #ccc;
    font-size: 70% !important;
    line-height: 26px;
    height: 27px;
    font-weight: normal;
    /* ie6 */_display: inline-block;
    }

#tools li span span {
    display: block;
    float: left;
    _display: block;
    }
    
#tools li span:hover {
    color: #ececec;
    }
        
#tools li span.increase-text .icon {
    background: url("../images/internal/icons.png") 0 -49px;
    background-repeat:no-repeat;
    width: 16px;
    margin-right: 2px;
    }

#tools li span.increase-text:hover .icon{
    background-position: 0 -74px;
    }
    
#tools li span.decrease-text .icon {
    background: url("../images/internal/icons.png") -16px -49px;
    background-repeat:no-repeat;
    width: 16px;
    margin-right: 2px;
    }

#tools li span.decrease-text:hover .icon {
    background-position: -16px -74px;
    }
            
#tools li.print span.icon {
    background: url("../images/internal/icons.png") -32px 0;
    width: 16px;
    margin-right: 5px;
    }

#tools li.print:hover span.icon {
    background-position: -32px -27px;
    }
    
body.print {
    background: #fff;
    }
    
body.print * {
    visibility: hidden;
    }

body.print #main * {
    visibility: visible;
    }

body.print #tools li {
    display: none;
    }
    
body.print #tools li.print {
    display: block;
    }
        
body.print #main {
    visibility: visible;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    padding: 10px;
    }
    
body.print #main-content {
    width: 700px;
    }
    
#tools li.print span.cancel {
    background: url("../images/internal/icons.png") -60px -160px;
    padding-left: 18px;
    }

#tools li.print span.cancel:hover {
    background-position: -60px -186px;
    }
    
#tools li span.share .icon {
    background: url("../images/internal/icons.png") -48px 0;
    width: 13px;
    margin-right: 3px;
    }

#tools li span.share:hover .icon {
    background-position: -48px -27px;
    }
            
#tools li span.rss .icon {
    background: url("../images/internal/icons.png") -32px -49px;
    width: 16px;
    margin-right: 4px;
    }

#tools li span.rss:hover .icon {
    background-position: -32px -74px;
    }
    
#tools-divider {
    position: absolute;
    right:125px;
    top: 4px;
    z-index: 102;
    font-weight:bold;
    color:#cccccc;
    }
    
.pomona_addthis_abbreviated {
    right: 2px !important;
    }
    
.tools-divider_abbreviated {
    right: 67px !important;
    }

div.vimeo-video { margin-bottom: 20px;}         
/* -------- end middle column -------- */

/* -------- home page -------- */
#news-and-events {
    position: absolute;
    left: 235px;
    height: 176px;
    width: 385px;
    overflow: hidden;
    margin: 15px 0 0 15px;
    background: transparent;
    }

#ne-h2 {
    width: 400px;
    /* background: #e5e5e5; */
    margin: 0;
    /* height: 22px; */
    position: absolute;
    -moz-border-radius: 5px;
    padding-bottom: 5px;
    }

#active-tab { background: #fff; -moz-border-radius: 5px; width: 60px; height: 22px; position: relative; z-index: 50; margin: 0; }
    
#news-and-events h2 {
    font-weight: bold;
    display: block;
    float: left;
    font-size: 75%;
    /* height: 22px; */
    color: #bfbfb8;
    /* line-height: 22px; */
    text-align: center;
    margin: 0 5px 0 0;
    padding: 0;
    cursor: pointer;
    position: relative;
    z-index: 100;
    padding: 0 6px 0 0;}

#news-and-events h2 span { 
    width: 7px; 
    height: 7px; 
    display: block;
    float: left;
    padding: 0; 
    background: url(/images/internal/home/spotlight-arrows.png) -129px -54px ; 
    margin: 4px 3px 0 0;
    _position: relative !important;
    _height: 1px;}
    
h2.home, .news-events h2 {
    font-size: 75%;
    color: #595856;
    font-weight: bold;
    margin: 0 0 3px 0;
    padding: 0;
    /* border: 1px solid #83847f; */
    }
        
#news-and-events h2.active { color: #595856;}       
#news-and-events h2.active span {
    background-position: -121px -54px;;
    }

#news-and-events ul, #gateway-news ul { padding-top: 2px; }
#gateway-news ul { margin-left: 0; min-height: 300px;} 
#news-and-events li, #gateway-news li {
    line-height: 120%;
    /* border-bottom: 1px solid #484a46; */
    text-decoration: none;
    font-size: 70%;
    padding: 0 5px 0 0;
    list-style-type: none;
    color: #949994;
    display: block;
    margin: 8px 20px 0 12px;
    clear: both;}

.hp-bullet {
    width: 10px;
    height: 11px;
    display: block;
    float: left;
    background: url(/images/internal/icons.png) -161px -52px;
    margin: 2px 6px 20px 0;
    padding: 0;
    
    }
    
#news-and-events span.date { display: block; float: left; margin: 0 5px 0 0;font-weight: normal; }
#news-and-events span.news-text { margin: 0; font-weight: normal; 
     
        -moz-border-radius: 3px; padding: 0 3px;}
#news-and-events li a, #gateway-news li a {
    color: #555555;
    text-decoration: none;
    }

#news-and-events li.odd { /* background: #484a46; -moz-border-radius: 5px; */ }
/* #news-and-events li.odd a { color: #636363;} */
#news-and-events li a:hover, #gateway-news li a:hover {
    color: #000;
    }

#news, #events, #tweets {
    -moz-border-radius: 5px;
    position: absolute;
    top: 21px;
    left: 0;
    margin: 0 0 0 0;
    width: 360px;
    height: 152px;
    -moz-border-radius: 5px;
    border: 1px solid #e0e0de;
    border-right: none;}

#news {
    z-index: 100;
    }

#events {
    margin-left: 465px;
    }

#news-and-events h2 a { font-weight: normal; color: #bfbfb8 !important;}

#feature-1 { background: transparent; width: 240px; position: absolute; right: 15px; margin: 15px 0 0 0;    
    padding: 0 0 0 15px;}

#feature-1 div.loading { position: absolute; width: 240px; height: 160px; top: 20px; left: 10px; z-index: 2000; background: #fff url(../images/internal/loading-white-bg.gif) 50% 50% no-repeat; }

#feature-1 img, #flickr-department-gallery img { position: relative; margin: 0 !important; padding: 0 !important; font-size: 1px; }
.hp-img, .flickr-img { position: relative; float: left; margin: 2px 5px 2px 0 !important; padding: 0 !important; width: 75px !important; height: 75px !important;}
.hp-img img, .flickr-img img { position: absolute; margin: 0 !important; padding: 0 !important; width: 75px; height: 75px; border: none;}
.hp-img span.border, .flickr-img span.border { position: absolute; margin: 0; padding: 0 !important; top: 0; left: 0; display: block; width: 75px; height: 75px !important; z-index: 170; background: url(/images/internal/home/hp-img.png) 0 0; _visibility: hidden;}  
.hp-img span.screen, .flickr-img span.screen { position: absolute; margin: 0; padding: 0 !important; top: 0; left: 0; display: block; width: 75px; height: 75px !important; z-index: 150; background: url(/images/internal/home/hp-img.png) 75px 0; opacity: 1; _visibility: hidden;}   

#flickr-department-gallery { width: 100%; position: relative; height: 410px; margin-bottom: 20px; }
#flickr-department-gallery #slideshow { width: 536px; height: 380px; float: right; background: #fff; overflow: hidden !important; position: relative;}
#flickr-department-gallery #thumbs { float: left; width: 152px; }
#flickr-department-gallery #slideshow img { position: absolute; top: 0; left: 0; float: left; width: 570px; height: auto; }
#thumbs { float: left;}
#thumbs ul { width: 152px; height: 380px; margin: 0 0 -5px 0; float: right;}
#thumbs li { display: block; float: left; line-height: 90%; margin: 0 1px 0 0; padding: 0;}
#flickr-department-gallery .bottom-controls { background: none; }
#flickr-department-gallery .pagination { float: left; height: 30px; width: 155px; margin: 5px 0; opacity: 1; font-weight: normal;}
#flickr-department-gallery .pagination p { font-size: 80%; }
#flickr-department-gallery .pagination span, #flickr-department-gallery .pagination a { margin: 0 3px 0 0;}

#feature-1 p.flickr-link { font-size: 75%; margin: -20px 15px 1px 121px; color: #b3b3b3; }
#feature-1 p.flickr-link a { color: #bfbfb8;}
#feature-2 { width: 210px; height: 153px; position: absolute; left: 20px; margin: 15px 0 0 0;   
    -moz-border-radius: 5px; /* border: 1px solid #dbded5; */}
#feature-2 #apply-explore { display: block; background: url(/images/internal/home/apply-explore.jpg) 0 0; width: 210px; height: 80px; margin-top: 5px;}
#feature-2 #invest-in-pomona { display: block; background: url(/images/internal/home/apply-explore.jpg ) -210px 0; width: 210px; height: 80px; margin-top: 0;}
#feature-2 #campaign-pomona { display: block; background: url(/images/internal/home/daring-minds-small.jpg ) -210px 0; width: 210px; height: 75px; margin-top: 5px !important;}
#feature-2 #give-now { display: block; background: url(/images/internal/home/give-now.jpg ) -210px 0; width: 210px; height: 75px; margin-top: 4px;}
#feature-2 #commencement { display: block; background: url(/images/internal/home/commencement.jpg ) -210px 0; width: 210px; height: 75px; margin-top: 5px !important;}

#feature-2 #annual-fund { width: 210px; height: 155px; background: url(/images/internal/home/pomona-home-link.gif); display: block;}


#feature-2 #pomona-125 { display: block; float: left; background: url(/images/internal/home/125-home.jpg ) -200px 0; width: 100px; height: 154px; margin-top: 5px !important; margin-right: 5px;}
#feature-2 #give-now-vertical { display: block; float: left; background: url(/images/internal/home/give-now-vertical.jpg ) -200px 0; width: 100px; height: 154px; margin-top: 5px;}



#feature-2 #year-end-june30 { width: 210px; height: 155px; background: url(/images/internal/home/year-end-june30.jpg); display: block;}
#feature-2 #year-end-dec31 { width: 210px; height: 155px; background: url(/images/internal/home/year-end-link.jpg); display: block;}

#feature-2 span { display: none; }

#weather-widget { position: absolute; z-index: 1000; right: 0; background: #fff; width: 90px; top: 10px; right: 10px; height: 60px; }

#weather-widget div.temp { position: absolute; top: 5px; right: 5px; background: url(../images/internal/home/w-temp-bg.png); width: 30px; height: 30px; }
#weather-widget p { font-size: 80%;color: #636467; margin: 5px 0 0 2px; padding: 0; text-align: center; font-weight: bold; }
#weather-widget p.loc { font-size: 70%; font-weight: normal; margin-top: -5px; }
#weather-widget span.temp-unit { font-weight: normal; font-size: 80%; }
#weather-widget div.weather-icon { position: relative; margin: 10px auto 5px auto; background: url(../images/internal/home/weather-icons.gif)  }

#weather-widget div.light-rain { background-position: -239px 0; width: 61px; height: 59px; }
#weather-widget div.rain { background-position: -300px 0; width: 53px; height: 47px; }
#weather-widget div.heavy-rain { background-position: -353px 0; width: 54px; height: 50px; }
#weather-widget div.light-snow { background-position: -753px 0; width: 61px; height: 61px;}
#weather-widget div.snow { background-position: -459px 0; width: 54px; height: 49px;}
#weather-widget div.mixed-snow { background-position: -407px 0; width: 52px; height: 49px; }
#weather-widget div.haze { background-position: -700px 0; width: 53px; height: 49px; }
#weather-widget div.thunderstorms { background-position: -513px 0; width: 53px; height: 61px; }
#weather-widget div.light-thunderstorms { background-position: -630px 0; width: 70px; height: 66px; }
#weather-widget div.partly-cloudy-day, #weather-widget span.partly-cloudy { background-position: -43px 0; width: 58px; height: 43px; }
#weather-widget div.cloudy { background-position: -175px 0; width: 64px; height: 27px; }
#weather-widget div.cloudy-night { background-position: -566px 0; width: 65px; height: 36px; }
#weather-widget div.mostly-cloudy-day { background-position: -101px 0; width: 74px; height: 44px; }
#weather-widget div.clear-night { background-position: -814px 0; width: 33px; height: 32px; }
#weather-widget div.sunny, #weather-widget div.clear  { background-position: 0 0; width: 43px; height: 43px; }



.home_column {
    width: 330px;
    float:left;
    position: relative;
    }
#home_col1 {
    margin-right: 15px;
    }
#home_col2 {
    margin-right: 14px;
    }
#home_col3 {
    width: 270px;
    }
.home_column_feature, .gateway_column_feature {
    position: relative;
    background-color: #fff;
    margin-top: 15px;
    }
.home_column_feature .home_feature_overlay, .gateway_column_feature .gateway_feature_overlay {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* background: rgba(255, 255, 255, 0.8); */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:10;
    padding: 25px 30px 10px 30px;
    opacity: 0;
    display: none;
    }
.home_column_feature.bottom_feature .home_feature_overlay {
    padding-top: 60px;
    }
#home_col3 .home_column_feature img, #features .bottom_feature img, .gateway_column_feature img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:1;
    }
#features #home_flickr_photo.bottom_feature img {
    width: 100% !important;
    height: auto !important;
    }
#home_flickr_photo a {
    overflow: hidden;
    }
#home_col3 .home_column_feature, .gateway_column_feature {
    height: 110px;
    }
#home_col3 .home_column_feature a h2, #home_col3 .home_column_feature a:hover h2, #features .bottom_feature a h2, #features .bottom_feature a:hover h2, #home_headlines a h2, #home_headlines a:hover h2, .gateway_column_feature a h2, .gateway_column_feature a:hover h2 {
    text-decoration: none;
    color: #fff !important;
    }
.home_column_feature a .home_feature_overlay h3, .home_column_feature a:hover .home_feature_overlay h3, .gateway_column_feature a .gateway_feature_overlay h3, .gateway_column_feature a:hover .gateway_feature_overlay h3 {
    text-decoration: none;
    color: #214293;
    font-size: 1em;
    margin: 0 0 5px 0;
    font-weight: bold;
    }
    
.home_column_feature a .home_feature_overlay p, .home_column_feature a:hover .home_feature_overlay p, .gateway_column_feature a .gateway_feature_overlay p, .gateway_column_feature a:hover .gateway_feature_overlay p {
    text-decoration: none;
    color: #000;
    font-size: .8em;
    line-height: 1.3em;
    }
    
.home_column_feature h2, .gateway_column_feature h2, #gateway-links h2, #gateway-description h2, #gateway-announcements h2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 150px;
    padding: 0 0 0 5px;
    white-space: nowrap;
    overflow:hidden;
    background-color: #214293;
    color: #fff;
    font-size: .8em;
    line-height: 1.5em;
    text-transform: uppercase;
    margin: 0;
    float: left;
    position: relative;
    z-index:5;
    }

#home_col1 .home_column_feature h2, #home_col2 .home_column_feature h2 {
    width: 182px;
    }

#home_flickr_photo, #home_col2 .bottom_feature {
    height: 175px;
    }

#home_flickr_photo a {
    display: none;
    }

a#home_visit_flickr_gallery, a#home_visit_flickr_gallery:hover {
    color: #ffffff;
    text-decoration: none;
    }
    
#flickr-hidden {
    display: none;
    }

#home_headlines {
    height: 420px;
    }

#home_headlines img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index:1;
    }
    
#home_headlines_text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 175px;
    padding: 10px 10px 0 10px;
    
    width: 100%;
    }
    
#home_headlines_text p {
    margin: 5px 0;
    display: block;
    position: static;
    font-size: .8em;
    line-height: 1.5em;
    }
    
#home_headlines_text hr {
    border: 0;
    width: 90%;
    color: #8d915e;
    background-color: #8d915e;
    height: 1px;
    margin: 10px auto 10px auto;
    }
    
#home_headlines_text a {
    font-size: .8em;
    display: block;
    }
#home_headlines_other a {
    margin-bottom: 10px;
    }
#home_headlines_main_text_link {
    font-size: .9em !important;
    }
    
#home_upcoming_events {
    height: 190px;
    }
#home_pomona_live {
    height: 215px;
    }
#home_tweets {
    position:absolute;
    top: 55px;
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

#home_tweets a, #home_follow_twitter a {
    display: none; /* don't want to see placeholder "a" tag that's replaced by twitter iFrame */
    }

#home_follow_twitter {
    position:absolute;
    top: 40px;
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

    
#home_twitter_branding {
    position:absolute;
    top: 35px;
    left: 10px;
    color: #214293;
    }


a.full_height_width {
    display:block;
    width:100%;
    height: 100%;
    position: relative;
    text-decoration: none !important;
    }
    
    
#features div.loading {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../images/internal/loading-white-bg.gif) 50% 50% no-repeat;
    }
    
#home_events {
    display:block;
    clear:both;
    padding: 10px 10px 0 10px;
    }
    
#home_events li {
    padding: 0 0 8px 0;
    }
    
.home_more {
    text-transform: uppercase;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: .8em;
    }
#pomona_footer_logo {
    width: 304px;
    float: left;
    }
#pomona_footer_logo img {
    height: 90px;
    margin: 0 0 0 30px;
    }
#home_claremont_colleges_footer {
    padding: 20px 0 15px 0;
    }
#other_members_of_claremont_colleges_footer {
    width: 655px;
    float: left;
    }
#other_members_of_claremont_colleges_footer_text {
    color: #214293;
    font-size: .75em;
    padding: 0 0 5px 0;
    }
.other_members_of_claremont_colleges_logo a {
    display: inline-block;
    width: 85px;
    height: 70px;
    float: right;
    margin-left:10px
    }
.other_members_of_claremont_colleges_logo.other_members_first a {
    margin-left: 0;
    }
#other_member_kgi a {
    background: url(../images/internal/7CollegeLogos.png) -590px 0px no-repeat;
    }
#other_member_kgi a:hover {
    background-position: -590px -70px;
    }   
#other_member_pitzer a {
    background: url(../images/internal/7CollegeLogos.png) -488px 0px no-repeat;
    }
#other_member_pitzer a:hover {
    background-position: -488px -70px;
    }
#other_member_harvey_mudd a {
    background: url(../images/internal/7CollegeLogos.png) -382px 0px no-repeat;
    }
#other_member_harvey_mudd a:hover {
    background-position: -382px -70px;
    }   
#other_member_cmc a {
    background: url(../images/internal/7CollegeLogos.png) -276px 0px no-repeat;
    }
#other_member_cmc a:hover {
    background-position: -276px -70px;
    }
#other_member_scripps a {
    background: url(../images/internal/7CollegeLogos.png) -176px 0px no-repeat;
    }
#other_member_scripps a:hover {
    background-position: -176px -70px;
    }
#other_member_cuc a {
    background: url(../images/internal/7CollegeLogos.png) -96px 0px no-repeat;
    }
#other_member_cuc a:hover {
    background-position: -96px -70px;
    }
#other_member_cgu a {
    background: url(../images/internal/7CollegeLogos.png) -4px 0px no-repeat;
    }
#other_member_cgu a:hover {
    background-position: -4px -70px;
    }

/* -------- end home page -------- */


/* -------- news -------- */

#news-header {
    width: 959px;
    height: 98px;
    background-color: #fff;
    margin-left: -20px;
    margin-top: -20px;
    margin-bottom: 10px;
    }

.news h1 {
    clear: both;
    }

.news .main-content-col { width: 959px; padding: 0 0 85px 0; position: relative; }

.news-home h1 {
    display: none;
    }


#news-navigation ul {
    display: inline;
    margin: 0 0 0 -10px;
    height: 25px;
    }

#news-navigation p {
    color: #a0a59e;
    float: left; 
    line-height: 30px;
    font-size: 70%;
    margin: 0 7px 0 10px;
    }

#news-navigation li {
    display: inline;
    list-style-type: none;
    font-size: 70%;
    line-height: 30px;
    }

#news-navigation li {
    color: #a0a59e;
    font-weight: bold;
    margin: 0 7px;
    padding: 0;
    cursor: pointer;
    }

#news-navigation li:hover {
    color: #464b44;
    }

#news-navigation li ul {
    opacity: .95;
    margin: 0 !important;
    padding: 0;
    }

#news-navigation li ul li {
    font-size: 100%;
    line-height: 120%;
    padding: 5px 10px;
    margin: 0;
    background: #798175;
    width: 100%;}

#news-navigation li ul li a {
    color: #464b44;
    font-weight: bold;
    }


#news-navigation {z-index: 900;background: #CFD2AA; margin: 0; height: 30px; width: 959px; margin-left: -20px; background-image: none; margin-bottom: 20px; position: relative; clear: both;}
#news-navigation p, #news-navigation a, #news-navigation li { color: #60665d;}

.news-img, .news-video { position: relative; float: left; margin: 2px 5px 2px 0 !important; padding: 0 !important; width: 75px !important; height: 75px !important;}
.news-img img, .news-video img { position: absolute; margin: 0 !important; padding: 0 !important; width: 75px; height: 75px; border: none;}
.news-img span.border, .news-video span.border { position: absolute; margin: 0; padding: 0 !important; top: 0; left: 0; display: block; width: 75px; height: 75px !important; z-index: 170; background: url(/web/dev/news/containers.png) 0 0; _visibility: hidden;}    
.news-img span.screen, .news-video span.screen { position: absolute; margin: 0; padding: 0 !important; top: 0; left: 0; display: block; width: 75px; height: 75px !important; z-index: 150; background: url(/images/internal/news/containers.png) -75px 0; opacity: 0; _visibility: hidden;}    

.news-video, .news-video img, .news-video span.border, .news-video span.screen { width: 105px !important; height: 75px !important;}
.news-video span.border { background-position: 0 -75px;}
.news-video span.screen { background-position: -105px -75px;}

.dd-arrow {
    display: inline-block;
    width: 14px;
    height: 8px;
    background: url(../images/internal/icons.png) -263px -41px;
    }

.main-content-col {
    float: left;
    /* width: 650px; */
    /* NKS commented out above width and added below width */
    width: 100%;
    /* padding-bottom: 20px; */
    }

.main-content-col h1 {
    width: 100%; /* NKS added width to go along with above change */
    }

p.news-byline {
    margin: -25px 0 20px 0;
    font-size: 70%;
    color: #979c95;
    }

p.news-byline a, p.news-tt a {
    color: #979c95;
    }

p.news-tt {
    font-size: 70%;
    color: #979c95;
    }

.news-border {
    height: 1px;
    background: #dfdfdf;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    }


div.news-body h2, div.alumni-event h2 {
    margin-top: 0;
    }

div.news-body {
    float: left;
    }

div.news-md {
    width: 190px;
    float: right;
    }

div.news-md a, div.news-md-image a {
    color: #979c95;
    }

div.news-md p, div.news-md-image p {
    font-size: 70%;
    margin-top: 0;
    color: #979c95;
    }

span.tags-icon {
    display: inline-block;
    width: 17px;
    height: 10px;
    background: url("../images/internal/icons.png") -194px -41px no-repeat;;
    margin: 4px 3px 0 0;
    }

#news-navigation span.tags-icon {
    float: none;
    position: relative;
    top: 1px;
    display: inline-block;
    background-position: -194px -51px;
    }

.news-tt span.tags-icon {
    margin: 0 3px 0 10px;
    }

span.type-icon {
    display: inline-block !important;
    width: 13px;
    height: 10px;
    background: url("../images/internal/icons.png") -211px -41px no-repeat;;
    margin: 4px 6px 0 0;
    }

#news-navigation span.type-icon {
    float: none;
    position: relative;
    top: 1px;
    display: inline-block;
    background-position: -211px -51px;
    margin-right: 3px;
    }

.news-tt span.type-icon {
    margin: 0 3px 0 0;
    }

span.categories-icon {
    display: inline-block;
    width: 13px;
    height: 10px;
    background: url("../images/internal/icons.png") -224px -41px no-repeat;;
    margin: 4px 6px 0 0;
    }

#news-navigation span.categories-icon {
    float: none;
    position: relative;
    top: 1px;
    display: inline-block;
    background-position: -224px -51px;
    margin-right: 3px;
    }

.news-byline span.categories-icon {
    margin: 0 3px 0 10px;
    }

span.date-icon {
    display: inline-block !important;
    width: 13px;
    height: 10px;
    background: url("../images/internal/icons.png") -237px -41px no-repeat;
    margin: 4px 6px 0 0;
    border-radius: 5px;
    }
div.styled-select {
   overflow: hidden;
   background-color: #EBEDD2;
   border-radius: 5px;
   margin: 0 10px;
   }
div.styled-select select {
   width: 100%;
   background: transparent;
   font-size: 12px;
   color: #474747;
   border: 0;
   border-radius: 10px;
   padding: 5px;
   box-shadow: none !important;
   }
div.styled-select select option {
   padding: 0 5px;
   }
#news-navigation span.date-icon {
    float: none;
    position: relative;
    top: 1px;
    display: inline-block;
    background-position: -237px -51px;
    margin-right: 3px;
    }

.news-byline span.date-icon {
    margin: 0 3px 0 10px;
    }

#stories { position: relative;}
h3.archive { clear: both; width: 100%; font-size: 90%; text-align: center; line-height: 30px; margin: 20px 0 0 0; background: url(/images/internal/news/h2-bg.png); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
h3.archive a { display: block; }
.news-item { 
    width: 100%;
    border-bottom: 3px solid #214293 !important; 
    margin: 0 !important;
    padding: 10px 0 10px 0 !important;
    }
    
.news-item .news-body { padding: 0 !important; width: 100%;}

.news-body p {margin-bottom: 10px;}
.news-item img { 
    width: 190px;
    margin: 8px 10px 10px 0;
    height: 190px;
    float: left;
    }
    
.news-item h2 { padding: 5px 0; font-size: 100%; margin: 0;}
.news-item h2 a:hover {text-decoration: none;}
.news-md-image { width: auto; }
.news-md-image p { margin-bottom: 5px;}
span.categories-icon { margin-left: 15px; }

    /* header icons */
#twitter { width: 100%; height: 90px; float: left; position: relative; padding: 0 0 0 0; }
#twitter .logo a { background: url(/images/internal/news/header-icons.png) no-repeat; width: 54px; height: 39px; float: left; margin: 28px 10px 25px 20px;}
#twitter .logo a:hover {background-position: 0 -41px;}
#tweets { padding: 0; margin: 0 15px 0 0; position: absolute; left: 66px; top: 15px; background: url(/images/internal/news/tweet-bg.png); -moz-border-radius: 5px; height: 68px; width: 845px;}
#tweets li { float: left; width: 380px; display: inline; height: 68px; color: #59664e; font-size: 75%; line-height: 130%; margin: 0; padding: 0; padding: 10px 20px 0 20px;}
#tweets li.first { border-right: 1px solid #dbe3d4;}
#tweets li a { font-weight: bold; color: #59664e; }
span.created, span.created a { color: #7b8771 !important;}

#flickr img, #vimeo img { position: relative;}
#flickr { width: 500px; height: 75px; float: left; margin-top: 7px;}
#youtube { margin-top: 7px; position: relative; float: left; width: 530px; height: 75px;}
#flickr .logo a {background: url(/images/internal/news/header-icons.png) -54px -35px; width: 43px; height: 34px; margin: 25px 28px; float: left;}
#flickr .logo a:hover {background-position: -54px 0;}
#flickr img, #vimeo img {  margin-right: 5px;}
#flickr .logo, #vimeo .logo { z-index: 100; position: relative;}
#vimeo .videos { float: left; margin: 7px 0 0 25px;}
#vimeo .logo a {background: url(/images/internal/news/header-icons.png) -97px -41px; width: 46px; height: 40px; margin: 26px 0 0 45px; float: left;}
#vimeo .logo a:hover {background-position: -97px 0;}
    /* end header icons */

.read-more { width: 450px; height: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 200; opacity: 0; filter: alpha(opacity = 0); }
.news-item .hover .read-more, .news-item-small .hover .read-more { display: block;}
.read-more a { width: 100%; height: 100%; position: absolute; padding: 0 !important; margin: 0 !important; display: block !important; z-index: 300;}
.read-more span.explore-screen { width: 450px; height: 100%; background: #cccccc; opacity: .5; filter: alpha(opacity = 50); position: absolute; left: 0; padding: 0 !important; margin: 0 !important; }
.read-more .more { position: relative; top: 50%; left: 50%; background: url(/images/internal/news/read-more.png); width: 112px; height: 46px; margin-top: -23px; margin-left: -56px; display: block; z-index: 300;}

ul.news-archive { margin: 0 0 0 0 !important; padding: 0;}
ul.news-archive li { list-style-type: none; font-weight: bold; list-style-position: inside; margin: 0 0 0 10px !important; padding: 0 !important; }
ul.news-archive li li { list-style-type: disc; font-weight: normal; list-style-position: inside; font-size: 100%; padding: 0; margin-left: -15px !important; color: #45484d !important;}

/* --------end news -------- */

/* alumni news */
.alumni-border {
    height: 1px;
    background: #dfdfdf;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    }

.alumni-border { margin: 0; }
div.news-item {
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: 1px solid #dfdfdf;
    }

div.alumni-event {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #dfdfdf;
    }

div.alumni-event span.date-location, div.event-title span.date { background: #e8ebed; color: #7d8d98; font-size: 75%; padding: 5px 10px; margin: -4px 4px 0 0; font-weight: bold; -moz-border-radius: 5px; float: right;}
div.event-title span.date { float: left; margin-right: 5px; }
div.alumni-event span.date-location span.loc { font-weight: normal;}
.alumni-event-title, .event-title { clear: both;}
.alumni-event-title h2 { font-size: 80%; display: inline-block; width: 620px; margin: 0; padding: 10px 0; float: left;}
.event-title h3 { font-size: 1.1em !important; display: inline-block; margin: 0 !important; padding: 5px 0 !important; float: left;}
.alumni-event-body { display: none; clear: left;}
.alumni-event span.more { float: right; cursor: pointer; margin-top: 6px; display: block; width: 65px; height: 25px; background: url(/images/internal/alumni-events.gif) no-repeat; float: right;}
.alumni-event span.hover { background-position: -65px 0; }
.alumni-event span.expanded { background-position: -130px 0;}
.alumni-event span.expanded-hover { background-position: -195px 0;}

.events-left, .events-right {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 15px;
    }

.gateway-description-h3-exists .events-left, .gateway-description-h3-exists  .events-right {
    margin-top: 0;
    }
    
div.event-title span.date {
    font-size: 100%;
    }
.events-left {}
.events-right { padding: 0 0 0 10px; }

div.registration-link, div.registration-link-full, div.registration-link-message { background: #dbe3d4; -moz-border-radius: 5px; border: 1px solid #ceddcd; float: left; height: 32px; padding: 0 10px; margin: 5px 10px 0 0}
div.registration-link a, div.registration-link-message a, div.registration-link-full span.full { color: #80827f; font-size: 80%; line-height: 32px; font-weight: bold;}

div.registration-link-full { background: #dfc1ae; border: 1px solid #bfa899;}
div.registration-link-message { background: #dcdebb; border: 1px solid #c5c7a5;}

div.alumni-img { width: 150px; height: 150px; float: right; margin: 4px 0 0 10px;}

/* end alumni-news */


/* -------- 2 column nested list & collapse, general link icons -------- */
ul.collapse * {
    font-size: 100%;
    line-height: 11px !important;
    /* cursor: pointer; */
    margin-right: 0;
    }

ul.collapse li { margin: 0; }

ul.collapse li {
    list-style-type: none;
    padding: 0;
    margin-right: 0 !important;
    margin-top: .5em;
    line-height: 2em;
    }

ul.collapse a {
    color: #505459;
    /* padding-left: 4px; */
    }

ul.collapse span, ul.collapse a {
    font-size: 80%;
    }
    
ul.collapse span > a {
    font-size: 100%;
    }

ul.collapse li span {
    font-size: 80% !important;
    margin-bottom: 5px;
    }

ul.collapse li > span > span {
    cursor: pointer;
    }

ul.collapse li > span > span, ul.collapse li > a > span {
    display: block;
    float: left;
    width: 14px;
    height: 11px;
    margin: 1px 0 2px 0;
    background: url("../images/internal/icons.png") -134px -63px; /* down arrow icon */
    padding-right: 4px;
    }
ul.collapse a span {
    margin-right: 0;
    }
    
ul.collapse span.folder-no-link {
    float: none;
    display:inline;
    width: auto;
    height:auto;
    background:none;
    font-size: 100% !important;
    /* padding-left: 4px; */
    }
    
ul.collapse li.expand-contents > span > span {
    width: 14px;
    background-position: -134px -63px; /* right arrow icon */
    }
ul.collapse li > span.expanded_hover > span, ul.collapse li > span.expanded_click > span {
    width: 14px;
    background-position: -134px -74px; /* down arrow icon */
    }

ul.collapse li > a > span {
    width: 14px;
    background-position: -134px -63px; /* right arrow icon */
    }
    
ul.collapse li.folder-contents, ul.collapse li.expand-contents {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

ul.collapse li ul { display: none; }

ul.collapse ul {
    margin: 0 0 0 15px !important;
    padding-bottom: 0 !important;
    font-size: 100% !important;
    padding-right: 0;
    overflow:hidden;
    }

ul.col-left, ul.col-right {
    width: 400px;
    border-left: 1px solid #b9bab3;
    float: left;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-left: 0 !important;
    }
/* -------- end 2 column nested list & collapse -------- */

/* -------- spotlight-gallery -------- */
body.home #main-content {
    padding: 0;
    width: 959px !important;
    }

#spotlight {
    position: relative;
    clear: both;
    width: 959px;
    height: 350px;
    background: #f0f3e8;
    /* border: 1px solid #5e6974;
    border-width: 0 1px; */
    overflow: hidden !important;
    /* border-bottom: 1px solid #d8dfc4; */
    z-index: 100;}
    
#left-arrow, #right-arrow {
    position: absolute;
    width: 100px;
    height: 350px;
    z-index: 100;
    }

#left-arrow { left: 0; }
#right-arrow { right: 0;}

#left-arrow-mask, #right-arrow-mask,
.top, .bottom {
    display: block;         
    background: #000; 
    opacity: .35;
    }
#left-arrow-mask, #right-arrow-mask {
    width: 61px;
    height: 350px;
    }
    
#left-arrow-mask { float: left; }
#right-arrow-mask { float: right; }    
.top, .bottom { 
    width: 34px;
    height: 150px;
    }

#left-arrow .top, #left-arrow .bottom { float: left; }
#right-arrow .top, #right-arrow .bottom { float: right; }

#right-arrow-button, #left-arrow-button {
    width: 34px;
    height: 53px;
    float: left;
    cursor: pointer;
    }
#right-arrow-button {
    float: right;
    }
#left-arrow-border, #right-arrow-border {
    width: 5px;
    height: 100%;
    background-color: #e8f0ef;
    position: absolute;
    right: 0;
    }
#right-arrow-border {
    right:auto;
    left: 0;
    }


#left-arrow-button {
    background: transparent url(../images/internal/home/spotlight-arrows.png) 0 0;
    }

#left-arrow-button.hover { background-position: -68px 0; }

#right-arrow-button {
    background: transparent url(../images/internal/home/spotlight-arrows.png) -34px 0;
    }
    
#right-arrow-button.hover { background-position: -102px 0; }

#spotlight-panes .pane {
    width: 760px;
    height: 350px;
    position: absolute;
    z-index: 90 !important;
    }
    #spotlight-panes .pane a { display: block; position: absolute; width: 100%; height: 100%; }
.pane-title { display: none;  position: absolute; right: 73px; top: 6px; z-index: 2100; height: 37px; _width: 115px; clear: none; opacity: .9;filter:alpha(opacity=90);}
.pane-title span { background: url(../images/internal/home/spotlight-arrows.png) -137px -39px; height: 39px; display: block; padding: 0 8px 0 0;}
.pane-title p { padding: 0 2px 0 16px; margin: 0; font-weight: bold; color: #474745; font-size: 70%; line-height: 35px; text-transform: uppercase;}
.pane-title .left-edge { width: 10px; height: 33px; z-index: 251; margin: 0 0 0 -10px;  position: absolute; background: url(../images/internal/home/spotlight-arrows.png) -210px 0;}
/* indexing used for ordering of divs only */   
#spotlight-panes #pane-0 { margin-left: 100px; }
#spotlight-panes #pane-1 { margin-left: 860px; }
#spotlight-panes #pane-2 { margin-left: 1615px; }
#spotlight-panes #pane-3 { margin-left: -1415px; }
#spotlight-panes #pane-4 { margin-left: -660px; }


#context { line-height: 28px; padding: 0 14px 0 5px; background: ; height: 39px; display: block; position: absolute; right: 100px; top: 0; z-index: 2100;}
#context li { 
    width: 7px; 
    height: 7px; 
    display: block;
    float: left; 
    background: transparent url(../images/internal/home/spotlight-arrows.png) -129px -54px no-repeat; 
    margin: 15px 1px 0 2px;
    _line-height: 5px !important;
    _position: relative !important;
    }
    
#context li.active { background-position: -121px -54px; }

#pp-nav ul { position: absolute; bottom: 0; margin: 0; margin: 0 0 4px 8px; padding: 4px 0; z-index: 2100; _position: relative; _margin-top: 295px; }
#pp-nav li { width: 44px; height: 44px; float: left; margin: 0; padding: 0; -moz-border-radius: 5px;}   
#pp-nav li a { display: block; width: 44px; height: 44px; }

#pp-nav li a.chenyek { background: url(../images/internal/home/pp/tn.png) -132px 0;}
#pp-nav li a.md { background: url(../images/internal/home/pp/tn.png) 0 0;}
#pp-nav li a.nick { background: url(../images/internal/home/pp/tn.png) -88px 0;}
#pp-nav li a.samantha { background: url(../images/internal/home/pp/tn.png) -176px 0;}
#pp-nav li a.maya { background: url(../images/internal/home/pp/tn.png) -44px 0;}

#pp-0, #pp-1, #pp-2, #pp-3, #pp-4 { position: absolute !important; top: 0; left: 0; cursor: pointer; position: relative; z-index: 100; width: 760px;}
#pp-0 { z-index: 120; }

/* .pomonaPeople div div { cursor: pointer; position: relative; z-index: 1000;} */
.pomonaPeople div div div { display: none;}
.pomonaPeople .pp-portrait { position: relative; width: 304px; height: 350px; z-index: 100; left: 0; top: 0;}
.pomonaPeople .pp-detail-1 { position: absolute; width: 456px; height: 350px; left: 304px; top: 0; z-index: 100;}
.pomonaPeople .pp-detail-2, .pomonaPeople .pp-detail-3, .pomonaPeople .pp-detail-4 { position: absolute; top: 258px; height: 92px; width: 91px; z-index: 120;}
.pomonaPeople .pp-detail-2 { left: 304px;}
.pomonaPeople .pp-detail-3 { left: 395px;}
.pomonaPeople .pp-detail-4 { left: 486px;}
.pomonaPeople .vid-link { z-index: 150; position: absolute; right: 8px !important; bottom: 8px; font-size: 85%; color: #fff; width: 92px; height: 28px; background: url(/images/internal/home/video.png);}
.byTheNumbers { 
    background: url(../images/internal/home/btn/btn-1.jpg);
    }
.pomonaTomorrow { background: url(../images/internal/home/ptom/bg.jpg); }
.pomonaTomorrow a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.pomonaToday { background: url(../images/internal/home/pt/bg.jpg); }
.pomonaToday a.pane-5 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.pomonaToday a.pane-5-1 { width: 363px; height: 62px; position: absolute; top: 174px; left: 340px;}
.pomonaToday a.pane-5-2 {width: 128px; height: 42px; position: absolute; top: 156px; left: 475px;}

#btn-nav .left-nav { float: left; width: 5px; height: 25px; background: url(../images/internal/home/spotlight-arrows.png) -215px -4px;}
#btn-nav .right-nav { float: left; margin-left: -1px; width: 5px; height: 25px; background: url(../images/internal/home/spotlight-arrows.png) -220px -4px;}
#btn-nav ul { display: inline;}
#btn-nav { height: 26px; position: absolute; bottom: 10px; left: 10px; margin: 0; padding: 0; z-index: 2100; opacity:0.7;filter:alpha(opacity=70);}
#btn-nav li { background: #d9dcd1; float: left; line-height: 23px; height: 23px; border: 1px solid #c2c2ba; border-width: 1px 1px 1px 0; margin: 0; padding: 0 6px; color: #fff;}
#btn-nav li a { height: 26px; color: #61615c;}  

.btn-1 { background-image: url(../images/internal/home/btn/btn-1.jpg); }


.beingHere { 
    background: url(/images/internal/home/bh/being-here.jpg);
    }

.pomonaExplorations { background: url(/images/internal/home/explorations.jpg); }

#fPlayer { position: absolute; margin: 0 !important; padding: 0 !important; width: 100%; height: 100%; display: block; } 
#flowPlayer { width: 551px; position: absolute; margin: 0 !important; padding: 0 !important; width: 551px; height: 310px !important; }
.internal-fp { height: 310px; margin-bottom: 30px; }
.internal-fp img { border: 1px solid #8998a9;}

.pomonaExplorations ul { font-size: 100%; border: 1px solid #374b59; width: 200px; position: absolute; z-index: 200; bottom: 20px; right: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.pomonaExplorations li a { line-height: 100%; background: url(/images/internal/home/spotlight-bg.png); display: block; border-bottom: 1px solid #374b59; color: #e3e3e3; width: 190px; height: 43px; margin: 0 !important; padding: 5px;}
.pomonaExplorations li a img { float: left; width: 43px; height: 43px; margin: 0 5px 0 0;}
.pomonaExplorations li  { line-height: 100% !important; padding: 0 5px 0 0; margin: 0; font-size: 70%; color: #b8b8b8;}
.pomonaExplorations .title {color: #c2c2ba; font-weight: normal; display: block; margin: 2px 5px; }

#map-container { width: 760px; height: 350px; position: relative; top: 0; left: 0; z-index: 1000 !important; clear: both;}  
div.marker, div.marker-more { position: absolute !important; z-index: 100 !important; cursor: pointer; overflow: visible;}
div.marker div.desc { display: none;}
div.desc img { float: right; margin: 3px 0 10px 20px;}
div.desc p { font-size: 75%; color: #c8c3bb; margin: 0; padding: 0; font-weight: normal; }

#beaches { width: 46px; height: 19px; left: 569px; top: 243px;}
#big-bridges { width: 43px; height: 32px; left: 309px; top: 100px;}
#borg { width: 33px; height: 29px; left: 438px; top: 125px;}
#college-gates { width: 43px; height: 43px; left: 115px; top: 107px;}
#desert { width: 38px; height: 20px; left: 600px; top: 100px;}
#farm { width: 33px; height: 31px; left: 654px; top: 153px;}
#football { width: 52px; height: 32px; left: 426px; top: 69px;}
#goddess-pomona { width: 47px; height: 44px; left: 576px; top: 175px;}
#greek-theater { width: 46px; height: 32px; left: 516px; top: 73px;}
#little-bridges { width: 43px; height: 32px; left: 285px; top: 192px;}
#los-angeles { width: 60px; height: 19px; left: 100px; top: 170px;}
#mountains { width: 56px; height: 19px; left: 182px; top: 51px;}
#north-campus { width: 42px; height: 30px; left: 260px; top: 52px;}
#number-47 { width: 33px; height: 28px; left: 129px; top: 66px;}
#prometheus { width: 61px; height: 20px; left: 338px; top: 63px;}
#quad { width: 33px; height: 32px; left: 265px; top: 128px;}
#skyspace { width: 49px; height: 20px; left: 200px; top: 100px;}
#south-campus { width: 43px; height: 31px; left: 471px; top: 211px;}
#starting-point { width: 48px; height: 42px; left: 389px; top: 171px;}
#walker-wall { width: 65px; height: 20px; left: 300px; top: 25px;}
#wash { width: 34px; height: 29px; left: 558px; top: 127px;}
#more-pomoniana { right: 8px; width: 28px; height: 28px; bottom: 8px;}
a.pane-more { width: 28px; height: 28px; display: block;}
#tt-icon { width: 34px; height: 28px; bottom: 8px; right: 39px;}
    
#features {
    width: 959px;
    /* height: 208px; */
    position: relative;
    /* background: #fff;
    border: 1px solid #5e6974;
    border-width: 0 1px;
    border-bottom: 1px solid #4d504d; */
    }

#spotlight-panes .loading { position: absolute; width: 760px; height: 350px; top: 0; left: 0; z-index: 2000; background: #f0f3e8 url(../images/internal/loading.gif) 50% 50% no-repeat; }

#gateway-bg .loading { position: absolute; width: 728px; height: 335px; top: 0; left: 0; z-index: 2000; background: #f0f3e8 url(../images/internal/loading.gif) 50% 50% no-repeat; }
#gateway #gateway-bg .loading { width: 959px; }

#spotlight-panes .loading-icon { margin: 150px; }

/* -------- end spotlight-gallery -------- */   
    
/* -------- footer -------- */
#footer {
    float:left;
    clear:both;
    width:100%;
    padding: 5px;
    margin: 10px 0 0 0;
    background-color: #fff;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    
#footer ul {
    float: right;
    }
#footer li.first {
    margin-left: 0;
    }
#footer li {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: .7em;
    }

#footer a {
    color: #8d915e;
    text-decoration: none;
    }
#footer a:hover {
    color: #214293;
    text-decoration: none;
    }
    
#college_contact {
    color: #214293;
    font-size: .7em;
    }
        
#links a {
    color: #181b1f;
    }

#help-links {
    margin: 0 0 0 0 !important;
    padding: 0 15px 0 0;
    border-right: 1px solid #526c83;
    height: 36px;
    }
    
#follow {
    float: right !important;
    width: auto;
    margin: 0;
    padding: 0 7px 0 0;
    border-left: 1px solid #526c83;
    height: 36px;
    }

#follow li {
    float: left;
    border: none;
    margin: 7px 0 0 0;
    padding: 0 0 0 5px;
    cursor: pointer;
        }
        
#follow li span {
    display: none;
    visibility: hidden;}

#follow li.facebook a {
    display: inline;
    float: left;
    width: 22px;
    height: 22px;
    background: url("../images/internal/icons.png") -134px 0;
    }

#follow li.facebook a:hover {
    background-position: -156px 0;
    }
        
#follow li.twitter a {
    display: inline;
    float: left;
    width: 22px;
    height: 22px;
    background: url("../images/internal/icons.png") -222px 0;
    }
    
#follow li.twitter a:hover {
    background-position: -244px 0;
    }

#follow li.flickr a {
    display: inline;
    float: left;
    width: 22px;
    height: 22px;
    background: url("../images/internal/icons.png") -266px 0;
    }
    
#follow li.flickr a:hover {
    background-position: -288px 0;
    }
    
#follow li.youtube a {
    display: inline;
    float: left;
    width: 22px;
    height: 22px;
    background: url("../images/internal/icons.png") -310px 0;
    }
    
#follow li.youtube a:hover {
    background-position: -332px 0;
    }
    
#follow li.vimeo a {
    display: inline;
    float: left;
    width: 22px;
    height: 22px;
    background: url("../images/internal/icons.png") -178px 0;
    }
    
#follow li.vimeo a:hover {
    background-position: -200px 0;
    }


#sub-footer { background: #f0f0e4; height: 27px; -moz-border-radius: 5px;}
#sub-footer p {float: left; margin: 0 4px 0 8px; color: #6f6f6b; line-height: 27px;}
#sub-footer li { color: #8a8a85; list-style-type: none; border-right: 1px solid #eeeee6; display: inline; margin: 0; padding: 0 7px 0 4px; line-height: 27px;}
#sub-footer li.last { border: none;}
#sub-footer a { color: #8a8a85;}
    
/* -------- end footer -------- */

/* -------- images -------- */
.magnify {
    width: 17px;
    height: 17px;
    background: transparent url("../images/internal/magnify.png") 0 0 no-repeat;
    position: relative;
    padding: 0;
    display: block;
    margin: 0 -6px -12px 0;
    z-index: 2;
    float: right;
    }

div.no-shadowbox-expand {
    margin-top: 5px;
    }

div.img a:hover .magnify {
    background-position: -17px 0;
    }

.img p, .image-gallery p {
    font-size: 70%;
    color: #858585;
    margin: 0;
    line-height: 1.3em;
    clear: left;
    }

.image-gallery p {
    margin-left: 4px;
    }
    
.left img, .right img {
    border: 1px solid #8998a9;
    }

img.nb {
        border: none !important;
        }

.left img:hover, .right img:hover {
    border-color: #516377;
    }
        
.left {
    float: left;
        clear: left;
    margin: 0 10px 20px 0;
    }
    
.right {
    float: right;
    clear: right;
    margin: 0 0 20px 35px;
    }
.rightnb {
    float: right;
    clear: right;
    margin: 0 0 20px 35px;
    border: none !important;
    }
    
.small, .small img {
    width: 100px;
    }
    
.medium, .medium img {
    width: 200px;
    }
    
.large, .large img {
    width: 300px;
    }

.image-gallery {
    width: 304px;
    }
    
.image-gallery img {
    /* border: none; */
    float: left;
    margin: 0 0 4px 4px !important;
    padding: 0;
    }
    
.image-gallery .magnify {
    width: 15px;
    height: 15px;
    background: transparent url("../images/internal/magnify.png") 0 0 no-repeat;
    position: relative;
    padding: 0;
    display: block;
    margin: 39px 0 5px -17px;
    z-index: 5;
    float: left;
    /* ie6 */_background: url("../images/internal/icons.png") -150px -40px no-repeat;
    }

.image-gallery .magnify-hover {
    background: transparent url("../images/internal/magnify.png") -15px 0 no-repeat;
    /* ie6 */_background: url("../images/internal/icons.png") -150px -40px no-repeat;
    }

span.screen {
    display: block;
    float: left;
    margin: 0 0 0 -56px;
    width: 56px;
    height: 56px;
    background: #b5b5b0;
    z-index: 1;
    opacity: .5;
    }

span.screen:hover {
    opacity: 0;
    }
        
span.grid {
    display: block;
    float: left;
    width: 56px;
    height: 56px;
    margin: 0 0 0 4px;
    background: #d8d8d4;
    }       
/* -------- end images -------- */  
#department-social-media { background-color: #ebedd2; padding: 5px 5px 0 5px; margin: 0 10px 40px 10px; border-radius: 4px; width: 200px;}
#department-social-media h3 {margin-top: 0; padding-top:0; color: #525252;}
#department-social-media div.department-connect { position: relative; height: 40px;}
#department-social-media .department-connect iframe { width: 85px;}

#department-social-media .fb-link {width: 20px; height: 20px; background: transparent url(/images/internal/icons.png) -48px -54px;}
#department-social-media .fb-link a {width:20px; height:20px; background-color:transparent; display: block;}
#department-social-media .li-link {width: 20px; height: 20px; background: transparent url(/images/internal/icons.png) -68px -54px;}
#department-social-media .li-link a {width:20px; height:20px; background-color:transparent; display: block;}
#department-social-media .twitter-link {width: 20px; height: 20px; background: transparent url(/images/internal/icons.png) -48px -74px;}
#department-social-media .twitter-link a {width:20px; height:20px; background-color:transparent; display: block;}
#department-social-media div.department-connect-wrapper {/* float: left; position: relative; left: 50%; */ }
#department-social-media div.department-connect { height:auto;/* float: left; position: relative; left: -50%; */ }
#department-social-media div.facebook_like_iframe {/* width:48px; overflow:hidden; */}
#department-social-media .department-social-media-container {float:left; margin-right:5px; margin-bottom: 5px; height:20px;}

div.site-button { background: #dbe3d4; -moz-border-radius: 5px; border: 1px solid #ceddcd; display: inline-block; height: 32px; padding: 0 10px; margin: 5px 10px 15px 0; }
div.site-button a { color: #80827f; font-size: 80%; line-height: 32px; font-weight: bold;}

/* -------- second-level-home --------*/
div.gateway-title {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #214293;
    background:rgba(33,66,147, 0.8);
    z-index: 2500;
    margin: 0;
    padding: 0 10px;
    color: #fff;
    font-size: 2.8em;
    line-height: .8em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family:Questrial;
    font-weight:400;
    overflow:hidden;
    }

.gateway_more {
    text-transform: uppercase;
    position: absolute;
    bottom: 10px;
    right: 40px;
    font-size: .8em;
    }
#gateway-links h2, #gateway-description h2, #gateway-announcements h2 {
    width: 170px;
    }
#gateway-description h3 {
    color: #214293;
    font-family: Questrial;
    font-weight: bold;
    font-size: 1.3em;
    padding-top: 20px;
    }
#gateway-description h3, #gateway-description-text, #gateway-announcement-text {
    clear: left;
    padding-left: 40px;
    padding-right: 40px;
    }
#gateway-description-text, #gateway-announcement-text {
    padding-top: 15px;
    margin-right: 0;
    }
    
#gateway-description-text p,  #gateway-announcement-text p {
    font-size: 100%;
    margin-right: 0;
    }
div.gateway-title h1#gateway-title-text {
    font-family:Questrial;
    font-weight:400;
    font-size: .85em;
    color: #fff;
    border: 0;
    background-color:transparent;
    padding: 0 !important;
    margin: 12px 0 0 0 !important;
    /* margin-bottom:-0.38em !important; */
    line-height: .6em;
    font-variant:small-caps;
    
    }

div.gateway-title div#gateway-big-img-caption {
    position: absolute;
    right: 20px;
    bottom: 0;
    font-size: 0.3em;
    color: #cfd2aa;
    line-height: 2.5em;
    }
    
div.gateway-title div#gateway-big-img-caption a {
    color: #ffffff;
    font-weight: bold;
    }
    
#gateway div.gateway-title div#gateway-big-img-caption {
    right: 10px;
    }
    
#gateway-announcement-text, #gateway-announcement-text p {
    color: #ffffff;
    font-weight: bold;
    font-size: .95em;
    line-height: .7em;
    }   
#gateway-announcements {
    background-color: #214293;
    position: relative;
    margin: 15px 0 0 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    
#gateway-announcements a, #gateway-announcements a:hover {
    color: #ffffff;
    text-decoration:underline;
    font-weight: bold;
    }
    
#gateway-announcements.gateway-more-exists {
    padding-bottom: 20px;
    }

#gateway-description-and-buttons {
    
    }
    
#gateway-description {
    background-color: #ffffff;
    position: relative;
    float: left;
    margin: 15px 15px 0 0;
    width: 674px;
    height: 235px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    }
    
#gateway-description.gateway-extra-buttons-exist {
    width: 510px;
    }
    
#gateway-description.gateway-description-img-exists #gateway-split-h2-h3 {
    margin-top: 170px;
    }
    
#gateway-description.gateway-description-img-exists #gateway-description-text {
    padding-top: 30px;
    }
    
#gateway-description.gateway-description-img-exists.gateway-description-h3-exists #gateway-description-text {
    padding-top: 10px;
    }

#gateway-description-img {
    position: absolute;
    top: 0;
    left: 0;
    }

#gateway-extra-buttons {
    position: relative;
    float: left;
    margin: 0 15px 0 0;
    width: 149px;
    height: 375px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    }
    
#gateway-extra-buttons img {
    width: 149px;
    height: 76px;
    margin: 15px 0 0 0;
    }
#gateway-extra-buttons img#gateway-extra-button-last {
    margin-top: 18px;
    }
#gateway-description-and-buttons.gateway-three-buttons #gateway-description {
    height: 360px;
    }

#gateway-description-and-buttons.gateway-no-buttons #gateway-description {
    width: 100%;
    height: auto;
    }
    
#gateway-description-and-buttons.gateway-no-buttons #gateway-description.gateway-more-exists {
    padding-bottom: 30px;
    }
    
#gateway-button-area {
    float: left;
    width: 270px;
    }

#gateway-news-button { position: absolute; top: 0; left: 0; height: 25px; cursor: pointer; }
#gnb-left { float: left; background: url(../images/internal/home/spotlight-arrows.png) -267px -4px; width: 3px; height: 25px; }
#gnb-center { float: left; background: url(../images/internal/home/spotlight-arrows.png); padding: 0 5px 0 7px; height: 25px; background-position: -269px -4px; }
#gnb-center p { margin: 2px 0 0 0; padding: 0; font-size: 75%; font-weight: bold; }
#gnb-right { float: left; background: url(../images/internal/home/spotlight-arrows.png); width: 24px; height: 25px; background-position: -340px -41px; }
#gnb-right.hover { background-position: -364px -41px; }


#admissions-features { position: relative; background: #fff; height: 145px; border-top: 1px solid #d8dfc4; }
#gateway-videos { width: 312px; height: 100px; position: absolute; top: 30px; left: 372px; height: 82px; }
#gateway-videos a { background: url(../images/internal/admissions/pomona-live.jpg); width: 312px; height: 82px; display: block;}
#gateway-features { width: 312px; height: 100px; position: absolute; top: 30px; left: 30px; height: 82px; }
#gateway-features a { background: url(../images/internal/admissions/dm/0.jpg); width: 312px; height: 82px; display: block; }
#gateway-features div.screen { width: 312px; height: 100px; position: absolute; background: #fff; top: 0; left: 0; display: none; }

#gateway-links {
        padding: 0;
        margin: 15px 0 0 0;
        z-index: 150;
        position: relative;
        background: #fff;
        float: left;
        clear: both;
        }

#gateway-links.2-column { border-bottom: none; }
#gateway-links li span { /* font-weight: bold; */ }
#gateway-links .col-1, #gateway-links .col-2, #gateway-links .col-3 {
        width: 309px;
        float: left;
        margin: 35px 0 40px 0;
        padding: 0;
        }
    
#gateway-links .col-1 { clear: both; padding-left: 40px;}
#gateway-links .col-2 { padding-left: 20px; width: 290px;}
#gateway-links .col-3 { padding-left: 30px; width: 270px;}

body.admissions #gateway-links .col-1, body.admissions #gateway-links .col-2, body.admissions #gateway-links .col-3 { margin: 20px 0 25px 0; }

#gateway #weather-widget { position: relative; top: 30px; left: 715px;  z-index: 1000; width: 210px; height: 80px; margin: 0; -moz-border-radius: 5px; background-position: -90px 0;}
#gateway #weather-widget div.weather-icon { padding: 0; margin: 0; position: absolute; right: 15px; top: 15px; }

#masthead {
    width: 959px;
    height: 335px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    }
#gateway #masthead {
    margin-bottom: 0;
    }

div.masthead-link { width: 586px; height: 139px; background: transparent; position: absolute; bottom: 15px; right: 15px;}
div.masthead-link a { width: 586px; height: 139px; display: block;}

#masthead-bg-controls { display: none; }
#masthead-bg-controls ul {position: relative; left: 350px; top: 8px; margin: 0; float: left; z-index: 3000; height: 45px; background: #fff; }
#masthead-bg-controls li { width: 43px; height: 43px; display: block; float: left; margin: 0; padding-bottom: 14px; opacity: 0.4; }
#masthead-bg-controls li a img { border: 1px solid #214293;} 
#masthead-bg-controls li.selected { opacity: 1; }
#masthead-bg-controls li a img.selected-right { }

#gateway-bg { width: 728px; height: 335px; position: absolute; z-index: 10; }
#gateway #gateway-bg { width: 959px;}
/* 
#gateway-bg.about { background: url(../images/internal/second-level-home/about/1.jpg); }
#gateway-bg.academics { background: url(../images/internal/second-level-home/academics/1.jpg); }
#gateway-bg.admissions { background: url(../images/internal/second-level-home/admissions/1.jpg); }
#gateway-bg.administration { background: url(../images/internal/second-level-home/administration/1.jpg)}
#gateway-bg.alumni { background: url(../images/internal/second-level-home/alumni/1.jpg); }
#gateway-bg.faculty { background: url(../images/internal/second-level-home/faculty/1.jpg); }
#gateway-bg.life-on-campus { background: url(../images/internal/second-level-home/life-on-campus/1.jpg); }
#gateway-bg.parents { background: url(../images/internal/second-level-home/parents/1.jpg); }
#gateway-bg.staff { background: url(../images/internal/second-level-home/staff/1.jpg); }
#gateway-bg.students { background: url(../images/internal/second-level-home/students/1.jpg); }
*/
#masthead #h1 {
        float: left;
        height: 38px;
        margin: 12px;
        }

#masthead h1 {
        display: inline !important;
        float: left;
        color: #9da08e;
        font-size: 110%;
        line-height: 38px;
        background: #d8dfc4;
        margin: 0 !important;
        padding: 0 15px !important;
        border: 1px solid #c2c1b3;
        border-width: 1px 0;
        }

#h1 .left-border {
        float: left;
        width: 6px;
        height: 40px;
        background: url("../images/internal/gateway-h1.png") 0 0;
        }

#h1 .right-border {
        float: left;
        width: 6px;
        height: 40px;
        background: url("../images/internal/gateway-h1.png") 0 -40px;
        }
/* -------- end second-level-home --------*/

/* -------- email form and links-------- */




span.email-icon {
        background: url("../images/internal/icons.png") -182px -41px;
        width: 12px;
        height: 10px;
        margin: 2px 3px 0 1px !important;
        display: inline-block;
        }

td.profile a { float: left; margin-bottom: -2px !important;}
th.title { width: 275px;} 
th.specialty { width: 150px;}
span.profile-link { width: 12px; height: 15px; display: block; background: url(../images/internal/icons.png) -265px -49px ;}
span.website-link { width: 12px; height: 10px; display: block; background: url(../images/internal/icons.png) -250px -51px ;}

table span.email-icon {
        background-position: -182px -51px;
        }

p.news-byline span.email-icon {
        background-position: -250px -41px;
        }

#mail-this-form {
    }

body.form {
    /* background: #fff url("../images/internal/main-bg.gif") top left repeat-x; */
    background-color: #ffffff;
    }

body.form .center {
    margin: 0 auto;
    width: 395px;
    _width: 350px;
    padding: 0;
    }
    
#mail-this fieldset, .form fieldset {
    border: none;
    padding: 10px 0;
    }

legend {
    display: none;
    }
        
label {
    display: block;
    text-align: left;
    line-height: 15px;
    font-size: 100%;
    padding: 3px 0;
    clear: both;}

label span {
    color: #666666;
    font-size: 100%;
    }

textarea {
    background: #fff;
    border: 1px solid #bebebe;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    padding: 0;
    overflow: hidden;
        }
        
input.t {
    margin: 0;
    padding: 0;
    font-size: 90%;
    border: 1px solid #bebebe;
    padding: 2px !important;
    }
    
input.t:hover, input.t:focus, textarea:hover, textarea:focus {
    border: 1px solid #6d6d6d;
    }


input.submit {
    margin-left: 0;
    margin-top: 10px;
        display: block; 
        clear: both;
        }

#mail-this input.submit { margin-top: 0; }
    
.form p {
    padding: 4px 0 4px 0;
    margin: 0;
    font-size: 80%;
    vertical-align: top;
    color: #494949;
    }

.form p.message {
    text-align: center;
    margin: 80px 20px 0 20px;
    color: #666666;
    }
    
.form p.hide {
    visibility: hidden; 
    }
    
#mail-this span.info {
    font-size: 90%;
    color: #636363;
    border: none;
    padding: 0;
    margin-left: 5px;
    }
                    
li span {
    font-size: 100% !important;
    }

label.error { 
    float: none;
    display: inline; 
    color: red;  
    font-size: 90%;
    width: auto;
    margin: 0 0 0 10px;
    padding: 5px 0 0 0;
    }

fieldset fieldset { margin: 0 0 10px 0; border: 1px solid #bebebe; padding: 5px 20px;}
fieldset fieldset legend { display: block; }
p.checkbox input, p.checkbox label, p.dropdown input, p.dropdown label, p.checkbox-group input, p.checkbox-group label {display: inline;}
p.checkbox label, p.dropdown label, p.checkbox-group label { margin-right: 2px;}
p.checkbox label.error, p.dropdown label.error { margin-left: 8px;}
p.checkbox-group input { margin-right: 18px;}
p.checkbox-group label.error { margin: -6px;}
p.radio input { margin: 0 10px 0 5px; }
p.radio label.error { margin-left: -2px;}
p.checkbox input { margin-right: 3px; }
form.inline-form { border: 1px solid #bebebe; padding: 10px 20px 0 20px;}
form.inline-form legend { display: inline-block; font-size: 80%; font-weight: bold; margin: 0 0 10px 0;}
form.inline-form fieldset fieldset legend { font-weight: normal; color: #bebebe; font-size: 75%; margin: 0;}
form.inline-form select { margin-bottom: 10px;}

div.form-success, div.form-error { background: #e8e9e7; height: 85px; -moz-border-radius: 5px; border-radius: 5px; }
div.form-success p, div.form-error p { text-align: center; line-height: 85px; color: #898a87;} 


p.form-cc input { float: left !important; margin: 4px 5px 0 15px;}
p.form-cc label { display: inline; }

/* -------- end email form -------- */

/* -------- Share this -------- */
.bookmark_popup {
    /* display: none; */
    position: absolute;
    right: 0;
    z-index: 100;
    /* float: right; */
    margin: 0 -2px 0 0;
        height: 5px;
    /* ie6 */_margin-right: -2px;
    }

#full-main .bookmark_popup, #gateway .bookmark_popup {
        margin-right: 0;
        }
    
.bookmark_popup ul {
    width: auto;
    border: 1px solid #d8dfc4;
    padding: 5px 0 5px 7px;
    /* ie6 */_width: 240px;
    }

.bookmark_popup li {
    height: 16px !important;
    margin: 3px 0;
    }
    
.bookmark_popup span {
    padding: 0;
    margin: 0;
    line-height: 22px;
    height: 22px;
    }
        
.bookmark_list {
    display: block;
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {  /* Safari3/Opera9 */
    .bookmark_list {
        /*font-size: 100%;*/
    }
}

html:first-child .bookmark_list {  /* Opera */
    /*font-size: 80%;*/
    }

.bookmark_list li {
    float: left;
    padding: 0;
    margin: 0;
    background-color: #eee;
    border: 1px outset;
    }

.bookmark_compact {
    background-color: #fff;
    border: 1px outset;
    padding: 0;
    margin: 0;}
    
.bookmark_compact li {
    margin: 0 5px 0 0!important;
    padding: 0 3px 0 0 !important;
    background-color: transparent;
    border: none;
    height: 16px;
    }

.bookmark_list a {
    /*width: 100%;*/
    }

.bookmark_list span {
    /* display: inline-block; */
        display: block;
    width: 16px;
    height: 16px !important;
    padding: 0 !important;
    margin: 0;
    }

.bookmark_list img {
    border: none;
    }
/* -------- end share this -------- */


/* -------- qTip2 -------- */
/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Sat Mar  3 09:04:15.0000000000 2012
*/

/* Core qTip styles */
.ui-tooltip, .qtip{
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;

    max-width: 280px;
    min-width: 50px;
    
    font-size: 10.5px;
    line-height: 12px;
}

    /* Fluid class for determining actual width in IE */
    .ui-tooltip-fluid{
        display: block;
        visibility: hidden;
        position: static !important;
        float: left !important;
    }

    .ui-tooltip-content{
        position: relative;
        padding: 5px 9px;
        overflow: hidden;

        border: 1px solid #000001;

        text-align: left;
        word-wrap: break-word;
        overflow: hidden;
    }

    .ui-tooltip-titlebar{
        position: relative;
        min-height: 14px;
        padding: 5px 35px 5px 10px;
        overflow: hidden;

        border: 1px solid #000001;
        border-width: 1px 1px 0;

        font-weight: bold;
    }

    .ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

        /*! Default close button class */
        .ui-tooltip-titlebar .ui-state-default{
            position: absolute;
            right: 4px;
            top: 50%;
            margin-top: -9px;

            cursor: pointer;
            outline: medium none;

            border-width: 1px;
            border-style: solid;
        }
        
        * html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

        .ui-tooltip-titlebar .ui-icon,
        .ui-tooltip-icon .ui-icon{
            display: block;
            text-indent: -1000em;
        }

        .ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

            .ui-tooltip-icon .ui-icon{
                width: 18px;
                height: 14px;

                text-align: center;
                text-indent: 0;
                font: normal bold 10px/13px Tahoma,sans-serif;

                color: inherit;
                background: transparent none no-repeat -100em -100em;
            }


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{

}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{
    
}


/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{
    border-color: #F1D031;
    background-color: #FFFFA3;
    color: #555;
}

    .ui-tooltip-default .ui-tooltip-titlebar{
        background-color: #FFEF93;
    }

    .ui-tooltip-default .ui-tooltip-icon{
        border-color: #CCC;
        background: #F1F1F1;
        color: #777;
    }
    
    .ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
        border-color: #AAA;
        color: #111;
    }

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;
}

    .ui-tooltip .ui-tooltip-tip,
    .ui-tooltip .ui-tooltip-tip *{
        position: absolute;
        
        line-height: 0.1px !important;
        font-size: 0.1px !important;
        color: #123456;

        background: transparent;
        border: 0px dashed transparent;
    }
    
    .ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }


/* Modal plugin */
#qtip-overlay{
    position: fixed;
    left: -10000em;
    top: -10000em;
}

    /* Applied to modals with show.modal.blur set to true */
    #qtip-overlay.blurs{ cursor: pointer; }

    /* Change opacity of overlay here */
    #qtip-overlay div{
        position: absolute;
        left: 0; top: 0;
        width: 100%; height: 100%;

        background-color: black;

        opacity: 0.7;
        filter:alpha(opacity=70);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    }

/*! Light tooltip style */
.ui-tooltip-light .ui-tooltip-titlebar,
.ui-tooltip-light .ui-tooltip-content{
    border-color: #E2E2E2;
    color: #454545;
}

    .ui-tooltip-light .ui-tooltip-content{
        background-color: white;
    }

    .ui-tooltip-light .ui-tooltip-titlebar{
        background-color: #f1f1f1;
    }


/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-titlebar,
.ui-tooltip-dark .ui-tooltip-content{
    border-color: #303030;
    color: #f3f3f3;
}

    .ui-tooltip-dark .ui-tooltip-content{
        background-color: #505050;
    }

    .ui-tooltip-dark .ui-tooltip-titlebar{
        background-color: #404040;
    }

    .ui-tooltip-dark .ui-tooltip-icon{
        border-color: #444;
    }

    .ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
        border-color: #303030;
    }


/*! Cream tooltip style */
.ui-tooltip-cream .ui-tooltip-titlebar,
.ui-tooltip-cream .ui-tooltip-content{
    border-color: #F9E98E;
    color: #A27D35;
}

    .ui-tooltip-cream .ui-tooltip-content{
        background-color: #FBF7AA;
    }

    .ui-tooltip-cream .ui-tooltip-titlebar{
        background-color: #F0DE7D;
    }

    .ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
        background-position: -82px 0;
    }


/*! Red tooltip style */
.ui-tooltip-red .ui-tooltip-titlebar,
.ui-tooltip-red .ui-tooltip-content{
    border-color: #D95252;
    color: #912323;
}

    .ui-tooltip-red .ui-tooltip-content{
        background-color: #F78B83;
    }

    .ui-tooltip-red .ui-tooltip-titlebar{
        background-color: #F06D65;
    }

    .ui-tooltip-red .ui-state-default .ui-tooltip-icon{
        background-position: -102px 0;
    }

    .ui-tooltip-red .ui-tooltip-icon{
        border-color: #D95252;
    }

    .ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
        border-color: #D95252;
    }


/*! Green tooltip style */
.ui-tooltip-green .ui-tooltip-titlebar,
.ui-tooltip-green .ui-tooltip-content{
    border-color: #90D93F;
    color: #3F6219;
}

    .ui-tooltip-green .ui-tooltip-content{
        background-color: #CAED9E;
    }

    .ui-tooltip-green .ui-tooltip-titlebar{
        background-color: #B0DE78;
    }

    .ui-tooltip-green .ui-state-default .ui-tooltip-icon{
        background-position: -42px 0;
    }

/*! Pomonastandard tooltip style */
/*! NKS added Pomonastandard style */
.ui-tooltip-pomonastandard .ui-tooltip-titlebar,
.ui-tooltip-pomonastandard .ui-tooltip-content{
    border-color: #b9d776;
    color: #3e4247;
    font-size: 11px;
}

    .ui-tooltip-pomonastandard .ui-tooltip-content{
        background-color: #b9d776;
    }

    .ui-tooltip-pomonastandard .ui-tooltip-titlebar{
        background-color: #b9d776;
    }

    .ui-tooltip-pomonastandard .ui-state-default .ui-tooltip-icon{
        background-position: -42px 0;
    }


/*! Blue tooltip style */
.ui-tooltip-blue .ui-tooltip-titlebar,
.ui-tooltip-blue .ui-tooltip-content{
    border-color: #ADD9ED;
    color: #5E99BD;
}

    .ui-tooltip-blue .ui-tooltip-content{
        background-color: #E5F6FE;
    }

    .ui-tooltip-blue .ui-tooltip-titlebar{
        background-color: #D0E9F5;
    }

    .ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
        background-position: -2px 0;
    }

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

    .ui-tooltip-shadow .ui-tooltip-titlebar,
    .ui-tooltip-shadow .ui-tooltip-content{
        filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
        -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";

        _margin-bottom: -3px; /* IE6 */
        .margin-bottom: -3px; /* IE7 */
    }


/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}


/*! Youtube tooltip style */
.ui-tooltip-youtube{
    -webkit-box-shadow: 0 0 3px #333;
    -moz-box-shadow: 0 0 3px #333;
    box-shadow: 0 0 3px #333;
}

    .ui-tooltip-youtube .ui-tooltip-titlebar,
    .ui-tooltip-youtube .ui-tooltip-content{
        _margin-bottom: 0; /* IE6 */
        .margin-bottom: 0; /* IE7 */

        background: transparent;
        background: rgba(0, 0, 0, 0.85);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";

        color: white;
        border-color: #CCCCCC;
    }

    .ui-tooltip-youtube .ui-tooltip-icon{
        border-color: #222;
    }

    .ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
        border-color: #303030;
    }


/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools{
    background: #232323;
    background: rgba(0, 0, 0, 0.7);
    background-image: -moz-linear-gradient(top, #717171, #232323);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
    
    border: 2px solid #ddd;
    border: 2px solid rgba(241,241,241,1);

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0 0 12px #333;
    -moz-box-shadow: 0 0 12px #333;
    box-shadow: 0 0 12px #333;
}

    /* IE Specific */
    .ui-tooltip-jtools .ui-tooltip-titlebar{
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
    }
    .ui-tooltip-jtools .ui-tooltip-content{
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
    }

    .ui-tooltip-jtools .ui-tooltip-titlebar,
    .ui-tooltip-jtools .ui-tooltip-content{
        background: transparent;
        color: white;
        border: 0 dashed transparent;
    }

    .ui-tooltip-jtools .ui-tooltip-icon{
        border-color: #555;
    }

    .ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
        border-color: #333;
    }


/* Cluetip style */
.ui-tooltip-cluetip{
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
}

    .ui-tooltip-cluetip .ui-tooltip-titlebar{
        background-color: #87876A;
        color: white;
        border: 0 dashed transparent;
    }

    .ui-tooltip-cluetip .ui-tooltip-content{
        background-color: #D9D9C2;
        color: #111;
        border: 0 dashed transparent;
    }
    
    .ui-tooltip-cluetip .ui-tooltip-icon{
        border-color: #808064;
    }
    
    .ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
        border-color: #696952;
        color: #696952;
    }


/* Tipsy style */
.ui-tooltip-tipsy{
    border: 0;
}

    .ui-tooltip-tipsy .ui-tooltip-titlebar,
    .ui-tooltip-tipsy .ui-tooltip-content{
        _margin-bottom: 0; /* IE6 */
        .margin-bottom: 0; /* IE7 */

        background: transparent;
        background: rgba(0, 0, 0, .87);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
        
        color: white;
        border: 0px transparent;

        font-size: 11px;
        font-family: 'Lucida Grande', sans-serif;
        font-weight: bold;
        line-height: 16px;
        text-shadow: 0 1px black;
    }

    .ui-tooltip-tipsy .ui-tooltip-titlebar{
        padding: 6px 35px 0 10;
    }

    .ui-tooltip-tipsy .ui-tooltip-content{
        padding: 6px 10;
    }
    
    .ui-tooltip-tipsy .ui-tooltip-icon{
        border-color: #222;
        text-shadow: none;
    }

    .ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
        border-color: #303030;
    }


/* Tipped style */
.ui-tooltip-tipped{

}
    
    .ui-tooltip-tipped .ui-tooltip-titlebar,
    .ui-tooltip-tipped .ui-tooltip-content{
        border: 3px solid #959FA9;

        filter: none; -ms-filter: none;
    }

    .ui-tooltip-tipped .ui-tooltip-titlebar{
        background: #3A79B8;
        background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";

        color: white;
        font-weight: normal;
        font-family: serif;

        border-bottom-width: 0;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }
    
    .ui-tooltip-tipped .ui-tooltip-content{
        background-color: #F9F9F9;
        color: #454545;

        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
    }

    .ui-tooltip-tipped .ui-tooltip-icon{
        border: 2px solid #285589;
        background: #285589;
    }
        
        .ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
            background-color: #FBFBFB;
            color: #555;
        }

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
    filter: none;
    -ms-filter: none;
}
/* -------- end qTip2 -------- */


/* -------- Suckerfish -------- */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    /* margin: 0;
    padding: 0;
    list-style: none; */
    opacity: 1 !important;
        }

.sf-menu {
    /* line-height: 1.0; */
        }
.sf-menu ul {
    position:    absolute;
    top:     -999em;
    width: 10em; /* left offset of submenus need to match (see below) */
        }

.sf-menu ul li {
    width: auto;
        }

.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
        }

.sf-menu li {
    float: left;
    position: relative;
        }

.sf-menu a {
    display: block;
    position: relative;
        }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:   0;
    top:    2.7em; /* match top ul list item height */
    z-index: 99;
        }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:    -999em;
        }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
        }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:           10em; /* match ul width */
    top:            0;
}
/* -------- end Suckerfish -------- */

/* -------- shadowbox -------- */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:1200;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:hidden !important;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/internal/sb-loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}

#sb-nav-close{
    background-image: url("../images/internal/sb-icons.gif");
    background-position:  -64px 0;
    }
    
#sb-nav-next {
    background-image: url("../images/internal/sb-icons.gif");
    background-position:  -32px 0;
    }

#sb-nav-previous {
    background-image: url("../images/internal/sb-icons.gif");
    background-position: -48px 0;
    }

#sb-nav-play {
    background-image: url("../images/internal/sb-icons.gif");
    background-position: -16px 0;
    }

#sb-nav-pause {
    background-image: url("../images/internal/sb-icons.gif");
    background-position: 0 0;
    }

#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* -------- end shadowbox -------- */

div.test { position: relative; background: #58728c; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; position: fixed; left: 50%; bottom: 0; margin-left: -481px; z-index: 1500;}
div.test p { margin: 0; padding: 4px 8px 2px 8px; font-size: 75%}
div.test a { color: #334352;}

#site-intro { position: absolute; z-index: 1000; width: 450px; height: 175px; background: url(../images/internal/home/site-intro.jpg); top: 15px; left: 15px;  }
#site-intro .close { width: 30px; height: 25px; position: absolute; top: 0; right: 0; cursor: pointer;}
#site-intro .more { width: 220px; height: 24px; position: absolute; bottom: 0; right: 0; cursor: pointer;}
#site-intro .more a { width: 220px; height: 24px; display: block;}

fieldset fieldset { margin: 0 0 10px 0; border: 1px solid #bebebe; padding: 5px 20px;}
fieldset fieldset legend { display: block; }

.jp-playlist-player { width: 400px; height: auto; position: relative; background: #dbdbd6; border: 1px solid #b3b3af; -moz-border-radius: 5px; z-index: 10; margin-bottom: 30px;}
.jp-interface { height: 67px; position: relative; top: 5px;}
.jp-interface ul, .jp-interface li { margin: 0 !important; padding: 0 !important;}
.jp-interface ul { margin-left: 6px !important;}
.jp-interface li { margin-left: 2px !important; cursor: pointer;}
.jp-interface li span { display: none;}
#jplayer_playlist { display: none; position: relative; padding: 15px 0 0 0; margin-bottom: 0; border: 1px solid #d8d8d4; -moz-border-radius: 5px; width: 400px; top: -45px; z-index: 5; }
#jplayer_playlist ul { list-style-type: none;}
#jplayer_playlist ul { margin: 0 0 0 0;}
#jplayer_playlist li {  font-size: 70%; cursor: pointer; margin: 0; padding: 2px 60px 2px 0;}
#jplayer_playlist li span {display: block; float: left; width: 12px; height: 12px; margin: 12px 10px 13px 10px;}
#jplayer_playlist li.odd { background: #f2f2ed;}
#jplayer_playlist * { margin: 0; padding: 0;}
/* buttons */
.jp-controls { margin-left: 7px;}
.jp-controls li { width: 35px; height: 35px; float: left; list-style-type: none; margin: 0; padding: 0;}
.jp-controls li:odd { background: red;}
#jplayer_play_time, #jplayer_total_time { font-size: 70%; color: #45484d; width: auto; height: auto; position: absolute; right: 8px; bottom: 4px;}
#jplayer_play_time { left: 8px; } 
#jplayer_playlist_toggle { cursor: pointer; position: absolute; width: auto; padding: 0 17px 0 5px; height: 18px; background: #dbdbd6; right: 10px; bottom: 0; margin-bottom: -20px; -moz-border-radius-bottomLeft: 5px; -moz-border-radius-bottomRight: 5px; border: 1px solid #b3b3af; border-top: 0;}
#jplayer_playlist_toggle span { background: url(/images/internal/jplayer-controls.jpg) -121px -25px; width: 11px; height: 8px; display: block; position: absolute; right: 3px; top: 5px;}
#jplayer_playlist_toggle span.expanded { background-position: -132px -25px;}
#jp-current-title { position: absolute; width: 290px; height: 55px; right: 5px; margin-bottom: 10px; background: #bfbfbb url(/images/internal/jplayer-title-bg.jpg); border: 1px solid #b3b3af; -moz-border-radius: 5px;}
#jp-current-title p, #jplayer_playlist_toggle p { margin: 0; padding: 0; line-height: 30px; font-size: 70%; font-weight: bold; text-align: center;}
#jplayer_playlist_toggle p { line-height: 18px; font-weight: normal;}
#jp-current-title p { line-height: 100%; margin: 7px 5px 0 5px; }
#jplayer_volume_min { width: 13px; height: 12px; position: absolute; top: 39px; left: 6px; background: url(/images/internal/jplayer-controls.jpg) -121px 0;}
#jplayer_volume_max { width: 17px; height: 12px; position: absolute; top: 39px; left: 77px; background: url(/images/internal/jplayer-controls.jpg) -121px -12px;}

#jplayer_play { background: url(/images/internal/jplayer-controls.jpg) 0 0;}
#jplayer_pause { background: url(/images/internal/jplayer-controls.jpg) -85px 0;}
#jplayer_next { background: url(/images/internal/jplayer-controls.jpg) -35px 0; width: 24px; }
#jplayer_previous { background: url(/images/internal/jplayer-controls.jpg) -60px 0; width: 24px;}
.jp-progress { width: 200px; height: 5px; background: #b9bdae; position: absolute; bottom: 8px; -moz-border-radius: 5px; border: 1px solid #8e9186; left: 43px; }
div.jp-play-bar { width: 0; height: 5px; background: #94948e;}
div.jp-volume-bar { height: 5px; width: 48px; position: absolute; background: #8e9186; top: 42px; left: 24px; border: 1px solid #62625f; -moz-border-radius: 5px;}
div.jp-volume-bar-value { width: 0; height: 5px; background: #62625f; }
.jplayer_playlist_current span { background: url(/images/internal/jplayer-controls.jpg) -136px 0;}

.department-info { padding: 10px 0 0 0; margin-top: 10px; background-color: #c0d2d9;}
.department-info p { font-size: 70%; margin: 0 20px 0 0; height: 100%; color: #63605e;}
.department-info p.address { width: 100%; float: left; margin: 0 15px 10px 0; line-height: 20px;}
.department-info p span { margin: 0 10px 0 0; display: block; float: left;}
.department-info p.supplemental { float: left; line-height: 20px; margin: 0 15px 10px 0;}
.department-info p.supplemental span, .department-info p.address span { padding: 0 3px !important; height: auto; width: auto; display: block; margin: 0 8px; float: left; color: #63605e; font-weight: bold;}
/*
.department-info span.phone { background: url(/images/internal/contact-icons.gif) -36px 0; width: 14px !important; margin: 0 15px 0 13px !important;}
.department-info span.fax { background: url(/images/internal/contact-icons.gif) -50px 0; width: 22px !important;}
.department-info span.campus-location { background: url(/images/internal/contact-icons.gif) -21px 0; width: 15px !important; margin: 0 14px 0 12px !important;}
.department-info span.email { background: url(/images/internal/contact-icons.gif) -72px 0; width: 21px !important;}
*/
th.department-name, th.office-name { width: 330px;}
th.department-phone, th.office-phone { width: 160px;}
th.department-contact, th.office-contact { width: 180px;}

th.name { width: 150px; }
th.phone { width: 110px; }
th.location { width: 90px; }

#announcements { background: #dee5c9; margin: 15px 15px; padding: 15px; -moz-border-radius: 5px;}
#announcements div { background: url(../images/internal/reminder.gif) no-repeat 0 3px; margin: 0 auto !important; width: ; padding-left: 25px; position: relative;}
#announcements p { margin: 0; padding: 0;}
#announcements a { text-decoration: underline; cursor: pointer;}

#cdo-login { background: #002752 url(/administration/career-development/images/connect-logo.jpg) no-repeat; margin: 0 0 0 0; padding: 0 10px 0px 225px; border-radius: 5px; position: relative; border: 1px solid #daddd3;}
#cdo-login label { float: left; color: #ffffff; font-size: 12px; margin-right: 5px; clear: right; font-weight: bold;}
#cdo-login input.text { float: left; border: 1px solid #ffffff; height: 20px; margin-right: 10px; width: 100px; background: #f4f5f0; color: #4a4a4a}
#cdo-login ul { width: auto; position: absolute; right: 5px; top: 10px; margin: 0; padding: 0;}
#cdo-login ul li { display: inline; font-size: 11px; margin: 0 5px 0 0; padding: 0;}
#cdo-login ul li a{ color: #ffffff;}
#cdo-login form { margin-bottom: 5px;}
#cdo-login p { color: #ffffff; padding-bottom: 0; margin-bottom:0;}

/* -------- Start YouTube Listing -------- */
table#youtube-video-listing {
    border: 0;
    border-spacing: 0;
    border-collapse:collapse;
    table-layout: fixed;
    }
    
#youtube-video-listing tr {
    display: none;
    }
    
table#youtube-video-listing td {
    width: 330px !important;
    padding: 0;
    vertical-align: top;
    font-size: 1.25em;
    padding: 0 0 20px 0;
    overflow: hidden !important;
    }
 
table#youtube-video-listing.youtube-generic-listing td {
    border-bottom: dotted 2px #ccc;
    padding: 20px 0 0 0;
    }
  
table#youtube-video-listing td div {
    margin-top: 5px;
    }

table#youtube-video-listing h2 {
    font-size: 1.25em;
    margin-bottom: 0;
    }
table#youtube-video-listing td.youtube-video-listing-middle-column {
    width: 27px !important;
    }

.pomona-passion-quote {
    font-style:italic;
    }
    
#youtube-video-listing-pagination {
    margin-bottom: 20px;
    }
a.show-youtube-video {
    display: block;
    position: relative;
    }
.youtube-video-listing-youtube-modal-play-button_area {
    height:180px;
    width: 330px;
    position:absolute;
    top: 0;
    left: 0;
    }
    
.youtube-video-listing-youtube-modal-play-button {
    background: url("../images/internal/youtube_play_multiple.png") 0 -161px;
    height:35px;
    width: 50px;
    position: absolute;
    top: 35%;
    left: 50%;
    margin-left: -25px; /* half of width */
    margin-top: -18px; /* half of height */
    }
     
a.show-youtube-video:hover .youtube-video-listing-youtube-modal-play-button {
    background-position: -50px -161px;
    }
    
#youtube-video-listing a.show-youtube-video img {
    width: 330px;
    }
    
.youtube-video-listing-description {
    padding-bottom: 20px;
    }

/* -------- End YouTube Listing -------- */
/* -------- Second Level Home Banner Ads -------- */


#banner { position: relative; float: left; width: 920px; height: 120px; margin: 19px; }
/* #banner a {display: block; width: 100%; height: 100%; } */
body.admissions #banner { float: none; }

#campaign-banner { position: relative; float: left; width: 920px; height: 120px; margin: 19px; }
#campaign-banner #videos { position: absolute; width: 301px; height: 120px; background: url(/images/internal/second-level-home/campaign-banner.jpg) 0 0;}
#campaign-banner #site { position: absolute; width: 307px; left: 301px; height: 120px; background: url(/images/internal/second-level-home/campaign-banner.jpg) -302px 0; }
#campaign-banner #giving { position: absolute; width: 312px; left: 608px; height: 120px; background: url(/images/internal/second-level-home/campaign-banner.jpg) -609px 0; }


/* 47 */
#special-47 {width: 187px; height: 347px; background: url(/images/internal/home/cecil-47-special.png); position: absolute; margin: 135px 0 0 950px; z-index: 900; }
#special-47 a { display: block; width: 100%; height: 100%;}

/* dining menu */
table.menu { margin-bottom: 20px !important; display: none; border: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border-spacing: 0; border-collapse: separate; }
table.menu th { padding: 10px 15px 15px 15px; font-size: 110%; text-align: center;}
table.menu td { padding: 15px 15px;}
table.menu th.station { background: #bfbfba; border: 1px solid #b0b0ab; color: #5f5f5c; text-shadow: 0 1px 0 #d6d6ce; -moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; }
table.menu td.station { font-size: 110%; width: 80px; background: #d8d8d4; border: 1px solid #c7c7c3; border-width: 0 1px 1px 1px; color: #6c6c6a; text-shadow: 0 1px 0 #f0f0eb; font-weight: bold;}
table.menu td.breakfast, table.menu td.brunch, table.menu td.lunch, table.menu td.dinner { width: 200px; }
table.short td.brunch, table.short td.dinner { width: 257px;}
table.menu th.breakfast { background: #e4e8cd; border: 1px solid #cacfb6; border-width: 1px 1px 1px 0; color: #727466; text-shadow: 0 1px 0 #faffe0; }
table.menu td.breakfast { background: #f4f7ec; border: 1px solid #e2e5da; border-width: 0 1px 1px 0; color: #62635e;}
table.menu th.brunch { background: #e9decc; border: 1px solid #cfc5b6; border-width: 1px 1px 1px 0; color: #807a70; text-shadow: 0 1px 0 #faffe0; }
table.menu td.brunch { background: #fcf6eb; border: 1px solid #e8e2d8; border-width: 0 1px 1px 0; color: #65625e;}
table.menu th.lunch { background: #cbdbe3; border: 1px solid #b3c2c9; border-width: 1px 1px 1px 0; color: #656d71; text-shadow: 0 1px 0 #def1fa; }
table.menu td.lunch { background: #ecf3f7; border: 1px solid #dae1e5; border-width: 0 1px 1px 0; color: #5e6163;}
table.menu th.dinner { background: #c7ddd1; border: 1px solid #b1c4ba; border-width: 1px 1px 1px 0; color: #636e68; text-shadow: 0 1px 0 #dcf5e8;  -moz-border-radius: 0 6px 0 0; -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0;}
table.menu td.dinner { background: #eff7f2; border: 1px solid #dbe4df; border-width: 0 1px 1px 0; color: #606361; }
table.menu span.mealName { padding: 4px 8px 4px 6px; margin: 10px 0 0 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-weight: normal; font-size: 95%; display: block; text-align: center;}
table.menu th.breakfast span.mealName { background: #cdd0b7; color: #7e8070 !important; text-shadow: 0 1px 0 #e6ebce; }
table.menu th.lunch span.mealName { background: #b6c5cd; color: #717b80 !important; text-shadow: 0 1px 0 #ccdee5; }
table.menu th.dinner span.mealName { background: #b2c6bc; color: #738079 !important; text-shadow: 0 1px 0 #cae0d5;}
div.table-caption { cursor: pointer; border: 1px solid #c7c7c3; height: 30px; line-height: 30px; margin-bottom: 10px; background: #d8d8d4; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #6c6c6a; text-shadow: 0 1px 0 #f0f0eb; padding: 0 8px; font-size: 90%;}
div.table-caption span { display: block; float: right; width: 16px; height: 12px; background: url(/images/internal/caption-dd.png) 0 0; margin: 10px 0 0 0;}
table.menu td.bottomLeft { -moz-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px; }
table.menu td.bottomRight { -moz-border-radius: 0 0 6px 0; -webkit-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0; }
#menus div.hide { opacity: .6; display: block !important;}
#menus div.hide span { background-position: -16px 0; width: 11px; height: 17px; margin-top: 7px;}

/* galleria */
/*
 * Galleria Twelve Theme 2011-06-07
 * Copyright (c) 2011, Aino
 */

.galleria-container {
    position: relative;
    overflow: hidden;
    font: 11px/1.4 arial,sans-serif;
    color: #fff;
}
.galleria-container img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.galleria-stage {
    overflow: hidden;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
}
.galleria-container.fullscreen .galleria-stage { bottom: 0 }
.galleria-bar {
    height: 31px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/images/internal/galleria/bar.png) repeat-x;
    z-index: 3;
}
.galleria-s1,
.galleria-s2,
.galleria-s3,
.galleria-s4 {
    background: url(/images/internal/galleria/separator.png);
    height: 29px;
    width: 2px;
    position: absolute;
    left: 28px;
    bottom: 1px;
}
.galleria-s2 { left: 58px }
.galleria-s3 {
    right: 29px;
    left: auto;
}
.galleria-s4 {
    right: 58px;
    left: auto;
}
.galleria-progress {
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: #aaa;
    opacity: .5;
    z-index: 3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}
.galleria-thumblink,
.galleria-fullscreen,
.galleria-play,
.galleria-popout {
    width: 29px;
    height: 29px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background: url(/images/internal/galleria/thumbs.png) no-repeat 50% 50%;
    cursor: pointer;
}
.galleria-fullscreen,
.galleria-popout {
    left: auto;
    right: 0;
    background-image: url(/images/internal/galleria/fullscreen.png);
    background-position: 8px 7px;
}
.galleria-popout {
    background-image: url(/images/internal/galleria/popout.png);
    right: 30px;
    background-position: 50% 50%;
}
.galleria-play {
    left: 30px;
    background-image: url(/images/internal/galleria/playpause.png);
    background-position: 10px 9px;
}
.galleria-play.playing { background-position: 10px -91px }
.galleria-fullscreen.open { background-position: 8px -93px }

.galleria-container.notouch .galleria-thumblink:hover,
.galleria-container.touch .galleria-thumblink:active,
.galleria-thumblink.open,
.galleria-container.notouch .galleria-fullscreen:hover,
.galleria-container.touch .galleria-fullscreen:active,
.galleria-container.notouch .galleria-play:hover,
.galleria-container.touch .galleria-play:active,
.galleria-container.notouch .galleria-popout:hover,
.galleria-container.touch .galleria-popout:active { background-color: #000 }
.galleria-thumbnails-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: url(/images/internal/galleria/bg.png);
    z-index: 2;
}
.galleria-thumbnails-list {
    position: absolute!important;
    top: 10px;
    right: 10px;
    left: 10px;
    bottom: 41px;
    overflow: auto!important;
}
.galleria-thumbnails .galleria-image {
    width: 80px;
    height: 45px;
    float: left;
    margin: 0 7px 7px 0;
    border: 3px solid #fff;
    cursor: pointer;
}
.galleria-container.notouch .galleria-thumbnails .galleria-image:hover,
.galleria-container.touch .galleria-thumbnails .galleria-image:active {
    opacity: .9;
    box-shadow: 0 0 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.4);
}
.galleria-info {
    position: absolute;
    overflow: hidden;
    height: 29px;
    line-height: 29px;
    left: 70px;
    right: 70px;
    bottom: 1px;
    color: #bbb;
}
.galleria-info > *,
.galleria-info-text > * { display: inline }
.galleria-info-title {
    color: #fff;
    font-weight: bold;
    padding: 0 10px;
}
.galleria-info-text { padding-left: 10px }
.galleria-counter {
    background: url(/images/internal/galleria/separator.png) no-repeat 100% 0;
    display: inline-block;
    *display: inline;
    padding-right: 10px;
    _height: 29px;
    zoom: 1;
}
.galleria-loader {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    z-index: 2;
    display: none;
    background: #000 url(/images/internal/galleria/loader.gif) no-repeat 50% 50%;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.galleria-image-nav {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    width: 100%;
    height: 36px;
    left: 0;
}
.galleria-image-nav-left,
.galleria-image-nav-right {
    cursor: pointer;
    width: 36px;
    height: 36px;
    position: absolute;
    left: 20px;
    z-index: 2;
    background: url(/images/internal/galleria/nav.png);
}
.galleria-image-nav-right {
    left: auto;
    right: 20px;
    background-position: -36px 0;
    z-index: 2;
}
.galleria-container.notouch .galleria-image-nav-left:hover,
.galleria-container.touch .galleria-image-nav-left:active { background-position: 0 -36px }
.galleria-container.notouch .galleria-image-nav-right:hover,
.galleria-container.touch .galleria-image-nav-right:active { background-position: -36px -36px }
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
    cursor: pointer;
    display: none;
    background-position: -495px 5px;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 23px;
    z-index: 3;
    opacity: .8;
}
.galleria-thumb-nav-right {
    background-position: -578px 5px;
    border-right: none;
    right: 0;
    left: auto;
}
.galleria-thumbnails-container .disabled,
.galleria-thumbnails-container .disabled:hover,
.galleria-thumbnails-container .disabled:active {
    opacity: .2;
    cursor: default;
}
.galleria-container.notouch .galleria-thumb-nav-left:hover,
.galleria-container.touch .galleria-thumb-nav-left:active,
.galleria-container.notouch .galleria-thumb-nav-right:hover,
.galleria-container.touch .galleria-thumb-nav-right:active {
    opacity: 1;
    background-color: #111;
}
.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right { display: block }
.galleria-lightbox-content { background: url(/images/internal/galleria/loader_pos.gif) no-repeat 50% 50% }

div.alternate_site { 
    background: #e2e7e0; 
    position: absolute; 
    top: 50px; 
    right: 20px; 
    display: inline-block; 
    width: auto; 
    height: 30px; 
    line-height: 30px; 
    font-size: 80%; 
    padding: 0 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #d3d5ce;
    }
div.alternate_site a { display: block; color: #898c88; text-shadow: 0 1px 0 #fbfff7; text-decoration: none; }
div.alternate_site a:hover { color: #646663; }

#pomona_disqus {
    padding-top:20px;
    clear:both;
    }
#pomona_disqus_header {
    width:100%;
    }

#pomona_disqus_header h3{
    font-size:16px;
    }

#pomona_disqus h3 {
    color:#465767;
    }
#cse-search-terms {
    font-size: 14px;
    margin: -10px 0 10px 0;
    }
#cse-search-term-text {
    font-weight:bold;
    }
    
/* Sea of Clouds Tweet! START */
/* http://tweet.seaofclouds.com/ */
    
.tweet,
.query {
    /* font: 120% Georgia, serif;
    color: #085258; */
}

.tweet_list {
    /* -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em; */
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    /* background-color: #8ADEE2; */
    }
    
.tweet_list li {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.5em 0;
    list-style-type: none;
    margin: 0 !important;
    border-bottom: #5d6153 1px dashed;
    }
    
.tweet_list .tweet_first {
    border-top: #5d6153 1px dashed;
    }
        
.tweet_list li a {
    /* color: #0C717A; */
    }
        
.tweet_list .tweet_even {
    /* background-color: #91E5E7; */
    }
        
.tweet_list .tweet_avatar {
    padding-right: .5em;
    float: left;
    }
        
.tweet_list .tweet_avatar img {
    vertical-align: middle;
    border: 1px solid #5d6153;
    padding: 2px;
    background-color: #ffffff;
    }
.tweet_list .tweet_text {
    font-family: Tahoma, Geneva, sans-serif;
    }
/* Sea of Clouds Tweet! END */

a.tweet_inset_name_link {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 55px 5px 8px 5px;
    margin-bottom: 5px;
    text-align: center;
    background: #666 url("../images/internal/twitter_logo_for_feed.png") no-repeat center top;
    border-radius: 5px;
    }

a.tweet_inset_name_link, a.tweet_inset_name_link:hover, a.tweet_inset_name_link:visited {
    color: #ffffff !important;
    text-decoration: none !important;
    }

a.inset_twitter_follow_button {
    display:inline-block;
    float:right;
    background: #dedede url("../images/internal/button_background_18px.png") repeat-x;
    text-decoration: none !important;
    height:18px;
    font-size:12px;
    line-height: 14px;
    padding: 3px 5px 0 5px;
    border: 1px solid #cccccc;
    border-radius:4px;
    color:#333333;
    font-weight: bold;
    }
a.inset_twitter_follow_button, a.inset_twitter_follow_button:hover, a.inset_twitter_follow_button:visited {
    text-decoration: none !important;
    }
a.inset_twitter_follow_button:hover {
    border-color: #bbbbbb;
    }

a.inset_twitter_follow_button span.twitter_logo {
    background: transparent url("../images/internal/icons.png") -89px -74px no-repeat;
    display:inline-block;
    margin-right: 5px;
    width: 18px;
    height: 15px;
    }
    
a.inset_twitter_follow_button span.inset_twitter_follow_name {
    display: inline-block;
    vertical-align:top;
    }

div.inset_twitter_feed {
    text-align: center;
    }   
    
#pomona-blog-style-content {
    clear:both;
    }
    
#pomona-blog-style-content h2.pomona-blog-style-title {
    margin-bottom: 0;
    font-size: 18px;
    }
a:link h1, a:link h2, a:link h3, a:link h4, a:link h5, a:link h6  {color: #4c84b5; text-decoration: none;}
a:visited h1, a:visited h2, a:visited h3, a:visited h4, a:visited h5, a:visited h6  {color: #4c84b5; text-decoration: none;}
a:active h1, a:active h2, a:active h3, a:active h4, a:active h5, a:active h6  {color: #4c84b5; text-decoration: none;}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {color: #426788; text-decoration: underline;}
    
#pomona-blog-style-content .pomona-blog-style-entry {
    border-bottom: 1px #cccccc dashed;
    padding: 0 0 7px 0;
    margin: 0 0 7px 0;
    }
#pomona-blog-style-content img {    
    float:left;
    height:150px;
    width: 150px;
    border: solid 1px #cccccc;
    margin-right: 5px;
    margin-top: 4px;
    }
.pomona-blog-style-entry p {
    margin-bottom: 7px;
    }
    
.pomona-blog-style-entry p:nth-last-child(2) { /* last-child won't work because there is technically a clearing div that is last...so this nth-last-child(2) selects the second to last element that is a p tag */
    margin-bottom: 0;
    }
    
.pomona-blog-style-date {
    display: block;
    color: #7f7f7f;
    font-size: 12px;
    margin-bottom: 5px;
    }
    
#pagination_links {
    text-align:center;
    padding-top: 5px;
    }

#pagination_link_current {
    font-weight: bold;
    text-decoration:underline;
    }
    
.pagination_link_ellipses {
    color: #7f7f7f;
    }
    
#pomona-blog-style-header1 {
    margin-bottom: 0;
    }
.pomona-blog-style-date-in-story {
    margin-bottom: 15px;
    margin-top: -25px;
    }
.plagiarism_correct_answers_chosen_and_this_not_it {
    text-decoration: line-through;
    color: #999 !important;
    }
.plagiarism_correct_answers_chosen_and_this_is_it {
    font-weight: bold;
    }
#pomona-plagiarism-style-pagination span {
    font-size: 14px;
    color:#666;
    }
.plagiarism_question_container h3 {
    background-color: #d0c992;
    padding: 3px 5px;
    border-radius: 3px;
    margin-bottom: 20px;
    }
    
.show_hidden_content_button {
    margin: -10px 0 15px 0 !important;
    display:inline-block;
    }
    
.show_hidden_content_button {
    font-size: 14px;
    }
.spinner {
    height: 34px;
    width: 34px;
    margin: 0 auto;
    background: transparent url("../images/internal/loading-white-bg.gif") 0 0 no-repeat;
    }
#news-filter-sf-menu {
    float:right;
    }
#news-filter-sf-menu.sf-menu li:hover ul,
#news-filter-sf-menu.sf-menu li.sfHover ul {
    left:auto;
    right: 13px;
    }

#news-sf-menu.sf-menu li:hover ul,
#news-sf-menu.sf-menu li.sfHover ul {
    left: -7px;
    width: 200px;
    }

#news-sf-menu ul li, #news-filter-sf-menu ul li{
    background-color: #b4b792 !important;
    }
    
/*************** Formstack begin ***************/
.fsForm {
    border: none !important;
    }

.fsSubmit {
    background-color: #fff !important;
    }
/*************** Formstack end ***************/

#calendar-wallpaper div {
    width: 290px;
    float: left;
    margin: 0 0 25px 25px;
    text-align: center;
    }
    
#calendar-wallpaper #calendar-wallpaper-sep, #calendar-wallpaper #calendar-wallpaper-dec, #calendar-wallpaper #calendar-wallpaper-mar, #calendar-wallpaper #calendar-wallpaper-jun {
    margin-left: 0;
    }

#calendar-wallpaper a {
    font-size: .8em;
    }

#dorm-challenge-instructions .dorm-challenge-step, #dorm-challenge-dorm-results .dorm-challenge-dorm {
    float: left;
    width:220px;
    margin: 0 14px 0 0;
    padding: 0;
    }
#dorm-challenge-dorm-results .dorm-challenge-dorm {
    margin-bottom: 25px;
    }
#dorm-challenge-top-results h3 {
    font-size: 1.2em;
    background-color: #8EB8C6;
    padding: 5px;
    color: #000000;
    }
    
#dorm-challenge-top-results {
    background-color: #e0dfda;
    }
    
#dorm-challenge-results-updated-pace {
    margin-top: -10px;
    }
#dorm-challenge-top-results ol {
    padding-top: 5px;
    padding-bottom: 0;
    }
#dorm-challenge-top-results li {
    color: #000000;
    font-weight: bold;
    }
#dorm-challenge-top-results p {
    padding: 5px 10px;
    color: #000000;
    }
#dorm-challenge-instructions .dorm-challenge-step {
   margin-top: 10px;
}
#dorm-challenge-instructions .dorm-challenge-step p{
   padding: 10px;
}
#dorm-challenge-dorm-results .dorm-challenge-dorm p {
     margin: 0 0 5px 0;
     font-size: .9em;
     line-height: 1.4em;
 }
#dorm-challenge-dorm-results .dorm-individual-result {
    width: 220px;
    height: 26px;
    background-color: #42342b;
    color: #d0af2c;
    margin: -30px 0 10px -1px;
    z-index: 10000;
    position:relative;
    }
#dorm-challenge-dorm-results .dorm-challenge-dorm a {
    position: relative;
    z-index: 9999;
    }
#dorm-challenge-dorm-results .dorm-challenge-dorm a {
    color: #d0af2c;
    }
#dorm-challenge-dorm-results .dorm-challenge-dorm a:hover {
    color: #d0af2c;
    text-decoration: none;
    }
#dorm-challenge-dorm-results .dorm-individual-result p {
    color: #d0af2c;
    padding: 3px 5px 0 5px;
    }
 
#dorm-challenge-instructions .dorm-challenge-step img, #dorm-challenge-dorm-results img.dorm-challenge-dorm-badge {
    width:220px;
    margin: 0 !important;
    padding: 0 !important;
    margin-left: -1px !important;
    }
#dorm-challenge-instructions .dorm-challenge-step img {
    margin-bottom: 5px !important;
    }
#dorm-challenge-instructions #dorm-challenge-step3, #dorm-challenge-dorm-results .dorm-challenge-dorm3 {
    margin-right: 0;
    }
#dorm-challenge-instructions #dorm-challenge-step1 {
    clear:left;
    }
    
#dorm-challenge-header {
    display: block;
    margin-top: 15px;
    }
    
p.dorm-challenge-dorm-individual-page-main-text {
    font-size: 1.2em;
    line-height: 1.2em;
    background-color: #E0DFDA;
    padding-top: 10px;
    padding-right: 5px;
    height: 193px;
    width: 685px;
    }
.dorm-challenge-dorm-individual-page {
    text-align: center;
    font-size: 1.4em;
    position: relative;
    top: -120px;
    left: 110px;
    }
/*
.dorm-challenge-dorm-individual-page .dorm-individual-result p {
    display: inline;
    background-color: #41322B;
    padding: 8px;
    color: #d0af2c;
    }
*/

.tableauPlaceholder {
    margin: -20px 0 0 -5px;
    }
    
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}