/*                                              *
 *    Glucksman Ireland House redesign, 2013        *
 *                                              */

/* apply a natural box layout model to all elements, works in everything but IE < 8 */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/*********
        Layout*********/

body {
    width: 860px;
    margin: 0 auto;
    background: #a5bed3 url("/docs/IO/27979/body-bg.png") repeat-y center 0;;
    color: #000;
    font: 75% Verdana, Arial, sans-serif;
    line-height: 1.666667;
}

#wrapper {
    position: relative;
    width: 100%;
    background-color: #fff;
    overflow: visible;
}
#skiptocontent {
    position: absolute;
    top: -10em;
    left: -10em;
}

#schoolnav {
    position: relative;
    background-color: #1b5651;
    height: 2.16666em;
    margin: 0;
    padding: 0 2em;
    list-style: none;
    overflow: auto;
    text-align: justify;
    z-index: 10;
    overflow-y: hidden;
}
#schoolnav li {
    display: inline;
}
#schoolnav div.justify-trick {
    display: inline-block;
    width: 100%;
    height: 0;
}
#schoolnav li a {
    display: inline-block;
    padding: 8px 10px;
    font-family: Arial, Verdana, sans-serif;
    font-size: .83333em; /* 10px/12px */
    color: #fff;
    text-transform: uppercase;    
    text-decoration: none;
    letter-spacing: .04545em;
    line-height: 1;
}
#schoolnav li a:hover, 
#schoolnav li a:focus { color: #6c9; }

#header {
    position: relative;
    width: 801px;
    height: 124px;
    margin: 20px 0 23px 29px;
    overflow: hidden;
    line-height: 1;
}
#header h1 a,
#header .sitename {
    display: block;
    width: 801px;
    height: 124px;
    line-height: 3;
    color: #1b5651;
    font-family: Georgia, serif;
    font-size: 3em;
}
#header h2,
#header .tagline {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    font-size: 1.5em;
    font-weight: bold;
    color: #1b5651;
    text-transform: uppercase;
}
#header .celebrating {
    position: absolute;
    top: 0;
    left: 86px;
    margin: 0;
}

#searchform {
    position: absolute;
    top: 1px;
    right: 0;
}
#searchform div { display: inline; }
#searchform #searchtextbox, #searchform #searchsubmit {
    display: block;
    float: left;
    border: solid #ccc;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
}
#searchform #searchtextbox {
    position: relative;
    width: 10.667em; /* 128/12 */
    height: 1.666667em; /* 20/12 */
    border-width: 1px 0 1px 1px;
}
#searchform #searchsubmit {
    height: 2.2222222em; /* 14/9 */
    padding: 1px 10px 3px;
    background-color: #ccc;
    border-width: 2px 1px 0px 0;
    font-size: .75em; /* 9px/12px */
    color: #333;
    line-height: 1.3333333em;
    text-transform: uppercase;
}
#searchform #searchsubmit:active { padding: 3px 9px 3px 11px; }



#main {
    position:relative;
    clear: both;
    min-height: 50em;
    padding: 0 30px;
}

#lft-col {
    float: left;
    width: 180px;
    padding-bottom: 18em; /* make room for .contact */
}
#rt-col {
    float: right;
    width: 190px;
    margin-left: 25px;
}
#content {
    float: left;
    z-index: 10;
    width: 524px;
    margin-left: 25px;
}
#content > :last-child, 
#content > :last-child > :last-child, 
#content > :last-child > :last-child > :last-child { margin-bottom: 0; }
#rt-col + #content { width: 380px; margin-right: 0; }
.homepg #content, 
.events-bucket-active #content { width: 594px; margin-right: 0; }
.events-bucket-active #usrcontent { width: 524px; }
/* need full width of the column plus extra for the calendar item's right margins */


 
#mainnav {
    margin-bottom: 22px;
    background-color: #d1dddc;
}
#mainnav h4 {
    padding: .30769em .76923em; /* 4/13, 10/13 */
    font-size: 1em; /* 12/12 */
    
    position: absolute; /* show label to screen readers, hide from visual browsers */
    left: -999em;
}
#mainnav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#mainnav li { margin: 0; }
#mainnav li a, 
#mainnav li.mainnav_on, 
#mainnav li.mainnav_chon {
    display: block;
    width: 100%;
    padding: 7px 12px 8px 12px;
    color: #1b5651;
    text-decoration: none;
}
#mainnav .mainnav_on:first-child, 
#mainnav li:first-child a { padding-top: 21px; }
#mainnav .mainnav_on:last-child, 
#mainnav li:last-child a { padding-bottom: 24px; }

#mainnav li a:hover, 
#mainnav li a:focus,
#mainnav .mainnav_child li a:hover, 
#mainnav .mainnav_child li a:focus { color: #006edc; }

#mainnav li.mainnav_spon, 
#mainnav li.mainnav_on, 
#mainnav li.mainnav_chon { font-weight: bold; color: #033; }

#mainnav ul.mainnav_child {
    padding-bottom: 14px;
    list-style: none;
}
#mainnav .mainnav_child li.mainnav_on, 
#mainnav li.mainnav_chon, 
#mainnav .mainnav_child li a {
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 35px;
    background-image: url("/docs/IO/27979/bullet-nav.png");
    background-position: 24px -15px;
    background-repeat: no-repeat;
    color: #000;
}
#mainnav .mainnav_child li a:hover, 
#mainnav .mainnav_child li a:focus { background-position: -10px 10px; }
#mainnav .mainnav_child li:first-child a { padding-top: 3px; }
#mainnav .mainnav_child li:last-child a { padding-bottom: 4px; }


.subnav.bucket {
    float: right;
    width: 190px;
    margin: 0 0 25px 25px;
    padding: 1em 1.33333em .16666em; /* 16/12 */
    background-color: #ebebeb;
}
.subnav li { margin-bottom: .16666em; } /* 2/12 */
.subnav ul li:last-child { padding-bottom: 1em; } /* 12/12 */
.subnav .active {
    display: block;
    padding-left: 10px;
    background: transparent url("/docs/IO/27979/bullet.png") no-repeat 1px -7px;
    font-size: .91666em; /* 11/12 */
    font-weight: bold;
}


#events-bucket .nav_month, 
.nav_month {
    position: absolute;
    top: 37px;
    right: 30px;
    margin: 0;
    padding: 0;
    z-index: 10;
}
#events-bucket .nav_month li, 
.nav_month li { display: inline; float: left; }
#events-bucket .nav_month a, 
.nav_month a {
    display: block;
    margin-left: 5px;
    padding: 6px;
    background-color: #d1dddc;
    color: #1b5651;
}
#events-bucket .nav_month {
    right: 0;
    top: -32px;
}
#events-bucket .nav_month li {
    display: inline;
    width: auto;
    margin: 0;
    padding: 0;
}

#events-bucket .nav_month.fixedattop, 
.fixedattop {
    position: fixed;
    top: 0;
}



.headimg { padding: 0; }


#usrcontent { clear: left; width: 100%; }
.homepg #usrcontent { margin-bottom: 2.667em; }

#sub-nav { font-size: .9em; }

#breadcrumb{
    margin-top: -3px;
    margin-bottom: 17px;
    font-size: .75em; /* 9/12 */
    color: #666666;
}
#breadcrumb a { color: #666666; text-decoration: underline; }
#breadcrumb .arrow-bg { background: #fff url("/docs/IO/27979/backarrow.gif") no-repeat 0 0; }
#breadcrumb .arrow-bg img { display: none; }
#breadcrumb img { padding: 0; border: 0; }


#content form .instruction { font-style: italic; }
#content form input, 
#content form textarea { margin-bottom: 1em; }
#content form select { margin-bottom: 1.13333em; }
#content form input.button { margin-top: .5em; }
#content form textarea { width: 450px; }
#content form input[type=text] { width: 300px; }




/*******
       Profile and Event page styles
             ********/

.profilepg .headimg, 
.eventpg .headimg {
    float: left;
    width: 202px;
    overflow: hidden;
    margin: 0 25px 25px 0;
}
.profilepg .headimg img, 
.eventpg .headimg img  {
    width: 202px;
    overflow: hidden;
    margin: 0;
}
.profilepg .headimg .caption, 
.eventpg .headimg .caption {
    margin: 10px 0 0 0;
    text-align: right;
}
.profilepg h1, 
.eventpg h1 { margin-top: -8px; }

.profilepg .generalinfo div, 
.profilepg .generalinfo div { overflow: hidden; margin: .75em 0; }

/** Profiles only **/
.profilepg .headimg { width: 202px; height: 202px; }
.profilepg .headimg img { width: 100%; }
.profilepg .generalinfo { display: table; }
.profilepg .generalinfo h4 {
    float: left;
    clear: left;
    margin-top: 0;
    padding: 0;
    font-size: 1em;
}
.profilepg .generalinfo p { display: block; float: left; margin: 0; }
.profilepg .backTop { margin-top: 1em; font-size: .83333em; }
.profilepg #facupdateprofile img { clear: left; padding: 0; border: 0; }
.profilepg .lastupdate { clear: left; margin-top: 0.91667em; }

/** Events only **/
.eventpg #content { width: 594px; margin-right: 0; }
.eventpg #usrcontent { width: 524px; }
.eventpg .generalinfo {
    display: table;
}
.eventpg .generalinfo h1 { font-size: 1.7em; }
.eventpg .generalinfo .date, 
.eventpg .generalinfo .location {
    margin-bottom: 6px;
    font-size: 1.12em;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    color: #333;
}
.eventpg.canceled .date { text-decoration: line-through; color: #777; }
.eventpg .generalinfo .location { margin-top: 6px; }

.eventpg .notice p { color: #777; font-size: .8em; }

.imgwcap {
    float: left;
    width: 202px;
    margin-right: 25px;
    margin-bottom: 10px;
    font-size: .75em;
    color: #888;
    text-align: right;
}
    




/***************/
/* Tabbed Panes  */
/***************/

.tabbed { border: 0; display: inline }
.tabbed h4 { margin-top: 0; margin-bottom: 0.7333em; font-size: 1.25em; }
.tabbed h4, 
.tabbed .propertySub { clear: both; }
.tabbed h5 { margin-bottom: .25em; }
.tabbed h5 a { text-decoration: none; }
.tabbed li { clear: both; width: 100%; margin-bottom: 2em; padding-left: 0; text-indent: 0; }
.tabbed .pane li { margin-bottom: 1em; }
.tabbed li img { float: left; width: 23.68969%; max-width: 131px; } /* 131/553 img plus padding and border */
.tabbed li .fac-info { float: right; width: 71.79%; } /* 397/553 */
.tabbed .fac-info h6 { float: left; clear: left; }
.tabbed .fac-info p { margin: 0; }


.tabbed a.tab {
    position: relative;
    display: inline-block;
    z-index: 10;
    margin-right: -5px;
    padding: .5em 1em;
    background-color: #dadada;
    border: 1px solid #999;
    color: #000;
    text-decoration: none;
}
.tabbed a.tab:hover, .tabbed a.tab:focus, .tabbed:target a.tab,
.tabbed.active a.tab { background-color: #fff; }
.tabbed:target a.tab, .tabbed.active a.tab { border-bottom: 1px solid #fff; }
.tabbed div.pane {
    display: none;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 2.75em;
    margin-right: -100%;
    padding: 2em 1em;
    background-color: #fff;
    border-top: 1px solid #999;
}
.tabbed:target div.pane, .tabbed.active div.pane { display: block; }

.tabbed-separator { display: none; }

/* END Tabbed Panes */








/************
    Footer
***********/

#footer { font-size: .91666em; /* 11/12 */ }
#footer, #footer a {
    padding: 3px 0;
    background-color: #1b5651;
    color: #fff;
    text-decoration: none;
    text-align: center;
}
#footer a { padding: 0; }
#footer a:hover, 
#footer a:focus { color: #6c9; }


/*****
    Contact Info 
          *******/
#footer .contact {
    position: absolute;
    bottom: 5.2em; /* 52/10 */
    left: 30px;
    background-color: transparent;
    font-size: .9090909em; /* 10/11, 11 because inside footer */
    color: #333;
    line-height: 1.5;
    text-align: left;
}
#footer .contact p { margin: .7em 0 0 0; } /* 15/10 */
#footer .contact a { background-color: inherit; color: #006edc; }
#footer .contact a:hover, 
#footer .contact a:focus { color: #000; }


/***
 Sticky Footer
  from http://www.cssstickyfooter.com/
***/
html, body { height: 100%; }

#wrapper { min-height: 100%; }

#main {
    overflow: auto;
    padding-bottom: 4.1667em; /* 26/12, footer height plus actual main padding */
}

#footer {
    position: relative;
    width: 100%;
    margin: -2.1667em auto 0; /* top margin = negative value of footer total height */
    height: 2.1667em;
    clear:both;
}
/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/
}
/***** END sticky footer *****/






/*******
    Bucket Styles
            *********/

.bucket {
    position: relative;
    margin: 1.91667em 0; /* 23/12 */
    padding: 1.5em;/* 18/12 */
    overflow: hidden;
}
.bucket h4 {
    margin: 0 0 .33333em 0; /* 4/12 */
    position: relative;
    font-size: 1.08333em; /* 13/12 */
}
.bucket h5 { margin: 0 0 2px 0; }
.bucket .propertySub {
    margin: 2.5em 0 1.5em 0;
    font-size: 1.125em;
    font-weight: bold;
    color: #1b5651;
}
.bucket ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bucket li { position: relative; }
.bucket li a {
    display: block;
    padding-left: 10px;
    font-size: .91666em; /* 11/12 */
    background: transparent url("/docs/IO/27979/bullet.png") no-repeat -13px 6px;
}
.bucket li p a { display: inline; padding: 0; font-size: 1em; background: none; }
.bucket li a:hover { background-position: 1px -7px; }
.bucket p { margin: 0; }

#content .bucket li, 
#content .bucket li a { font-size: 1em; }
#rt-col .bucket {
    margin: 0;
    padding: 1em 1.33333em .16666em; /* 16/12 */
    background-color: #ebebeb;
}
#rt-col .bucket:last-child { padding-bottom: 1em; } /* 12/12 */
#rt-col .bucket li { margin-bottom: .16666em; } /* 2/12 */

/*

.bucket .archive a { margin: 9px 0 5px 0; }
.bucket .archive a:hover, 
.bucket a:hover .more,
.bucket .more:hover { background-position: right -15px; }
*/
.bucket .archive a, 
.bucket .more { font-weight: bold;}
.bucket .archive a:after, 
.bucket .more:after { content: "\00a0>"; font-size: .8em; }

.homepg .bucket {
    margin: 25px 0 0 0;
    padding: 10px 18px 13px 18px;
    background-color: #ebebeb;
}
.homepg #content .bucket h4 {
    margin-bottom: 4px;
    font-size: 1.5em; /* 18/12 */
    font-family: Georgia, serif;
}



#feature-bucket {
    height: 310px;
    margin-top: 0;
    padding: 0;
    background-color: #1b5651;
}
#feature-bucket li { margin: 0; }
#feature-bucket li a {
    display: block;
    position: relative;
    height: 100%;
    padding: 0;
    background: none;
}
#feature-bucket h4 { position: absolute; top: -10em; left: -10em; }
#feature-bucket img {
    width: 340px;
    border: none;
}
#feature-bucket h5 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 254px;
    margin: 0;
    padding: 18px 18px 33px 18px;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.45833;
}
#feature-bucket a:hover h5 { text-decoration: underline; }
#feature-bucket .paging-arrow {
    opacity: 0;
    display: block;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 85px;
    margin-top: -37px;
    background: transparent url("/docs/IO/27979/arrow-paging.png") no-repeat;
    cursor: pointer;


    -webkit-transition-property: margin-top, opacity;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: ease;

    -moz-transition-property: margin-top, opacity;
    -moz-transition-duration: .5s;
    -moz-transition-timing-function: ease;

    -o-transition-property: margin-top, opacity;
    -o-transition-duration: .5s;
    -o-transition-timing-function: ease;

     transition-property: margin-top, opacity;
    transition-duration: .5s;
    transition-timing-function: ease;
}
#feature-bucket:hover .paging-arrow { margin-top: -43px; opacity: .5; }
#feature-bucket .prev { left: 0; background-position: 0 0; }
#feature-bucket .next { right: 0; background-position: -50px 0; }
#feature-bucket .prev:hover { opacity: 1; }
#feature-bucket .next:hover { opacity: 1; }

#feature-bucket .carousel-pagination {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 254px; /* same as the h5 */
    height: 27px;
    margin: 0;
    padding: 0 18px;
}
#feature-bucket .carousel-pagination li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 7px;
    background-color: #fff;
    border: 1px solid #000;
    cursor: pointer;


    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    -webkit-transition: background-color .7s ease;
     -o-transition: background-color .7s ease;
     -moz-transition: background-color .7s ease;
     transition: background-color .7s ease;
}
#feature-bucket .carousel-pagination .carousel-pagination-active { background-color: #398bdc; }




#thisweek-bucket {
    width: 315px;
    margin-right: 25px;
}
#thisweek-bucket li { margin: 0 0 9px 0; text-indent: 0; }
#thisweek-bucket li:before { content: none; }
#thisweek-bucket li:last-child { margin-bottom: 0; }
#thisweek-bucket h5 { margin-bottom: 0; }
#thisweek-bucket h5 a { background: none; padding-left: 0; font-family: Verdana, Arial, sans-serif; }
#thisweek-bucket .date {
    color: #1b5651;
    font-weight: bold;
}
#thisweek-bucket .location { font-style: italic; }
#thisweek-bucket h5 { margin-top: 0; font-weight: normal; }
#thisweek-bucket .archive { margin-top: 9px; }




#education-bucket {
    height: 347px;
}
#education-bucket li {
    height: 291px;
}
#education-bucket li a {
    padding: 0;
    background: none;
    color: #000;
}
#education-bucket .spotlight-img {
    width: 218px; /* incl 2px border */
    height: 137px; /* incl 2px border */
    margin: 6px 0 12px 0;
}
#education-bucket .more { color: #006edc; }
#education-bucket a:hover .more { color: #000; }
 
#education-bucket .paging-index {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
    text-align: center;
}
#education-bucket .paging-arrow {
    display: block;
    position: absolute;
    bottom: 15px;
    width: 11px;
    height: 17px;
    background: transparent url("/docs/IO/27979/arrow-paging.png") no-repeat;
    cursor: pointer;
}
#education-bucket .paging-arrow:hover { bottom: 14px; }
#education-bucket .prev { left: 18px; background-position: 0 -85px; }
#education-bucket .next { right: 18px; background-position: -11px -85px; }


#genpurpose-bucket, 
#education-bucket, 
#announcements-bucket, 
#take-action-bucket { float: right; clear: right; width: 254px; }

#announcements-bucket.left, 
#take-action-bucket.left { float: none; clear: none; width: 315px; }
#announcements-bucket.spanning, 
#take-action-bucket.spanning { float: none; clear: none; width: 100%; }

#genpurpose-bucket h4, 
#announcements-bucket h4,
#take-action-bucket h4 { position: absolute; left: -10em; top: -10em; }
#content #genpurpose-bucket h5 a, 
#content #announcements-bucket h5 a, 
#content #take-action-bucket h5 a { /* reset to look like an h4, need #content to overcome specificity of general rule */
    position: relative;
    padding: 0;
    background: none;
    font-family: Georgia, serif;
    font-size: 1.5em;
    line-height: 1.66667;
}

#genpurpose-bucket h5 a, 
#announcements-bucket h5 a { color: #1b5651; }
 
#take-action-bucket {
    margin-bottom: 0;
    padding-bottom: 8px;
}
#take-action-bucket .arrow {
    display: inline-block;
    position: relative;
    top: -1px;
    left: 7px;
    width: 16px;
    height: 22px;
    background: transparent url("/docs/IO/27979/arrow.png") no-repeat right 10px;
}
#take-action-bucket h5 a:hover .arrow { background-position: right -19px; }

/*
#genpurpose-bucket, 
#genpurpose-img-bucket { padding: 0; }
#genpurpose-bucket li, 
#genpurpose-img-bucket li { overflow: hidden; margin-bottom: 3em; padding: 0; text-indent: 0; }
#genpurpose-bucket li a, 
#genpurpose-img-bucket li a { padding: 0; text-indent: 0; background: none; }
#genpurpose-bucket li:before, 
#genpurpose-img-bucket li:before  { content: none; }
#genpurpose-img-bucket li img {
    float: left;
    max-width: 100px;
    margin: 6px 25px 25px 0;
}
#genpurpose-img-bucket h5 { margin-top: 0; }
#genpurpose-img-bucket li h5,
#genpurpose-img-bucket li p { padding-left: 125px; }
*/



/*** Faculty listing ***/
#faculty-bucket { padding: 0; }
#faculty-bucket li {
    display: block;
    clear: both;
    overflow: hidden;
    margin-bottom: 3.5em;
}
#faculty-bucket li:last-child { margin-bottom: 0; }
#faculty-bucket li a {
    padding-left: 0;
    background: none;
}
#faculty-bucket .facimg {
    float: left;
    width: 102px;
    height: 102px;
    overflow: hidden;
    margin-right: 25px;
    border: 1px solid #999795;
}
#faculty-bucket .facimg img { width: 100px; border: 0; }
#faculty-bucket .fac-info {
    margin-left: 127px;
}
#faculty-bucket h5 { margin-top: -5px; }
#faculty-bucket h6 {
    float: left;
    margin-top: 0;
    padding: 0;
    font-weight: bold;
}






/*** Events listing ***/
#events-bucket {
    display: block;
    overflow: visible;
    clear: both;
    margin: 0;
    padding: 0;
}
#events-bucket h4 { position: absolute; left: -10em; top: -10em; }

#events-bucket li {
    display: block;
    float: left;
    width: 182px;
    margin: 0 24px 25px 0;
    padding-top: 42px;
}
#events-bucket .rowstart { clear: left; }
#events-bucket .rowend { margin-right: 0; }
#events-bucket li:nth-last-child(-n+4) { margin-bottom: 0; }

#events-bucket .propertySub {
    position: absolute;
    top: 0;
    margin: 0;
    font-family: Georgia, serif;
    font-size: 1.4em;
    color: #1b5651;
}
#events-bucket .imglink {
    display: block;
    width: 182px;
    height: 182px;
    border: 1px solid #999795;
    text-align: center;
}
#events-bucket img { max-width: 180px; max-height: 180px; border: 0; }
#events-bucket .date {
    margin: 6px 0;
    font-size: .85em;
    font-weight: bold;
}
#events-bucket .canceled .date { text-decoration: line-through; color: #777; }
#events-bucket h5 { margin: 6px 0; }
#events-bucket li a {
    padding: 0;
    background: transparent;
    text-indent: 0;
}





/*** Video Listing (HH) ***/

#videolisting-bucket {
  float:left;
  width:315px;
  margin-bottom:25px; /* Judging from the .bucket and #events-bucket settings, the .bucket should push bucket down 25px down while the #events-bucket revert this by making it 0px; I've tried to add margin-top:25px but doesn't make the event bucket move down, so I have to put the margin-bottom:25px here. Will come back to look into this */
}
#videolisting-bucket li a {
  background:none; /* remove the > in front of the link */
  padding-left:0 /* reset the padding to left */
}





/*** See Also **/
#lft-col #seealso-bucket { margin-top: 30px; padding: 0; border-top: 1px solid #1b5651; }
#lft-col #seealso-bucket h4 {
    margin: 0;
    padding: .66667em 10px;
    background-color: #d1dddc;
    color: #033;
    font-weight: normal;
}
#lft-col #seealso-bucket ul {
    padding: 0 2px;
    list-style: none;
}
#lft-col #seealso-bucket li {
    margin: 0;
    padding: 1em 0;
    border-bottom: 1px solid #999;
    font-size: 1em;
    text-indent: 0;
}
#lft-col #seealso-bucket li.last { border: 0; }
#lft-col #seealso-bucket li:before { content: none; }
#lft-col #seealso-bucket li a { padding: 0; background: none; text-decoration: none; }



/*** Social Media widget ***/
#socialmedia ul {
    margin-top: 8px;
    padding: 0;
    background-color: transparent;
    list-style: none;
}
#socialmedia li a {
    width:170px;
    display: block;
    height: 20px;
    padding: 0 12px 0 25px;
    background-position: 0 -20px;
    color: #666666;
    font-size: .91667em;
}
#socialmedia a:hover { color: #006edc; }
    
    


/*** Generic Component content writer ***/
.block-writer-bucket {
    margin-top: 30px;
    padding: 0;
    border-top: 1px solid #1b5651;
}
.block-writer-bucket .item {
    margin-top: 13px;
    font-size: .75em;
    color: #666666;
}




/*** Toggle Item DL styles ***/
.toggleitem .toggleitem { padding-top: 1em; padding-bottom: 1em; }
.toggleitem h4 { margin-top: 1em; }
.toggleitem h4, 
.toggleitem h5 { text-decoration: underline; cursor: pointer; }
.toggleitem dd { display: none; margin-bottom: 2em; }
.toggleitem .txtlink, 
.toggleitem .txtlink-directlink, 
.toggleitem .txtlink-a { margin-left: 3em; }
.toggleitem .toggleitem .propertySub, 
.toggleitem .toggleitem .txtlink {
    display: list-item;
    margin-top: 1em;
    margin-bottom: 1em;
    color: #57068C;
    text-decoration: underline;
    cursor: pointer; }
.toggleitem .txtlink:hover { text-decoration: underline; }
.toggleitem .txtlink.active { font-weight: bold; }




/*** Back to Top styles ***/
#topcontrol {
    margin-right: 0;
    padding: 11px 12px;
    background-color: #1b5651;
    color: #fff;
    font-size: 1.1em;
    font-family: Georgia, serif;
    font-weight: normal;
    letter-spacing: .05em;
    line-height: 1.4em;
    text-transform: none;
    border-radius: .45em 0 0 0;
}

/* old version */
#topcontrol-old {
    margin-right: 0;
    padding: 10px 14px;
    background-color: #1b5651;
    color: #fff;
    font-family: Georgia, serif;
    font-weight: bold;
    text-transform: none;
    border-radius: .75em 0 0 0;
}
 




/*************
    Page Specific Styles
              *************/

/* Podcast styles */
#podwrap { margin: 2em 0; }

/* resets for old calendar pages */
ol.calendar { position: relative; padding: 0; list-style: none; }
ol.calendar li.month { position: relative; border: 0; }
ol.calendar li.month ol { margin: 0; padding: 0; list-style: none; }
li.month li {
    position: relative;
    min-height: 302px;
    padding: 50px 0 50px 225px;
    overflow: hidden;
    border-bottom: 1px dashed #999;
}
li.month li.last { border: none; }
ol.calendar li h3, {
    background-color: #d1dddc;
    margin: 0;
    padding-left: 25px;
    font-size: 2.6em;
    font-weight: normal;
    line-height: 1.6;
}

ol.calendar li h4 {
    margin: 0 0 10px 0;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.5;
    font-family: Verdana, Arial, sans-serif;
}
ol.calendar li h4 span.date { display: block; padding-bottom: .5em; font-size: .8em; }
ol.calendar li h5 {
    display: inline;
    font-style: italic;
}
ol.calendar li p { margin: 0; }
ol.calendar li p.venue {
    display: inline;
    line-height: 1.5;
    font-family: Verdana, Arial, sans-serif;
}
ol.calendar li p.sponsoredby {
    font-size: .8em;
    color: #555;
}

ol.calendar li img {
    position: absolute;
    top: 50px;
    left: 0;
    float: left;
}
ol.calendar li img.sponsorlogo {
    position: relative;
    float: none;
    border: 0;
    vertical-align: middle;
}
ol.calendar li img.cultureireland {
    position: static;
    float: right;
    border: 0;
}

#pastevents { display: none; }



/*************
    Type / General Styles
              *************/

a { color: #006edc; text-decoration: none; }
a:hover, a:focus { color: #000; }
a:active {}
.fakelink { color: #006edc; text-decoration: none; }
 
h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    color: #1b5651;
}
h1, h2, h3 {
    font-family: Georgia, serif;
     margin: 1em 0 .5em 0; /* 15px/18px 9/18 */
    font-size: 1.5em; /* 18px/12px */
}
h4 { margin-top: 2em; font-size: 1.15em; font-weight: bold; }
h5, h6 { margin-top: 2em;  font-size: 1em; }
h6 { display: inline; font-weight: normal; }


p { margin: .91667em 0; } /* 11/12 when added to extra line-height space gives 20px between p */

img { border: 1px solid #999795; }
img[align="left"] { margin-right: 25px; }
img[align="right"] { margin-left: 25px; }


ul, ol { margin: 1.58333em 0; padding-left: 3em; }
li { margin-bottom: .5em; }

.lastupdate {
    font-size: .75em;
    color: #aaa;
}


hr {
    border: 0;
    height: 1px;
    margin-top: 3.5em;
    margin-bottom: 3.5em;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:         linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}



#usrcontent h1,
#usrcontent h2,
#usrcontent h3, 
#usrcontent h4, 
#usrcontent h5,
#usrcontent h6 { margin-top: 0px; }

.caption {
    font-size: .75em;
    color: #888;
}

.noborder { padding: 0; border: 0; }
.sponsorlogo {
    border: none;
    margin: 12px;
    vertical-align: middle;
}


table.border { border: solid #033; border-width: 1px 0 0 1px; }
.border td, 
.border thead, 
.border tbody { border: solid #033; }
.border td { border-width: 0 1px 1px 0; }
.border thead { background-color: #1b5651; color: #fff; font-weight: bold; }
table .subhead { background-color: #d1dddc; color: #000; font-weight: normal; }

.border thead h4, 
.border thead h5, 
.border thead h6 { color: #fff; font-weight: bold; }



/* 7/2013 GSAS Analytics Project. */
iframe[name='google_conversion_frame'] { height: 0; }


/********
    Print Styles
           ********/
@media print {

#schoolnav, 
#header #searchform, 
#lft-col, 
#rt-col, 
#footer, 
#topcontrol, 
.button-onsiteedit, 
.contact { display: none; }

.homepg #lft-col, 
.homepg #rt-col {
    display: block;
}


.contextpg #content, 
.contentpg #content, 
.profilepg #content,
.eventpg #content {
    width: 100% !important;
    margin: 0;
    font-size: 1.25em;
}
.contentpg #content, 
.profilepg #content { margin-left: 0; }


.profilepg .profileimg { font-size: 2em; }


#content p, 
.fac-list ul li { page-break-inside: avoid; }



} /* end print styles */