/* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
 html, button, input, select, textarea {
     color: #222;
}
 body {
     font-size: 16px;
     line-height: 1.8;
     color:#5f5f5f;
}
html {
    font-size: 16px;
}
/* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate. * Customize the background color to match your design. */
 ::-moz-selection {
     background: #b3d4fc;
     text-shadow: none;
}
 ::selection {
     background: #b3d4fc;
     text-shadow: none;
}
/* * A better looking default horizontal rule */
 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin: 1em 0;
     padding: 0;
}
/* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
 img {
     vertical-align: middle;
}
/* * Remove default fieldset styles. */
 fieldset {
     border: 0;
     margin: 0;
     padding: 0;
}
/* * Allow only vertical resizing of textareas. */
 textarea {
     resize: vertical;
}
/* ========================================================================== Chrome Frame prompt ========================================================================== */
 .chromeframe {
     margin: 0.2em 0;
     background: #ccc;
     color: #000;
     padding: 0.2em 0;
}
/* ========================================================================== Author's custom styles ========================================================================== */
 @font-face {
     font-family: 'Franklin Gothic Demi Ext Cmp';
     src: url('../webfontskit/webfonts/24AAF3_13_0.eot');
     src: url('../webfontskit/webfonts/24AAF3_13_0.eot?#iefix') format('embedded-opentype'),url('../webfontskit/webfonts/24AAF3_13_0.woff') format('woff'),url('../webfontskit/webfonts/24AAF3_13_0.ttf') format('truetype');
}
 @font-face {
     font-family: 'Franklin Gothic Extra Cond';
     src: url('../webfontskit/webfonts/24AAF3_13_0.eot');
     src: url('../webfontskit/webfonts/24AAF3_13_0.eot?#iefix') format('embedded-opentype'),url('../webfontskit/webfonts/24AAF3_13_0.woff') format('woff'),url('../webfontskit/webfonts/24AAF3_13_0.ttf') format('truetype');
}
 @font-face {
     font-family: 'ITC Franklin Gothic Std Bk CD';
     src: url('../webfontskit/webfonts/24AAF3_11_0.eot');
     src: url('../webfontskit/webfonts/24AAF3_11_0.eot?#iefix') format('embedded-opentype'),url('../webfontskit/webfonts/24AAF3_11_0.woff') format('woff'),url('../webfontskit/webfonts/24AAF3_11_0.ttf') format('truetype');
}
 @font-face {
     font-family: 'ITC Franklin Gothic Std MD CD';
     src: url('../webfontskit/webfonts/24AAF3_7_0.eot');
     src: url('../webfontskit/webfonts/24AAF3_7_0.eot?#iefix') format('embedded-opentype'),url('../webfontskit/webfonts/24AAF3_7_0.woff') format('woff'),url('../webfontskit/webfonts/24AAF3_7_0.ttf') format('truetype');
}
 @font-face {
     font-family: 'FranklinGothicURWExtComD-Boo';
     src: url('../webfontskit/webfonts/24AAF3_10_0.eot');
     src: url('../webfontskit/webfonts/24AAF3_10_0.eot?#iefix') format('embedded-opentype'),url('../webfontskit/webfonts/24AAF3_10_0.woff') format('woff'),url('../webfontskit/webfonts/24AAF3_10_0.ttf') format('truetype');
}
 @font-face {
     font-family: 'FranklinGothicURWCon-Boo';
     src: url('../webfontskit/webfonts/24AAF3_11_0.eot');
     src: url('../webfontskit/webfonts/24AAF3_11_0.eot?#iefix') format('embedded-opentype'),url('../webfontskit/webfonts/24AAF3_11_0.woff') format('woff'),url('../webfontskit/webfonts/24AAF3_11_0.ttf') format('truetype');
}
 body {
     margin:0px;
     padding:0px;
}
 a {
     color:#ed712b;
     text-decoration:none;
}
 a:hover {
     -webkit-transition: all 400ms ease-in-out;
     -moz-transition: all 400ms ease-in-out;
     -o-transition: all 400ms ease-in-out;
     -ms-transition: all 400ms ease-in-out;
     transition: all 400ms ease-in-out;
     color:#373737;
}
 header {
     position:relative;
     width:946px;
     height:110px;
     margin:0px auto 0px auto;
     padding:0px;
}
 header h1,footer h2 {
     display:block;
     margin:40px 0px 0px 0px;
     padding:0px;
     background:url(../img/pipe.png) 248px 8px no-repeat;
}
 header h1 a, footer h2 a {
     color:#ed712b;
     font: 32px 'Franklin Gothic Demi Ext Cmp', helvetica, sans-serif;
     letter-spacing:3px;
     text-decoration:none;
     text-transform:uppercase;
     margin:0px;
     padding:0px;
}
 header h1 a:hover, footer h2 a:hover {
}
 .sitetitle {
     font:normal 31px 'FranklinGothicURWExtComD-Boo', helvetica, sans-serif;
     color:#ccc4c0;
     letter-spacing:1px;
     padding:0px 0px 0px 25px;
     margin:0px 0px 0px 10px;
     text-transform:uppercase;
}
 nav {
     position:absolute;
     left:0px;
     bottom:0px;
     margin:0px;
     padding:0px;
     z-index:500;
}
 nav ul {
     list-style: none;
     margin:0px;
     padding:0px;
}
 nav li {
     float:left;
     margin:0px 10px 0px 10px;
     padding:0px;
}
 nav li a {
     font-size:18px;
     font-family:'ITC Franklin Gothic Std MD CD', helvetica, sans-serif;
     color:#3f3e3d;
     margin:0px;
     padding:5px 0px 5px 0px;
     text-decoration: none;
     height:34px;
}
 nav li a:hover {
     color:#3f3e3d;
}
 nav li li a {
     margin:1px;
     font-size:14px;
     color:#5f5f5f;
}
 nav li li a:hover {
     color:#3f3e3d;
     border:none;
}
 #banner, #pagebanner {
     background:#cfccc8 url(../img/patterns/tiling_medium_top.jpg);
     margin:0px;
     padding:0px;
     text-align:center;
}
 #bannercontainer, #pagebannercontainer {
     position:relative;
     width:946px;
     height:303px;
     border-left:15px solid #ffffff;
     border-right:15px solid #ffffff;
     margin:0px auto 0px auto;
     padding:0px;
     text-align:left;
     background:#ffffff;
}
 .bannertext {
     display: none;
     position:absolute;
     width:928px;
     left:0px;
     top:254px;
     height:30px;
     color:#ffffff;
     font:normal 25px 'FranklinGothicURWCom-Boo', helvetica, sans-serif;
     padding:10px;
     background:url(../img/bannertext_background.png);
}
 .bannertext a {
     display:block;
     margin:5px;
     padding:15px;
     color:#eeeeee;
     font-weight:normal;
     text-shadow:none;
     font:14px 'ITC Franklin Gothic Std MD CD', helvetica, arial, sans-serif;
     text-transform:uppercase;
     text-decoration:none;
     text-shadow:0px 0px 1px #000000;
     width:500px;
     opacity:1;
}
 .bannertext a:hover {
     color:#ED712B;
}
 #jquery-lightbox {
     z-index:501 !important;
}
 #pagebannercontainer {
     height: 223px;
     overflow:hidden;
}
 #slides {
     position:relative;
     width:625px;
     height:305px;
}
 .slides_container {
     position:relative;
     height:304px;
     width:625px;
}
 #pagebannercontainer .bannertext {
     top:175px !important;
     background:none;
}
 .slides_control {
     height:304px;
}
 a.prev, a.next {
     color:#ffffff !important;
}
 .prev {
     position:absolute;
     right:105px;
     bottom:13px;
     z-index:101;
     display:none;
     height:2px;
     width:5px;
     font-size:11px;
     color:#ffffff;
     text-indent:-9999px;
     border-right:5px solid #eeeeee;
     border-left: 5px solid transparent;
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
}
 .next {
     position:absolute;
     right:3px;
     bottom:13px;
     z-index:101;
     display:none;
     height:2px;
     width:5px;
     overflow:hidden;
     font-size:11px;
     color:#ffffff;
     text-indent:-9999px;
     border-left:5px solid #eeeeee;
     border-right: 5px solid transparent;
     border-top:5px solid transparent;
     border-bottom: 5px solid transparent;
}
 ul.pagination {
     display:block;
     position:absolute;
     list-style:none;
     z-index:101;
     right:35px;
     bottom:15px;
     height:15px;
}
 .pagination li {
     display:block;
     margin:0px;
     padding:0px;
     float:left;
     margin:1px 5px 1px 5px;
     padding:0px;
}
 .pagination li a {
     display:block;
     margin:0px;
     padding:1px;
     color:#ffffff;
     font-size:12px;
     text-indent:-9999px;
     width:8px;
     height:8px;
     opacity:1;
     border:1px solid #ffffff;
}
/* Optional: Reset list default style */
 .pagination {
     list-style:none;
     margin:0;
     padding:0;
}
/* Optional: Show the current slide in the pagination */
 .pagination .current a {
     opacity:.4;
     background:#ffffff;
}
 #rotation {
     position:absolute;
     left:0px;
     top:0px;
}
 #badge {
     position:absolute;
     right:0px;
     top:0px;
     width:305px;
     height:303px;
     margin:0px;
     padding:0px;
     float:right;
}
 #social {
     position:absolute;
     right:0px;
     top:0px;
}
 #social a {
     display:block;
     float:left;
     margin:5px;
     border-radius: 50%;
     -webkit-transition: all 400ms ease-in-out;
     -moz-transition: all 400ms ease-in-out;
     -o-transition: all 400ms ease-in-out;
     -ms-transition: all 400ms ease-in-out;
     transition: all 400ms ease-in-out;
     text-align:center;
}
 #social a:hover {
     background-color:#999999;
     opacity:.7;
}
 h2, h3, .panel-title {
     font-family:'ITC Franklin Gothic Std Bk CD', helvetica, arial, sans-serif;
}
 .listblock {
     margin:5px 0px 0px 0px;
     padding:0px;
}
 .listblock ul {
     list-style:none;
     margin:0px;
     padding:0px;
}
 .listblock li {
     list-style:none;
     display:block;
     margin:0px;
     padding:5px 0px 50px 0px;
     border-bottom:1px solid #999999;
}
 .listblock h2 {
     margin:0px 0px 3px 0px;
     padding:0px;
     font-size:18px;
}
 .listblock h2 a {
     display:block;
     line-height:1.2em;
     text-decoration: none;
     margin:0px;
     padding:0px 0px 2px 5px;
     font-size:18px !important;
}
 .listblock h4 {
     font:bold 10px helvetica, arial, sans-serif;
     display:block;
     margin:0px;
     padding:5px 10px 10px 5px;
     color:#88847f;
}
 .newsimage {
     float:left;
     margin:0px 10px 10px 0px;
     padding:0px;
}
 .newspreview {
     margin:0px 0px 0px 5px;
     padding:0px;
}
 .newspreview a {
     display:block;
     margin:2px 2px 2px 0px;
     padding:3px 3px 3px 0px;
     text-decoration:none;
}
 .contentsection {
     margin:0px;
     padding:0px;
}
 .contentsection img {
     margin:0px 10px 10px 0px;
     padding:0px;
}
 .widecontent {
     margin:10px 5px 10px 0px;
     padding:5px 0px 5px 0px;
}
/* * * * padding:10px 20px;
 border-radius:50%;
 text-indent:-9999px;
 background:#ff9900;
 overflow:hidden;
 */
 #container {
     border-top:2px solid #f47320;
     background: url(../img/patterns/tiling_ex_light.jpeg);
     margin:15px 0px 0px 0px;
     padding:10px 0px 0px 0px;
}
 #pagecontent {
     width:946px;
     margin:0px auto 0px auto;
}
 .narrowcontent {
     width:650px;
     margin:0px 20px 20px 0px;
     padding:0px 5px 5px 0px;
     float:left;
}
 #breadcrumbs {
     width:946px;
     margin:0px auto 0px auto;
}
 .breadcrumbs {
     font-family: 'ITC Franklin Gothic Std MD CD', helvetica, arial, sans-serif;
     font-size:11px;
     text-transform:uppercase;
     color:#ada7a2;
}
 .breadcrumbs a {
     color:#ada7a2;
     text-decoration:none;
}
 #content {
}
 #content h2 {
     color:#ed712b;
     font-family:'ITC Franklin Gothic Std Bk CD', helvetica, arial, sans-serif;
     font-size:24px;
     font-weight:normal;
     line-height:24px;
     margin:20px 0px 0px 0px;
     padding:0px;
}
 #content h3 {
     color:#3e3d3c;
     font-family:'ITC Franklin Gothic Std Bk CD', helvetica, arial, sans-serif;
     font-size:16px;
     font-weight:bold;
}
 #welcomestrip {
     background: black;
     opacity: .5;
     /* background: url(../img/patterns/tiling_orange.jpg); */
}
 #welcomeinfo {
     width: 900px;
    margin: 10px auto 10px auto;
    padding: 10px 25px 30px 0px;
    font-family: 'ITC Franklin Gothic Std Bk CD', helvetica, sans-serif;
    font-size: 1.3em;
    color: #ccc;
    line-height: 1.5;
}
 #welcomeinfo h2 {
     font-family: 'FranklinGothicURWCon-Boo', 'ITC Franklin Gothic Std Bk CD', helvetica, sans-serif;
     color:#ffffff;
     font-weight:normal;
     font-size:31px;
     margin:0px;
     padding:0px;
}
 #welcomeinfo h3 {
     margin:0px;
     padding:0px;
     color:#efefef;
     text-transform:uppercase;
     font-size:14px;
}
 #welcomeinfo p {
     margin: 15px 0px 10px 0px;
     padding:0px;
     font-size:18px;
}
 #welcomeinfo a {
     color:#ffffff;
     text-decoration:none;
}
 #welcomeinfo a:hover {
     color:#3e3d3c;
     text-decoration:underline;
}
 #newscontainer {
     width:946px;
     margin:40px auto 10px auto;
     padding:0px;
}
 .newsitem {
     clear:both;
     float:left;
     width:100%;
     /* height:420px; */
     margin:10px 10px 10px 0px;
     padding:0px;
     background:#e7e5e4;
     /* border-bottom:15px solid #dc6928; */
}

.newsitem img {
    float: left;
    padding-right: 10px;
}
 .newsitem h2 {
     font: 25px 'FranklinGothicURWCom-Boo', helvetica, sans-serif;
     display:block;
     margin:-3px 0px 0px 0px;
     padding:0px 10px 0px 10px;
     color:#3e3d3c;
     line-height: 1.2em;
}
 .newsitem h4 {
     font:bold 10px helvetica, arial, sans-serif;
     display:block;
     margin:0px;
     padding:10px 10px 0px 0px;
     color:#88847f;
}
 .newsitem a {
     color:#e3992e;
     display:block;
     text-decoration:none;
     padding: 5px 0px 0px 0px;
     border-radius:5px;
     margin:0px;
     text-transform:uppercase;
     font-weight:bold;
}

.inline-link {
    display: inline-block !important;
    text-transform: none !important;
}

 .newsitem a:hover {
     color:#3e3d3c;
}
 .newsitemcontent {
     display:block;
     margin: 0px 0px 0px 215px;
     font:12px Helvetica, arial, sans-serif;
     padding:0px 10px 0px 10px;
     line-height:1.8em;
}
 .newsitemcontent p {
     line-height: 1.4em;
     margin: 10px 0px 0px 10px !important;
}
 #sideads {
     float:left;
     width:230px;
     height:470px;
     margin:10px 10px 10px 0px;
}
 .sideaditem {
     width:225px;
     margin:0px 5px 20px 5px;
     padding:0px;
     text-align:center;
     background: url(../img/patterns/tiling_dark.jpg) 0px 60px repeat-x;
}
 .sideaditemimg {
     width:196px;
     margin:0px auto 0px auto;
     padding:3px;
     background:#ffffff;
     box-shadow: 2px 2px 3px #999, -2px -2px -3px #999;
}
 .sideaditem h3 {
     display:block;
     width:200px;
     margin:4px 0px 0px 10px;
     text-align:left;
     color:#ffffff;
     text-transform: uppercase;
}
 .sideadcontent {
     background:url(../img/patterns/tiling_dark.jpg) left top;
     text-align:left;
     font:12px helvetica, arial, sans-serif;
     line-height:1.4em;
     padding:0px 10px 10px 10px;
     margin:0px 5px 5px 5px 5px;
}
 .sideadcontent a {
     color:#ffffff;
     text-decoration:none;
}
 .sideadcontent a:hover {
     color:#3e3d3c;
}
 #caboose {
     margin:-10px 0px 0px 0px;
     padding:30px 0px 20px 0px;
     background:url(../img/patterns/tiling_dark.jpg) left top;
}
 #caboosecontainer {
     width:956px;
     margin:10px auto 0px auto;
     padding:0px;
}
 .cabooseitem {
     float:left;
     width:450px;
     padding:0px;
     margin:10px 20px 10px 0px;
}
 #sidebar {
     width:220px;
     float:right;
}
 #sectionnav {
     margin:5px 5px 55px 0px;
     padding:5px 5px 5px 0px;
     font-family: 'ITC Franklin Gothic Std MD CD', helvetica, arial, sans-serif;
}
 #sectionnav h2 {
     color:#ed712b;
     font-size:12px !important;
     text-transform:uppercase;
}
 #sectionnav ul {
     list-style:none;
     margin:0px 0px 0px px;
     padding:0px;
}
 #sectionav li {
     list-style:none;
     margin:0px 0px 0px 0px;
     padding:0px;
}
 #sectionnav li a {
     text-decoration:none;
     display:block;
     margin:0px 0px 15px 0px;
     padding:0px;
     font-size:18px;
     line-height:1.1em;
}
 #sectionnav li a.currentpage {
     color:#999999;
}
 footer {
     background:#3d3d3c;
     margin:0px 0px 0px 0px;
     padding:0px;
}
 #footercontent {
     width:946px;
     margin:10px auto 0px auto;
     padding:0px;
}
 .footercolumn {
     float:left;
     width:200px;
     margin:10px 5px 10px 5px;
     padding:0px 10px 5px 15px;
     color:#999999;
     font:12px helvetica, arial, sans-serif;
     background:url(../img/footer_bar.png) left 10px no-repeat;
}
 .footercolumn:first-child {
     background:none;
     padding:0px 10px 5px 0px;
}
 .footercolumn p {
     line-height:1.2em;
     margin:0px 0px 10px 0px !important;
}
 footer b, footer strong {
     color:#F58527;
     font-weight:bold;
}
 footer h2 {
     color:#F58527;
}
 footer a, footer a:visited {
     color:#999999;
     text-decoration:none;
}
 footer h2 a {
     color:#f58527 !important;
}
 footer a:hover {
     color:#f58527;
}
 .footercolumn h2 {
     margin:0px 0px 5px 0px !important;
     text-transform:uppercase;
}
 #footercolumncontainer {
     margin:45px 0px 20px 0px;
}
 #footerseal {
     position:relative;
     width:946px;
     height:0px;
     background:url(../img/seal.gif) left bottom no-repeat;
     background:none;
}
 #syrcopy {
     position:absolute;
     right:0px;
     bottom:10px;
     text-align:right;
}
/** * Chancellor stuff */
 ul.chancellors {
     margin-top: 50px;
     padding-left: 0px;
     list-style: none;
}
 ul.chancellors img {
     padding: 0 20px 50px 0;
     float: left;
     vertical-align: middle;
}
 ul.chancellors li h2 {
     line-height: 10px !important;
}
/* ========================================================================== Helper classes ========================================================================== */
/* * Image replacement */
 .ir {
     background-color: transparent;
     border: 0;
     overflow: hidden;
    /* IE 6/7 fallback */
     *text-indent: -9999px;
}
 .ir:before {
     content: "";
     display: block;
     width: 0;
     height: 100%;
}
/* * Hide from both screenreaders and browsers: h5bp.com/u */
 .hidden {
     display: none !important;
     visibility: hidden;
}
/* * Hide only visually, but have it available for screenreaders: h5bp.com/v */
 .visuallyhidden {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
}
/* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */
 .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
     clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     width: auto;
}
/* * Hide visually and from screenreaders, but maintain layout */
 .invisible {
     visibility: hidden;
}
/* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */
 .clearfix:before, .clearfix:after {
     content: " ";
    /* 1 */
     display: table;
    /* 2 */
}
 .clearfix:after {
     clear: both;
}
/* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */
 .clearfix {
     *zoom: 1;
}
/* ========================================================================== EXAMPLE Media Queries for Responsive Design. Theses examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */
 @media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}
/* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */
 @media print {
     * {
         background: transparent !important;
         color: #000 !important;
        /* Black prints faster: h5bp.com/s */
         box-shadow: none !important;
         text-shadow: none !important;
    }
     a, a:visited {
         text-decoration: underline;
    }
    /* * Don't show links for images, or javascript/internal links */
     .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
         content: "";
    }
     pre, blockquote {
         border: 1px solid #999;
         page-break-inside: avoid;
    }
     thead {
         display: table-header-group;
        /* h5bp.com/t */
    }
     tr, img {
         page-break-inside: avoid;
    }
     img {
         max-width: 100% !important;
    }
     @page {
         margin: 0.5cm;
    }
     p, h2, h3 {
         orphans: 3;
         widows: 3;
    }
     h2, h3 {
         page-break-after: avoid;
    }
}
/* Chrome specific hack for the background pipe position. */
 @media not all and (-webkit-min-device-pixel-ratio:0) {
     header h1,footer h2 {
         background: url(../img/pipe.png) 248px 3px no-repeat;
    }
}

#eventstabs, #alumnitab {
    margin: 10px 0 20px;
    padding: 0;
}
#eventstabs ul, #alumnitab ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#alumnitab {
    height: 40px;
    margin: 2px;
    padding: 0;
    position: relative;
    width: 600px;
}
#alumnitab ul {
    width: 250px;
}
#eventstabs li {
    float: left;
    list-style: none outside none;
    margin: 0 10px 0 0;
    padding: 0;
}
#alumnitab li {
    display: inline-block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#eventstabs li a {
    background: none repeat scroll 0 0 #E2E2E0;
    color: #333333;
    display: block;
    font: 16px 'FranklinGothicURWCon-Boo',arial,helvetica,sans-serif;
    margin: 0;
    padding: 7px 20px 4px;
    text-transform: uppercase;
}
#alumnitab li a {
    background: none repeat scroll 0 0 #E2E2E0;
    color: #333333;
    display: block;
    font: 16px 'FranklinGothicURWCon-Boo',arial,helvetica,sans-serif;
    margin: 0;
    padding: 7px 10px 4px;
}
#eventstabs li a:hover, #alumnitab li a:hover {
    background: none repeat scroll 0 0 #F47321;
    color: #FFFFFF;
}
#alumnitab li li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#alumnitab li li a {
    background: none repeat scroll 0 0 #F47321;
    color: #FFFFFF;
}
#alumnitab li li a:hover {
    background: none repeat scroll 0 0 #C67605;
    color: #FFFFFF;
}
#eventstabs li a.active {
    background: none repeat scroll 0 0 #F47321;
    padding: 20px 20px 4px;
}
.eventitem {
    float: left;
    height: 300px;
    margin: 0 20px 20px 0;
    padding: 0;
    width: 220px;
}
.eventdate {
    font: 12px "FranklinGothicURW-Boo",arial,helvetica,sans-serif;
    letter-spacing: 0;
    margin: 5px 0;
    padding: 0;
    text-transform: uppercase;
}
.eventtitle {
    font: 18px/1em 'FranklinGothicURWCon-Med',arial,helvetica,sans-serif;
}
.eventpreview {
    margin: 0;
    padding: 15px 20px 10px;
}
#responseMessage {
    height: 80%;
    margin: 100px 65px 10px;
    overflow: auto;
    padding: 5px;
}
#responseMessage .pagecontent {
    font: 18px/1.4em 'FranklinGothicURWCon-Boo',arial,helvetica,sans-serif;
}
.img-title-box {
    height: 230px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}
.img-title-box img {
    box-shadow: 2px 2px 4px #CCCCCC;
}
.img-title-box h2 {
}
.fullcontent {
    display: none;
}
.flip-container {
    position: relative;
}
.flip-container:hover .flipper, .flip-container.hover .flipper {
}
.flip-container, .front, .back {
    height: 300px;
    width: 220px;
}
.flipper, .eventitem {
}
.comingsoon {
    height: 51px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
}
.alumniprofilename {
    font-family: 'FranklinGothicURWCon-Med',arial,helvetica,sans-serif;
    font-size: 22px;
    line-height: 1.1em;
}
.alumniprofileback {
}
.alumniprofilenamefull {
    color: #333333;
    font-family: 'FranklinGothicURWCon-Med',arial,helvetica,sans-serif;
    font-size: 30px;
    line-height: 1.1em;
    text-align: left;
    width: 90%;
}
.front, .back {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.front {
    background: url("../img/nyc/more_arrow.png") no-repeat scroll right bottom #FFFFFF;
    box-shadow: 1px 1px 5px #CCCCCC;
    z-index: 2;
}
.back {
    background: none repeat scroll 0 0 #999999;
    box-shadow: 5px 5px 10px #CCCCCC;
    color: #FFFFFF;
    font-family: 'ITC Franklin Gothic Std MD CD',arial,helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.1em;
    margin: 0;
    opacity: 0.97;
    padding: 0;
}
.back a {
    color: #FFFFFF;
}
.flip-container:hover .front {
    display: block;
    z-index: 2;
}
.flip-container:hover .back {
    display: block;
    transition: all 0.5s ease 0s;
    z-index: 10;
}
.backpreview {
    margin: 0;
    padding: 20px;
}
.backpreview h2 {
    color: #FFFFFF !important;
    font-family: 'ITC Franklin Gothic Std MD CD',arial,helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
    margin: 20px 0 !important;
    padding: 0;
}
.alumniprofileback h2 {
    font-family: 'ITC Franklin Gothic Std MD CD',arial,helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.backpreview.alumniprofileback div p strong {
    cursor: pointer;
}
.closeit {
    background: url("../img/x-close.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: medium none;
    color: #FFFFFF;
    float: right;
    font-size: 24px;
    height: 22px;
    margin: -25px 0 0 20px;
    overflow: hidden;
    text-indent: -200px;
    width: 22px;
}
.dropdown-menu {
    background: none repeat scroll 0 0 #F47321 !important;
    border: medium none !important;
    border-radius: 0 !important;
    margin: 0;
    padding: 10px 0 !important;
    top: inherit !important;
}
.dropdown-menu li {
    float: left;
    margin: 0;
    padding: 0;
}
.dropdown-menu li li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    margin: 0;
    padding: 5px 10px 2px;
}
.modal-body h2 {
    font: 30px 'FranklinGothicURWCon-Med',arial,helvetica,sans-serif;
}
.prevm, .nextm {
    background: none repeat scroll 0 0 #C8C7C3;
    height: 60px;
    position: absolute;
    width: 60px;
    cursor:pointer;
}
.prevm {
    background: url("../img/prev.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    left: 0;
    top: 20px;
}
.nextm {
    background: url("../img/next.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    right: 0;
    top: 20px;
}
.modal {
    border-radius: 0 !important;
    height: 80% !important;
    margin-left: -350px !important;
    width: 700px !important;
}
.eventtypetime {
    color: #C8C7C3;
    font: 18px 'ITC Franklin Gothic Std Bk CD',arial,helvetica,sans-serif;
    left: 80px;
    position: absolute;
    text-transform: uppercase;
    top: 40px;
}
.eventdetails {
    margin: 55px 40px 0;
    padding: 5px;
}
.eventphoto {
    background: none repeat scroll 0 0 #000000;
    margin: 5px auto 10px;
    position: relative;
}
.eventphotocaption {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    color: #FFFFFF;
    font-size: 12px;
    margin: 0;
    padding: 10px;
    position: absolute;
}
.eventdesc {
    padding: 10px;
}
.profile {
    border-bottom: 1px solid #999999;
    margin: 0 0 20px;
    padding: 0;
}
.profilepic {
    float: left;
    margin: 5px 0;
    padding: 0 0 5px 5px;
}
.profileinfo {
    margin: 5px 0 5px 245px;
}
.ir {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    overflow: hidden;
}
.ir:before {
    content: "";
    display: block;
    height: 100%;
    width: 0;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {

}


.panel-title {
    font-size:24px !important;
    color:#ed712b !important;
}

.breadcrumb {
    background: none !important;
    margin-bottom: 50px !important;
}

.breadcrumb li {
    list-style:none;
    float:left;
    display: block;
    margin:1px;
    padding:3px 15px 1px 0px;
    font-size:18px;
    font-family: 'ITC Franklin Gothic Std Bk CD', helvetica, arial, sans-serif
}

.breadcrumb li a {
    color:#f47320 !important;
}

.breadcrumb .active {
    border-bottom: 2px solid #ed712b !important;
}

.breadcrumb>li+li:before {
    content: "" !important;
}

.photoset-thumbnails {


    margin:0px;
    padding:0px;
    text-align: left !important;

}

a.photoset-thumbnail {
    margin:5px 0px 0px 0px;
    border:1px solid #999999;
}

.photoset-thumbnails .row {
    display: none;
}

a.active {
    border:1px solid #ed712b;
}

.panel {
    background: none !important;
}

.carousel-caption {
    display:none;
}

.carousel-control.right, .carousel-control.left {
    background: none !important;
}

/*** SKIP LINK ***/
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}