/**
 * Styles for Metropolitan Montessori School NY (MMS)
 * 
 * This file defines all of the main styles 
 * for MMS.
 *
 * @author William Dodson | Outer Banks Design Works <http://obxdesignworks.com> for <http://manoverboard.com> MANOVERBOARD
 * @copyright MMS (c) 2009 
 * @date 2009-08-14
 * @version 0.1.0
 * @site  (http://www.mmsny.org/)
 * @media screen
 */

/**
 * Colors used for MMS
 *
 * @colordef #111111 (deep grey)
 * @colordef #434343 (dark grey)
 * @colordef #555555 (medium grey)
 *
 * @colordef #435D7B (navy blue)
 * @colordef #AAB6C3 (lt. navy blue)
 * 
 * @colordef #41632F (forest green)
 * @colordef #A9B9A1 (lt. forest green)
 *
 * @colordef #008242 (pine green)
 * @colordef #A5CDBD (lt. pine green)
 *
 * @colordef #AC459A (magenta)
 * @colordef #CFA7C6 (lt. magenta)
 *
 * @colordef #C50002 (red)
 * @colordef #D0A7A8 (lt. red)
 *
 * @colordef #FDD51E (yellow)
 * @colordef #FEEC9A (lt. yellow)
 * 
 * @colordef #F28E1E (orange)
 * @colordef #FFC27D (lt. orange)
 * 
 * @colordef #F5757E (salmon)
 * @colordef #FAC1C5 (lt. salmon)
 * 
 * @colordef #A40347 (dark magenta)
 * @colordef #D68DAC (lt. dark magenta)
 * 
 * @colordef #00537E (navy blue #2)
 * @colordef #5DAACE (lt. navy blue #2)
 */

/**
 * @section Reset CSS
 * ======================================================================
 */
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
 }
body {
 line-height: 1;
 }
ol, ul {
 list-style: none;
 }
blockquote, q {
 quotes: none;
 }
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
 }
table {
 border-collapse: collapse;
 border-spacing: 0;
 }


/**
 * @section Base HTML
 * ======================================================================
 */
body {
 color: #555555;
 font: 100%/1.5em 'helvetica neue', helvetica, arial, sans-serif;
}

/*headings*/
h1, h2, h3, h4, h5, h6 {
 color: #111111;
 font-family: baskerville, palatino, georgia, times, serif;
}

h1 {
 font-family: 'helvetica neue', helvetica, arial, sans-serif;
 font-size: 1.125em;
 line-height: 1.333333em;
}
h2 {
 font-size: 1.5em;
 font-weight: bold;
 line-height: 1em;
 margin-bottom: 0.5em;
}
h3 {
 font-size: 1.125em;
 line-height: 1.333333em;
 /*margin-bottom: 0.666667em;*/
}
h4 {
 color: #435D7B;
 font-size: 1em;
 line-height: 1.5em;
 margin-bottom: 0.75em;
}
h5 {
 color: #435D7B;
 font-size: 0.875em;
 line-height: 1.714286em;
}

/*block-level elements*/
blockquote {
 border-left: 1px solid #f3f3f3;
 color: #999;
 font-family: palatino, 'palatino linotype', georgia, serif;
 font-style: italic;
 padding: 0.75em 1.5em;
}
p, dl, ol, ul {
 font-size: 0.875em;
 line-height: 1.5em;
 margin: 0 0 1.5em 0;
}

ul li ul {
 margin: 0.75em 1.5em;
}

/*links*/
a {
 color: #374967;
 -moz-transition: 0.2s color linear;
 -webkit-transition: 0.2s color linear;
 transition: 0.2s color linear;
}
a:visited {
 color: #656565;
}
a:focus {
 color: #000;
}
a:hover {
 color: #C50002;
}
a:active {
 color: #999;
}

/*tables*/
table {
 border-top: 1px solid #f3f3f3;
 border-right: 1px solid #f3f3f3;
 font-size: 0.875em;
 line-height: 1.5em;
 width: 90%;
}
th, td {
 border-bottom: 1px solid #f3f3f3;
 border-left: 1px solid #f3f3f3;
 padding: 0.125em 0.5em !important;
}

/* DL */
th {
	text-align: left;
	font-weight: bold;
	width: 60%;
}
td {
	width: 40%;
	
}
td.right-align {
	text-align: right !important;
}
table {
	margin: 0.5em 0 1.5em 0;
}
/* DL */


/*presentational*/
em {
 /*background: #FFFFDF;*/
 font-style: italic;
}
small {
 font-size: 0.8em;
}
strong {
 font-weight: 900;
}
ul li {
 background: transparent url('/img/accents/10px-bullet_blue.png') no-repeat 0 0.375em;
 /*margin-left: -1.5em;*/
 padding-left: 1.5em;
}
ul li ul li {
 background: transparent url('/img/accents/10px-bullet_gray.png') no-repeat 0 0.375em;
}

form {
 margin-bottom: 1.5em;
 }

/*misc*/
img, object, iframe {
 height: auto;
 max-width: 100%;
}
/**
 * @section Wrapper
 * ======================================================================
 */
#wrapper {
 /*outline: 1px solid aqua;*/
 margin: /*0 1.063829787234%*/0 auto;/* 1.063829787234% = 10px */
 max-width: 58.75em;
}

/**
 * @section Header
 * ======================================================================
 */
#header {
 /*outline: 1px solid red;*/
 background: transparent;/*26.5957446808511% = 260px*/
 margin-bottom: 0.75em;
 position: relative;
 width: 100%;
}
#header #logo {
 /*outline: 1px solid red;*/
 font-size: 1em;
 /*height: 9em;*/
 margin: 0 2.1276595744681% 0 0;/*2.1276595744681% = 20px*/
 overflow: hidden;
 padding: 0;
 width: 14.8936170212766%;
}
#header #logo a {
 display: block;
 /*height: 100%;*/
 margin: 0;
 padding: 0;
 position: relative;
 width: 100%;
}
#header #logo a img {
 float: none;
 margin: 0;
 width: 100%;
 }

#header #masthead {
 color: #435D7B;
 font-size: 1.375em;
 left: 17.0212765957447%;
 position: absolute;
 text-transform: lowercase;
 top: 0.875em;
 word-spacing: 0.0375em;
 }

    /**
     * @subsection Header > Nav
     * ======================================================================
     */
    #nav {
     /*outline: 1px solid blue;*/
     background: transparent/* url('/img/logos/masthead.png') no-repeat 0 1.5em*/;/*26.5957446808511% = 260px*/
     padding-top: 4.5em;
     /*position: relative;*/
     width: 82.9787234042553%;
    }
    #nav #menu-main {
     width: 100%;
    }
    #nav #menu-util {
     margin: 0 0 0 0;
     padding: 0;
     position: absolute;
     left: 68.0851063829787%;
     top: 1.5em;
     width: 31.9148936170213%;/**/
    }
    #nav #menu-main li,
    #nav #menu-util li {
     border-top: 0.375em solid #000;
     float: left;
     margin-right: 1.2820512820513%;
     min-width: 11.05%;
     padding: 0;
    }
    #nav #menu-util li {
     margin-right: 3.3333333333333%;
     width: 29%;
    }
    #nav li strong {
     font-weight: normal;
    }
    /* #menu-main ~ public */
    #nav #menu-main li#tab-home {
     border-top-color: #435D7B;
    }
    #nav #menu-main li#tab-about {
     border-top-color: #41632F;
    }
    #nav #menu-main li#tab-programs {
     border-top-color: #008242;
    }
    #nav #menu-main li#tab-admissions {
     border-top-color: #AC459A;
    }
    #nav #menu-main li#tab-support {
     border-top-color: #C50002;
    }
    #nav #menu-main li#tab-news {
     border-top-color: #FDD51E;
    }
    /* #menu-main ~ private */
    #nav #menu-main li#tab-calendar {
     border-top-color: #A40347;
    }
    #nav #menu-main li#tab-resources {
     border-top-color: #00537E;
    }
    /* #menu-util */
    #nav #menu-util li#tab-login {
     border-top-color: #d6d6d6 /*#FDD51E*/;
    }
    #nav #menu-util li#tab-alumni {
     border-top-color: #F28E1E;
    }
    #nav #menu-util li#tab-parents {
     border-top-color: #F5757E;
    }
    #nav #menu-util li#tab-trustees {
     border-top-color: #F28E1E;
     margin-right: 0;
    }
    #nav a {
     background: #fff;
     border-top: 0.25em solid #fff;
     bottom: 0;
     color: #57595B;
     display: block;
     font-family: palatino, georgia, times, serif;
     font-size: 1.125em;
     line-height: 1.333333;
     padding: 0 5%;
     text-decoration: none;
    }
    #nav #menu-util li a {
     line-height: 1em;
    }
    
    /*public navigation*/
    body#home #nav #menu-main li#tab-home a {
     border-top-color: #AAB6C3;
     color: #000;
    }
    body#about #nav #menu-main li#tab-about a {
     border-top-color: #A9B9A1;
     color: #000;
    }
    body#programs #nav #menu-main li#tab-programs a {
     border-top-color: #A5CDBD;
     color: #000;
    }
    body#admissions #nav #menu-main li#tab-admissions a {
     border-top-color: #CFA7C6;
     color: #000;
    }
    body#parent-events #nav #menu-main li#tab-parents a {
     border-top-color: #D0A7A8;
     color: #000;
    }
    body#news #nav #menu-main li#tab-news a {
     border-top-color: #FFEEB2;
     color: #000;
    }
    
    /*private navigation*/
    body#calendar #nav #menu-main li#tab-calendar a {
     border-top-color: #E8A1B7;
     color: #000;
    }
    body#resources #nav #menu-main li#tab-resources a {
     border-top-color: #96C9E0;
     color: #000;
    }
    
    #nav #menu-main li a:hover,
    #nav #menu-util li a:hover {
     color: #000;
    }

/**
 * @section Article
 * ======================================================================
 */
#article {
 /*outline: 1px solid gray;*/
 margin-left: 17.0212765957447%;
 width: 82.9787234042553%;
}
body#home #article {
 /*outline: 1px solid gray;*/
 margin-left: 0;
 width: 100%;
}
#article h2 {
 /*margin: 0;*/
}
#article p {
 margin-top: 0;
 margin-right: 14.8148148148148%;
}
body#calendar #article p {
 margin-right: 0 !important;
}

#article #tagline {
 margin-right: 2.1276595744681%;
 width: 14.8936170212766%;
 }
  #tagline p {
   color: #374967;
   font-size: 0.75em;
   line-height: 1.5;
   margin: 1.25em 0;
   }

#article .callout-intro {
 width: 82.9787234042553%;
}
#article .callout-news {
 text-align: left;
 width: 100%;
}
#article .callout-news h2 {
 font-size: 1em;
 line-height: 1.5em;
 margin: 0;
}
#article .callout-news .published {
 color: #374967;
 display: block;
 font-size: 0.875em;
 margin-top: 0.25em;
 margin-bottom: 0.0625em;
 }
#article .callout-news h3 {
 color: #555555;
 font-size: 1.25em;
 line-height: 1;
 margin: 0 0 0.25em 0;
}
#article .callout-news #list-news-events {
 margin-right: 2.5641025641026%;
 width: 64.1025641025641%;
 }
#article .callout-news #list-announcements {
 margin-right: 0;
 width: 33.3333333333333%;
 }
#article .callout-news #list-announcements ul {
 margin-top: 1.8125em;
 }
#article .callout-news li {
 background: none;
 margin-bottom: 0.5em;
 min-height: 13.5em;
 padding-bottom: 0.5em;
 padding-left: 0;
}
#article .callout-news #list-news-events li {
 border-right: 1px solid #AAB6C3;
 margin-right: 4%;
 margin-left: 0;
 padding-right: 3.8%;
 width: 44%;
}
#article .callout-news #list-news-events li.last {
 /*border: none;*/
 margin-right: 0;
 /*padding-right: 0;*/
 }

/*Large banner and slideshow*/
#page-banner {
 margin: 0 0 1.5em 0;
 padding: 0;
 width: 100%;
 }
body#home.has-js #page-banner {
 margin-bottom: 0;
 }
body#photo-galleries #page-banner {
 min-height: 0;
 }
  #page-banner div.banner,
  #page-banner ul {
   height: 23em;
   margin: 0;
   outline: 1px solid #d5d5d6;
   outline-offset: 1px;
   overflow: hidden;
   padding: 0;
   width: 100%;
   }
  /*body#home #page-banner div.banner {
   height: 24em;
   }*/
  #page-banner .slide {
   background: none;
   margin: 0;
   padding: 0;
   width: 100%;
   }
  #page-banner a {
   display: block;
   position: relative;
   overflow: hidden;
   width: 100%;
   }
  #page-banner img {
   float: none;
   height: 100%;
   margin: 0;
   padding: 0;
   max-width: 100%;
   }
    .slide a,
    .slide a h2 {
     color: #fff;
     }
    .slide .figcaption {
     background: #435D7B;
     background: rgba(67, 93, 123, 0.48);
     height: 100%;
     left: 0;
     padding: 1.5em 2.5641025641026%;
     position: absolute;
     top: 0;
     width: 21.176470588235%;/*25.6410256410256%*/
     }
      .figcaption .title {
       border-top: 3px solid #fff;
       /*font-size: 1.875em;*/
       font-size: 1.5em;
       font-style: italic;
       font-weight: normal;
       line-height: 1;
       padding-top: 0.5em;
       text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.24);
       }
      .figcaption p {
       border-bottom: 5px double #fff;
       font-family: baskerville, palatino, georgia, times, serif;
       font-size: 1em;
       font-style: italic;
       line-height: 1;
       margin-right: 0 !important;
       padding-bottom: 1em;
       }
    #pager {
     float: right;
     margin: 0.25em 0 0 0 !important;
     padding: 0;
     }
      #pager span {
       margin: 0;
       padding: 0;
       }
        #pager a {
         color: #AAB6C3;
         display: inline;
         font-size: 2em;
         margin: 0 0 0 2.5%;
         text-decoration: none;
         }
        #pager a:hover {
         color: #D0A7A8;
         }
        #pager .activeSlide a {
         color: #435D7B;
         }

    /**
     * @subsection Aside
     * ======================================================================
     */
    #aside {
     /*outline: 1px solid green;*/
     margin-right: 2.5641025641026%;
     width: 28.2051282051282%;
    }
    
    /*sections-menu*/
    #aside ul#sections-menu {
     border-top: 1px solid #d6d6d6;
     font-size: 0.875em;
     line-height: 1.714286em;
     margin-top: 3em;
    }
    #aside ul#sections-menu li {
     background: none;
     border-bottom: 1px solid #d6d6d6;
     line-height: 1em;
     margin-left: 0;
     padding: 0.625em 0 0.625em 5.25%;
    }
    #aside ul#sections-menu li a {
     color: #656565;
     display: block;
     text-decoration: none;
     -moz-transition: 0.2s color linear, 0.2s padding-left linear;
     -webkit-transition: 0.2s color linear, 0.2s padding-left linear;
     transition: 0.2s color linear, 0.2s padding-left linear;
    }
    #aside ul#sections-menu li.current_page_item a {
     color: #111111;
    }
    #aside ul#sections-menu li a:focus,
    #aside ul#sections-menu li a:hover {
     color: #111111;
     padding-left: 0.1375em;
    }
    
    /**
     * @subsection Content
     * ======================================================================
     */
    #content {
     /*outline: 1px solid red;*/
     width: 69.2307692307692%;
    }
    body#calendar #content {
     /*outline: 1px solid red;*/
     width: 100%;
    }
      /*Google Calendar Iframe*/
      #content #gcal-mms {
       height: 37.5em;/*600px*/
       }

/**
 * @section Footer
 * ======================================================================
 */
#footer {
 color: #999;
 margin-top: 1.5em;
 margin-left: 17.0212765957447%;
 width: 82.9787234042553%;
}
#footer p,
#footer ul.menu-list {
 font-size: 0.75em;
 line-height: 1.5em;
 margin: 0.75em 0;
}
#footer p {
 clear: both;
}
#footer a {
 color: #656565;
 text-decoration: none;
}
#footer a:hover {
 color: #111111;
 text-decoration: underline;
}

/**
 * @section Classes and Overrides
 * ======================================================================
 */
.caps {
 text-transform: uppercase;
 }

.even {
 background: #ffffef;
}

.error {
 color: #C50002;
}

/*links with icons*/
.link-cal {
 background: transparent url('/img/icons/16px/ico-calendar.gif') no-repeat 0 50%;
 padding-left: 24px;
 }
.link-facebook-large,
.link-twitter-large {
 display: block;
 font-size: 0.75em;
 text-decoration: none;
}
.link-facebook-large {
 margin-top: 2em;
 }
.link-facebook-large img,
.link-twitter-large img {
 margin-right: 0.125em;
 vertical-align: middle;
 width: auto;
}

.menu-body {
 padding-right: 37.5%;
}

.menu-list {
 margin: 0;
}
body#calendar .menu-list {
 margin: 1em 0;
}
.menu-list li {
 background: none;
 border-right: 1px solid #999;
 float: left;
 margin-right: 5px;
 margin-left: 0;
 padding-left: 0;
 padding-right: 5px;
}
.menu-list li.last {
 border: none;
 margin-right: 0;
 padding-right: 0;
}

.postmetadata {
 background: #FFFFDF;
 border: 1px solid #ffff99;
 /*border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;*/
 font-style: italic;
 padding: 0.75em 1.5em;
}

.subtle {
 color: #444;
 }

/**/
.subsection {
 float: left;
}
/*clear floats w/out extra markup (thanks PIE!)*/
.section:after,
.subsection:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.post,
.separate {
 border-bottom: 1px dotted #ddd;
 margin-bottom: 0.75em;
 padding-bottom: 0.75em;
}
.post {
 padding-bottom: 0;
}

.required {
 color: #C50002;
 }

img.size-full {
 width: auto;
 }

.subtle {
 color: #999;
}

.thumb-excerpt {
 float: left;
 width: 350px;
}
.thumb-gallery {
 float: left;
 width: 145px;
}
.thumb-gallery img {
 border: 3px double #d5d5d6;
}
.thumb-gallery img:hover {
 border-color: #434343;
}
img.ajax-loader {
 height: 1em;
 width: 1em;
 }
.wpcf7-response-output {
 
 }

/*this is for the paragraph text that appears in WP widgets*/
/*.textwidget p {
 font-size: inherit;
 }*/

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0;
	margin: 0 -6.25em 0.625em 0.625em;
	display: inline;
	}

img.alignleft {
	padding: 0;
	margin: 0 0.625em 0.625em 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/**
 * @section Media Queries
 * ======================================================================
 */
/**
 * @subsection Smartphones (portrait and landscape)
 * ======================================================================
 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {}

/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {}

/* Smartphones (portrait) */
@media only screen and (max-width : 320px) {}

/**
 * @subsection iPads (portrait and landscape)
 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  #page-banner {
   width: 100%;
   }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

/*800px*/
@media (max-width: 800px) {
  html { 
   -webkit-text-size-adjust:none; 
   -ms-text-size-adjust:none; 
   }
  body {
   font-size: 75%;
   line-height: 1.5;
   }

   /*DL*/
   table {
		width: 100%;
   }
   /*DL*/
   
  /*#nav {
   background: transparent url('/img/logos/masthead-300px.png') no-repeat 0 1.5em;
  }*/
}

/*640px*/
@media (max-width: 640px) {
  html { 
   -webkit-text-size-adjust:none; 
   -ms-text-size-adjust:none; 
   }
  body {
   font-size: 62.5%;
   line-height: 1.2;
   }
  /*.subsection {
   float: none;
   width: auto;
   }*/
  /*#nav {
   background: transparent url('/img/logos/masthead-220px.png') no-repeat 0 1.5em;
  }*/
}

/**
 * @subsection iPhone
 */
@media only screen and (max-device-width: 480px) {
  html { 
   -webkit-text-size-adjust:none; 
   -ms-text-size-adjust:none; 
   }
  body {
   font-size: 75%;
   line-height: 1.5;
   }
  a {
   -webkit-tap-highlight-color:rgba(253, 213, 30, 0.48);
   }
  .subsection {
   float: none;
   width: auto;
   }
  #wrapper {
   margin: 0 2.0833333333333%;
   width: 95.8333333333334%;
   }
  /* Header ------- */
  #header {
   background: transparent/* url('/img/logos/masthead-220px.png') no-repeat 66% 3em*/;
   margin: 0 0 0.75em 0;
   padding: 2.25em 0 0 0;
   position: relative;
   width: 100%;
   }
    #header #logo {
     height: auto;
     margin: 0;
     }
    #header #masthead {
     font-size: 1.25em;
     line-height: 1.3333;
     height: auto;
     margin: 1.5em 0 0 0;
     }
  /* Nav ------- */
  #nav {
   background: transparent;
   margin: 0;
   padding: 0;
   width: 100%;
   }
    #nav li strong {
     font-weight: bold;
     }
    /* Main Menu ------- */
    #nav #menu-main {
     margin: 0;
     width: 100%;
     float: none;
     }
      #nav #menu-main li {
       background: none;
       border: none;
       float: left;
       margin: 0 2% 0.5em 0;
       width: 48%;
       }
      #nav #menu-main li:nth-child(2n+2) {
       margin-right: 0;
       width: 50%;
       }
        #nav #menu-main li a {
         background: rgba(0, 0, 0, 0.06);
         border: none;
         -webkit-border-radius: 0.375em;
         border-radius: 0.375em;
         color: #fff;
         padding: 0.375em 0.75em;
         text-shadow: 0.166666666666667em 0.166666666666667em 0.166666666666667em rgba(0, 0, 0, 0.48);
         }
        #nav #menu-main li#tab-home a {
         background: #435D7B;
         }
        #nav #menu-main li#tab-about a {
         background: #41632F;
         }
        #nav #menu-main li#tab-programs a {
         background: #008242;
         }
        #nav #menu-main li#tab-admissions a {
         background: #AC459A;
         }
        #nav #menu-main li#tab-support a {
         background: #C50002;
         }
        #nav #menu-main li#tab-news a {
         background: #FDD51E;
         }
        
        /* #menu-main ~ private */
        #nav #menu-main li#tab-calendar a {
         background: #A40347;
         }
        #nav #menu-main li#tab-resources a {
         background: #00537E;
         }
        body#home #nav #menu-main li#tab-home a,
        body#about #nav #menu-main li#tab-about a,
        body#programs #nav #menu-main li#tab-programs a,
        body#admissions #nav #menu-main li#tab-admissions a,
        body#supporting-mms #nav #menu-main li#tab-support a {
         color: rgba(255, 255, 255, 0.84);
        }
        
        /*private navigation*/
        body#parent-events #nav #menu-main li#tab-events a,
        body#calendar #nav #menu-main li#tab-calendar a,
        body#resources #nav #menu-main li#tab-resources a {
         color: rgba(255, 255, 255, 0.84);
        }
    
    /* Util Menu ------- */
    #nav #menu-util {
     background: #435D7B;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#435d7b), color-stop(100%,#111111));
     background: -webkit-linear-gradient(top, #435d7b 0%,#111111 100%);
     background: linear-gradient(top, #435d7b 0%,#111111 100%);
     -webkit-border-bottom-right-radius: 0.375em;
     -webkit-border-bottom-left-radius: 0.375em;
     border-bottom-right-radius: 0.375em;
     border-bottom-left-radius: 0.375em;
     margin: 0;
     padding: 0.375em 2.0833333333333%;
     position: absolute;
     left: 0;
     top: 0;
     width: 95.8333333333334%;
     }
      #nav #menu-util li {
       background: none;
       border: none;
       float: left;
       text-align: center;
       width: auto;
       }
        #nav #menu-util li a {
         background: #435D7B;
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aab6c3), color-stop(100%,#435d7b));
         background: -webkit-linear-gradient(top, #aab6c3 0%,#435d7b 100%);
         background: linear-gradient(top, #aab6c3 0%,#435d7b 100%);
         border: none;
         -webkit-border-radius: 0.375em;
         border-radius: 0.375em;
         -webkit-box-shadow: 0.166666666666667em 0.166666666666667em 0.166666666666667em rgba(0, 0, 0, 0.72);
         box-shadow: 0.166666666666667em 0.166666666666667em 0.166666666666667em rgba(0, 0, 0, 0.72);
         color: #fff;
         display: block;
         padding: 0.375em 0.75em;
         }
  /* Article ------- */
  #article {
   margin: 0;
   width: 100%;
   }
    #article h2,
    #article h3,
    #article h4 {
     font-weight: bold;
     }
    #article p {
     margin: 0 0 1.5em 0;
     }
    #article #tagline,
    #article .callout-intro,
    #article .callout-news {
     margin-bottom: 1.5em;
     width: 100%;
     }
    #article #tagline {
     margin: 0;
     }
    #article .callout-news {
     border-top: 0.083333333333333em dotted #ccc;
     margin: 0.75em 0 0 0;
     padding-top: 0.75em;
     }
      #article .callout-news #list-news-events,
      #article .callout-news #list-announcements,
      #article .callout-news li.subsection {
       float: none;
       margin: 0;
       min-height: 3em;
       width: 100% !important;
       }
        #article .callout-news li.subsection p {
         margin: 0 0 1.5em 0;
         }
        #article .callout-news #list-announcements ul {
         margin-top: 0.75em;
         }
      #article .callout-intro p {
       font-size: 0.875em;
       line-height: 1.714286em;
       margin: 0;
       }
    #page-banner {
     margin: 0;
     width: 100%;
     }
      #page-banner ul {
       height: 12em;
       }
        .slide a,
        .slide a h2 {
         text-decoration: none;
         }
          .figcaption .title,
          .figcaption p {
           text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
           }
          .figcaption .title {
           border-top: 1px solid #fff;
           font-size: 1.5em;
           font-weight: bold;
           line-height: 0.8;
           padding-top: 0.5em;
           }
          .figcaption p {
           border-bottom: 3px double #fff;
           font-size: 1em;
           font-weight: bold;
           line-height: 1 !important;
           }
  #content {
   margin: 0;
   width: 100%;
   }
  /* Aside ------- */
  #aside {
   margin: 0 0 1.5em 0;
   width: 100%;
   }
    #aside ul#sections-menu li {
     padding: 0.625em 0 0.625em 2.0833333333333%;
    }
  /* Footer ------- */
  #footer {
   border-top: 0.083333333333333em dotted #ccc;
   margin: 0.75em 0 0 0;
   padding-top: 0.75em;
   width: 100%;
   }
    #footer p {
     font-size: 1em;
     line-height: 1.5;
     }
}

/**
 * @subsection iPhone 4 and high pixel ratio devices
 */
@media
 only screen and (-webkit-min-device-pixel-ratio : 1.5),
 only screen and (min-device-pixel-ratio : 1.5) {
  /*#header {
   background: transparent url('/img/logos/masthead-large.png') no-repeat 66% 3em;
   background-size: 75%;
  }*/
}