/* 
  HTML5 ✰ Boilerplate 
  
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  much inspiration was taken from these projects: 
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/
/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* END RESET CSS */
/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits: 
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body {
  font: 13px/1.231 sans-serif;
  *font-size: small;
}

/* hack retained to preserve specificity */
select, input, textarea, button {
  font: 99% sans-serif;
}

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk: Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* 
 * minimal base styles 
 */
body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */
}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

/* always force a scrollbar in non-IE */
html {
  overflow-y: scroll;
}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: none;
}

a, a:active, a:visited {
  color: #0085C7;
}

a:hover {
  color: #00BEDD;
}

ul, ol {
  list-style: none;
}

ol {
  list-style-type: decimal;
}

/* Remove margins for navigation lists */
nav ul, nav li {
  margin: 0;
}

small {
  font-size: 85%;
}

strong, th {
  font-weight: bold;
}

td, td img {
  vertical-align: top;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

pre {
  padding: 15px;
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

textarea {
  overflow: auto;
}

/* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend {
  margin-left: -7px;
}

/* thnx ivannikolic! */
/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
  vertical-align: text-bottom;
}

input[type="checkbox"] {
  vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button {
  cursor: pointer;
}

/* webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0;
}

/* colors for form validity */
input:invalid, textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red;
  -webkit-box-shadow: 0px 0px 5px red;
  box-shadow: 0px 0px 5px red;
}

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection {
  background: #666;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #666;
  color: #fff;
  text-shadow: none;
}

/*  j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: #FF5E99;
}

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
  width: auto;
  overflow: visible;
}

/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* Clearfix
======================================================== */
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix:after {
  clear: both;
}

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
  zoom: 1;
}

/* Image Blocks
======================================================== */
.imageblock-image {
  float: left;
  margin: 0 10px 0 0;
}

.imageblock-image-right {
  float: right;
  margin: 0 0 0 10px;
}

.imageblock-content {
  display: table-cell;
  vertical-align: top;
  width: 1000em;
}

.ie6 .imageblock-content,
.ie7 .imageblock-content {
  display: block;
  width: auto;
  zoom: 1;
}

/* ============================================= */
/*	Mixins							             */
/* ============================================= */
/* Type */
/* Misc */
/* Transition: Time */
/* Sprites */
/* Spacers */
/* ============================================= */
/*	Layout							             */
/* ============================================= */
/* ============================================= */
/*	Paul English's HTML5 helper classes          */
/* ============================================= */
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
/* Hide visually and from screenreaders, but maintain layout */
/* ============================================= */
/*	Custom Fonts					             */
/* ============================================= */
/*
	@font-face { 
		font-family: "Knockout 32"; 
		src: url('../_fonts/knockout/knockout-32.eot');
		src: local(':)'), 
			 url('../_fonts/knockout/knockout-32.woff') format('woff'), 
			 url('../_fonts/knockout/knockout-32.ttf') format('truetype'), 
			 url('../_fonts/knockout/knockout-32.svg#webfontABgg4EO0') format('svg'); }	
*/
@font-face {
  font-family: 'TinosRegular';
  src: url("_fonts/Tinos-Regular-webfont.eot");
  src: url("_fonts/Tinos-Regular-webfont.eot?iefix") format("eot"), url("_fonts/Tinos-Regular-webfont.woff") format("woff"), url("_fonts/Tinos-Regular-webfont.ttf") format("truetype"), url("_fonts/Tinos-Regular-webfont.svg#webfontalBgiXdx") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TinosItalic';
  src: url("_fonts/Tinos-Italic-webfont.eot");
  src: url("_fonts/Tinos-Italic-webfont.eot?iefix") format("eot"), url("_fonts/Tinos-Italic-webfont.woff") format("woff"), url("_fonts/Tinos-Italic-webfont.ttf") format("truetype"), url("_fonts/Tinos-Italic-webfont.svg#webfontB6NxO9Gl") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TinosBold';
  src: url("_fonts/Tinos-Bold-webfont.eot");
  src: url("_fonts/Tinos-Bold-webfont.eot");
  src: url("_fonts/Tinos-Bold-webfont.eot?iefix") format("eot"), url("_fonts/Tinos-Bold-webfont.woff") format("woff"), url("_fonts/Tinos-Bold-webfont.ttf") format("truetype"), url("_fonts/Tinos-Bold-webfont.svg#webfontizmmmv49") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TinosBoldItalic';
  src: url("_fonts/Tinos-BoldItalic-webfont.eot");
  src: url("_fonts/Tinos-BoldItalic-webfont.eot?iefix") format("eot"), url("_fonts/Tinos-BoldItalic-webfont.woff") format("woff"), url("_fonts/Tinos-BoldItalic-webfont.ttf") format("truetype"), url("_fonts/Tinos-BoldItalic-webfont.svg#webfontrwVgo7Nq") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*	Primary Stylesheet						     
	Author: Tito Bottitta + Upstatement			 */
/* ============================================= */
/*	Typography						   			 */
/* ============================================= */
/* unless otherwise specified, all links should be blue */
.font-weight-fix, .heading1, .heading2, .heading3, .heading4, .heading5, .meta-label, .cat-body, .sidebar-title, .main-nav-links, ul.secondary-nav-links li a, ul.secondary-nav-links li ul li a, .breadcrumb, .image-overlay h2, .input-button, .input-button a, .footer-list li.footer-list-title, .image-slideshow-button a, .page-tabs, .highlight-box.meta h3.heading5 {
  font-weight: bold;
}

.wf-active .font-weight-fix, .wf-active .heading1, .wf-active .heading2, .wf-active .heading3, .wf-active .heading4, .wf-active .heading5, .wf-active .meta-label, .wf-active .cat-body, .wf-active .sidebar-title, .wf-active .main-nav-links, .wf-active ul.secondary-nav-links li a, ul.secondary-nav-links li .wf-active a, .wf-active ul.secondary-nav-links li ul li a, ul.secondary-nav-links li ul li .wf-active a, .wf-active .breadcrumb, .wf-active .image-overlay h2, .image-overlay .wf-active h2, .wf-active .input-button, .wf-active .input-button a, .input-button .wf-active a, .wf-active .footer-list li.footer-list-title, .footer-list .wf-active li.footer-list-title, .wf-active .image-slideshow-button a, .image-slideshow-button .wf-active a, .wf-active .page-tabs, .wf-active .highlight-box.meta h3.heading5, .highlight-box.meta .wf-active h3.heading5 {
  font-weight: auto;
}

a {
  color: #0085c7;
  text-decoration: none;
}
a:hover {
  color: #00bedd;
  text-decoration: underline;
}
a:active {
  color: #0085c7;
}
avisited {
  color: #0085c7;
}
a.featured {
  font-weight: bold;
  text-underline: none;
}

.title1 {
  font: normal 100 35px TinosBold, Times, Times New Roman, serif;
  color: #0d0d0d;
  line-height: 40px;
  letter-spacing: -0.04em;
  margin-bottom: 0.3em;
}
.title1 a {
  color: #0d0d0d;
  text-decoration: none;
}
.title1 a:hover {
  text-decoration: underline;
}

.title2 {
  font: normal 100 26px TinosBold, Times, Times New Roman, serif;
  color: #0d0d0d;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin-bottom: 0.5em;
}
.title2 a {
  color: #0d0d0d;
  text-decoration: none;
}
.title2 a:hover {
  text-decoration: underline;
}

.title3 {
  font: normal 100 18px TinosBold, Times, Times New Roman, serif;
  color: #0d0d0d;
  line-height: 20px;
  letter-spacing: -0.02em;
  margin-bottom: 0.5em;
}
.title3 a {
  color: #0d0d0d;
  text-decoration: none;
}
.title3 a:hover {
  text-decoration: underline;
}

.heading1 {
  font-size: 32px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 46px;
  color: #000;
  margin-bottom: 0.25em;
}

.heading2 {
  font-size: 32px;
  line-height: 38px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #bebca5;
  text-transform: uppercase;
}
.heading2 a {
  text-decoration: none;
  color: #bebca5;
}
.heading2 a:hover {
  color: #8f8e7d;
}

.heading3 {
  font-size: 18px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 22px;
  color: #000;
  margin-bottom: 0.5em;
}

.heading4 {
  font-size: 18px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 22px;
  color: #000;
  margin-bottom: 0.5em;
  color: #bebca5;
}
.heading4 a {
  color: #bebca5;
}
.heading4 a:hover {
  color: #8f8e7d;
}

.heading5 {
  font-size: 14px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 17px;
  color: #8f8e7d;
  margin-bottom: 1em;
}
.heading5 a {
  color: #8f8e7d;
  text-decoration: none;
}
.heading5 a:hover {
  color: #a7a698;
}

.body1 {
  font: normal 100 15px Georgia, Times, Times New Roman, serif;
  line-height: 23px;
  color: #000;
  letter-spacing: 0.02em;
}
.body1 p {
  margin-bottom: 0.7em;
}

.body2 {
  font: normal 100 12px "Lucida Grande", Verdana, Arial, sans-serif;
  line-height: 17px;
  color: #000;
}
.body2 p {
  margin-bottom: 0.7em;
}

.summary {
  font: normal 100 15px Georgia, Times, Times New Roman, serif;
  line-height: 29px;
  color: #000;
  letter-spacing: 0.02em;
}
.summary p {
  margin-bottom: 0.7em;
}

.body-large {
  font-weight: normal;
  font-size: 24px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 300;
  line-height: 32px;
  color: #000;
  letter-spacing: -0.02em;
  margin-bottom: 0.5em;
}

.meta {
  font: normal 100 10px/100% "Lucida Grande", Verdana, Arial, sans-serif;
  line-height: 16px;
  color: #8f8e7d;
}
.meta a {
  color: #8f8e7d;
}
.meta a:hover {
  color: #a7a698;
}

.meta-label {
  font-size: 10px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 900;
  line-height: 14px;
  color: #8f8e7d;
  text-transform: uppercase;
  margin-top: 0.7em;
}
.meta-label a {
  color: #8f8e7d;
}
.meta-label a:hover {
  color: #a7a698;
}

.cat-body {
  font-size: 14px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 17px;
  color: #8f8e7d;
  margin-bottom: 1em;
}

.sidebar-title {
  font-size: 16px;
  line-height: 19px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  width: 100%;
  border-bottom: 2px solid #fff;
  padding-bottom: 5px;
  margin-bottom: 15px;
  box-sizing: border-box;
}

.sidebar-subtitle {
  font: normal 12px "Lucida Grande", Verdana, Arial, sans-serif;
  font-weight: bold;
  line-height: 17px;
  color: #fff;
  margin-bottom: 10px;
}

.highlight-word {
  font-family: Georgia, Times, Times New Roman, serif;
  font-weight: bold;
  font-style: italic;
}

.main-nav-links {
  font-size: 14px;
  line-height: 14px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 900;
  color: #8d8d8d;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.main-nav-links a {
  text-decoration: none;
  color: #8d8d8d;
  -moz-transition-property: color;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -moz-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  height: 100%;
  width: 100%;
  display: block;
}
.main-nav-links a:hover {
  color: #fff;
}
.main-nav-links a.important {
  color: #bebca5;
}
.main-nav-links a.important:hover {
  color: #fff;
}
.main-nav-links a.current {
  color: #fff;
}
.main-nav-links a.navlink-important {
  color: #333132;
}
.main-nav-links a.navlink-important:hover {
  color: #fff;
}

ul.secondary-nav-links {
  font-size: 14px;
  line-height: 17px;
  color: #dddccd;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
ul.secondary-nav-links li {
  margin-bottom: 0.5em;
}
ul.secondary-nav-links li a {
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 900;
  text-decoration: none;
  color: #dddccd;
}
ul.secondary-nav-links li a:hover {
  color: #bebca5;
}
ul.secondary-nav-links li div {
  margin-bottom: 0.5em;
}
ul.secondary-nav-links li ul li {
  margin-bottom: 0.5em;
}
ul.secondary-nav-links li ul li a {
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
ul.secondary-nav-links li ul li ul li {
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 500;
  text-transform: capitalize;
}

.breadcrumb {
  font-size: 14px;
  line-height: 17px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #bebca5;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-bottom: 15px;
}
.breadcrumb a {
  text-decoration: none;
  color: #bebca5;
}
.breadcrumb a:hover {
  color: #8f8e7d;
}

.comment-author {
  font: normal 100 14px "Lucida Grande", Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #8d8d8d;
  text-decoration: none;
  color: #8d8d8d;
}
.comment-author:hover {
  color: #a7a7a7;
}

.quotation {
  font: normal 100 18px TinosBold, Times, Times New Roman, serif;
  font-style: italic;
  color: #0d0d0d;
  line-height: 20px;
  letter-spacing: -0.02em;
  margin-bottom: 0.5em;
}

/* ============================================= */
/*	Colors							   			 */
/* ============================================= */
.gray-95 {
  color: #0d0d0d;
}

.gray-80 {
  color: #333132;
}

.gray-70 {
  color: #4d4d4d;
}

.gray-45 {
  color: #8d8d8d;
}

.gray-30 {
  color: #b2b2b2;
}

.gray-20 {
  color: #cccccc;
}

.sidebar-gray {
  color: #232323;
}

.side-panel {
  color: #585852;
}

.dark-champagne {
  color: #8f8e7d;
}

.med-champagne {
  color: #bebca5;
}

.light-champagne {
  color: #dddccd;
}

.link {
  color: #0085c7;
}

/* ============================================= */
/*	Heading Styling					   			 */
/* ============================================= */
.heading-link {
  display: inline;
  float: right;
  margin-top: 0.5em;
}

.page-head {
  padding-bottom: 50px;
}

/* ============================================= */
/*	Layout 							   			 */
/* ============================================= */
html, body {
  height: 100%;
}

.container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 1280px;
  min-height: 100%;
}

.top-nav {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background-color: #333132;
  height: 105%;
  padding-top: 25px;
  padding-left: 96.001px;
  padding-bottom: 5px;
}
.top-nav ul li {
  height: 42px;
  display: block;
  width: 6%;
}
.top-nav li#menu-index {
  width: 4%;
}
.top-nav li#menu-about {
  width: 4%;
}
.top-nav li#menu-events-and-training {
  min-width: 70px;
}
.top-nav li#menu-nicar {
  min-width: 100px;
}
.top-nav li#menu-resource-center {
  min-width: 74px;
}
.top-nav li#menu-publications {
  margin-right: 5%;
}
.top-nav li#menu-membership {
  margin-right: 0%;
}

.sidebar {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  height: 100%;
  display: block;
}

.sidebar-main {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 435.97px;
  padding-left: 96.001px;
  padding-right: 34.965px;
  padding-top: 30px;
  height: 100%;
}
.sidebar-main a {
  color: #00ccff;
}

.logo {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 435.97px;
  background-color: #333132;
  padding: 15px 34.965px 15px 96.001px;
}

.inner-container {
  height: 100%;
  display: block;
  display: inline;
  float: left;
  background-image: url("../../media/images/textures/micro_carbon.png");
}

.main {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 95%;
  padding-left: 435.97px;
  height: 100%;
  display: block;
  background-color: #fff;
}

.main-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 100%;
  height: 100%;
  display: block;
  padding: 30px 40px 0 40px;
  background-color: #fff;
}

.footer {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  clear: both;
  width: 100%;
  background-color: #333132;
  padding: 4%;
}

.login-bar {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 100%;
  background-color: #585852;
  height: 40px;
  padding: 12px 40px 0 40px;
}
.login-bar a {
  color: #00ccff;
}

.focus {
  background-image: url("../../media/images/textures/diagonal-noise_30.png");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 0;
}

.pagination {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 100%;
  background-color: #b2b2b2;
  padding: 15px 50px 15px 50px;
}

.main-content-item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 100%;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.main-content-item .container {
  min-width: 0px;
}
.main-content-item ul {
  margin-bottom: 10px;
}

h1.heading2.main-content-item {
  display: none;
}

.comments {
  width: 100%;
}

.comment-form-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 100%;
  background-color: #cccccc;
  padding: 20px;
}

.eventlist {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 100%;
  margin-top: 20px;
}

.eventlist li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 100%;
  padding-bottom: 40px;
}

/* ============================================= */
/*	Lists						   			 */
/* ============================================= */
.bulleted-list {
  list-style: square inside;
}

.bulleted-list li {
  margin-bottom: 0.7em;
}

.ordered-list {
  list-style: decimal inside;
}

.ordered-list li {
  margin-bottom: 0.7em;
}

.listview.noborders li {
  border: 0;
}

.listview li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  border-bottom: 2px solid #cccccc;
  padding: 20px 15px 20px 15px;
  width: 100%;
}
.listview li.last {
  border: 0;
}

.list-3-col, .list-4-col {
  width: 100%;
  display: inline;
  float: left;
}

.list-3-col li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 30%;
  margin-right: 3%;
  margin-right: 2%;
  height: 3.5em;
}

.list-4-col li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 22%;
  margin-right: 3%;
  margin-right: 2%;
  height: 3.5em;
}

/* ============================================= */
/*	Columns						   			 */
/* ============================================= */
.col-18 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 18%;
  margin-right: 3%;
}

.col-73 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 73%;
  margin-right: 3%;
}

.col-9 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 9%;
  margin-right: 3%;
}

.col-82 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 82%;
  margin-right: 3%;
}

.col-10 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 10%;
  margin-right: 3%;
}

.col-60 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 60%;
  margin-right: 3%;
}

.col-15 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 15%;
  margin-right: 3%;
}

.col-30 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 30%;
  margin-right: 3%;
}

/* ============================================= */
/*	Tables						   			 */
/* ============================================= */
.story-data {
  width: 100%;
  border: 0;
  margin-bottom: 30px;
}
.story-data td {
  padding: 10px;
}
.story-data td.leftcol {
  width: 18%;
}
.story-data td.rightcol {
  width: 82%;
}

.job-listings {
  width: 100%;
  border: 0;
  margin-bottom: 30px;
}
.job-listings tr {
  border-bottom: 1px solid #bebca5;
}
.job-listings tr.last {
  border: none;
}
.job-listings tr.featured {
  background-color: #dddccd;
}
.job-listings td {
  padding: 10px;
  width: 30%;
}

/* ============================================= */
/*	Image Classes					   			 */
/* ============================================= */
.article-include-right {
  display: inline;
  float: right;
  display: block;
  padding: 20px 0 20px 20px;
  width: 40%;
}
.article-include-right img {
  width: 100%;
}

.list-include-right {
  display: inline;
  float: right;
  display: block;
  padding: 0 0 20px 20px;
  width: 136px;
}
.list-include-right img {
  width: 100%;
}

.photo-caption {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 5px 0 20px 0;
  border-bottom: 2px solid #333132;
}

.image-overlay {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  position: relative;
  width: 100%;
  max-width: 747px;
  padding: 0;
  margin: 30px 50px 20px -50px;
  display: block;
  height: 128px;
}
.image-overlay .background {
  width: 100%;
  height: 100%;
}
.image-overlay .overlay-color-pink {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(146, 0, 80, 0.6);
  padding: 40px 20px 20px 60px;
}
.image-overlay .overlay-color-blue {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 154, 219, 0.6);
  padding: 40px 20px 20px 60px;
}
.image-overlay .overlay-color-green {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(45, 153, 53, 0.6);
  padding: 40px 20px 20px 60px;
}
.image-overlay .overlay-color-yellow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(235, 224, 60, 0.75);
  padding: 40px 20px 20px 60px;
}
.image-overlay h2 {
  color: #fff;
  font-size: 48px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}
.image-overlay .overlay-right {
  display: inline;
  float: right;
  width: 126px;
}

.overlay-container {
  width: 100%;
  display: inline;
  float: left;
}

.full-span-img {
  width: 100%;
  margin-bottom: 10px;
}

.sponsor-img {
  max-width: 136px;
  margin: 0 10px 10px 0;
}

.profile-right {
  width: 65px;
  height: 65px;
  margin: 0 0 10px 10px;
  display: inline;
  float: right;
}

.profile-left {
  width: 65px;
  height: 65px;
  margin: 0 10px 10px 0;
  display: inline;
  float: left;
}

.left-icon {
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -3px;
  max-width: 24px;
  max-height: 24px;
}

/* ============================================= */
/*	Objects							   			 */
/* ============================================= */
/*
.category-list li {
float: left;
width: 50%;
position: relative;
}
*/
blockquote, .blockquote {
  margin-bottom: 0.7em;
  margin-left: 3em;
  margin: 0 3em 0.7em 3em;
  display: inline-block;
}

.right {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: right;
  text-align: right;
}

.highlight-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  /*border: 1px solid $med-champagne;*/
  /*background-color: $highlight-champagne;*/
  padding: 0px 15px 30px 0px;
  min-height: 120px;
}

.highlight-box-small {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 100%;
  border: 1px solid #8f8e7d;
  background-color: #f0eed1;
  padding: 20px 20px 15px 20px;
  margin: 20px 0;
}
.highlight-box-small h3 {
  display: inline;
  float: left;
}
.highlight-box-small h4 {
  margin-top: 0;
}

.highlight-box-slideshow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 747px;
  background-color: #eee;
  margin-bottom: 20px;
}
.highlight-box-slideshow .data-section {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  padding: 20px;
  width: 40%;
}
.highlight-box-slideshow .slideshow-element-right {
  display: inline;
  float: right;
  width: 60%;
}
.highlight-box-slideshow .slideshow-element-left {
  display: inline;
  float: left;
  width: 55%;
}

.highlight-box-right {
  display: inline;
  float: right;
  font-size: 14px;
}

.sidebar-section {
  width: 100%;
  padding-bottom: 40px;
}

.sidebar-section-panel {
  background-image: url("../../media/images/textures/sidebar_shadow.png");
  background-repeat: repeat-y;
  background-position: top right;
  width: 121%;
  background-color: #585852;
  padding: 25px 35px 35px 30px;
  margin-left: -10.03%;
  margin-bottom: 40px;
  color: #b2b2b2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
}
.sidebar-section-panel.alt-panel {
  background-color: #dddccd;
  color: #4d4d4d;
}
.sidebar-section-panel.alt-panel .sidebar-title {
  color: #4d4d4d;
  border-bottom: 2px solid #4d4d4d;
}

.input-button-box {
  width: 100%;
  background-color: #fff;
  color: #8d8d8d;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  margin-bottom: 30px;
}

.input-button-field {
  width: 74%;
  height: 40px;
  border: 0;
  vertical-align: middle;
  padding: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  display: inline-block;
}

.input-button {
  background-color: #bebca5;
  border: none;
  text-align: center;
  color: #fff;
  width: 25%;
  margin: 4px 2px 4px -2px;
  height: 32px;
  box-sizing: border-box;
  padding-top: 5px;
  display: inline-block;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.input-button a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.input-button:hover {
  background-color: #dddccd;
  color: #8f8e7d;
}
.input-button:active {
  background-color: #8f8e7d;
  color: #bebca5;
}

.comment-field {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 100%;
  border: 1px solid #8d8d8d;
  padding: 10px;
  height: 136px;
  overflow: auto;
}

.comment-button {
  display: inline;
  float: right;
  background-color: #0085c7;
  color: #fff;
  width: 160px;
  margin-top: 15px;
  border: none;
  height: 30px;
  box-sizing: border-box;
  display: inline-block;
}
.comment-button:hover {
  background-color: #006394;
}

.standard-input {
  width: 100%;
  height: 34px;
  border: 1px solid #8d8d8d;
  vertical-align: middle;
  padding: 8px;
  box-sizing: border-box;
  display: inline-block;
}

.nav-item-list {
  height: 55px;
}

.nav-item-list li {
  margin-right: 3.3%;
  display: inline;
  float: left;
}

.focus-article {
  display: inline;
  float: left;
  display: inline-block;
  width: 43%;
  margin: 4% 0 2% 4%;
  height: auto;
  min-height: 120px;
  /* keep variable sized boxes from breaking the layout */
}
.focus-article img {
  display: inline;
  float: left;
  margin: 0 15px 15px 0;
}
.focus-article.odd {
  clear: left;
}
.focus-article p {
  color: #333132;
}

.byline {
  margin-bottom: 2em;
}
.byline a {
  font-weight: bold;
}
.byline .highlight-word {
  font-style: normal;
}

.tweet {
  width: 100%;
  display: inline;
  float: left;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 20px;
}
.tweet a {
  text-decoration: none;
}
.tweet p {
  width: 70%;
  display: inline;
  float: left;
}

.pagination-link-side {
  display: inline;
  float: left;
  text-align: center;
  width: 15%;
  min-width: 140px;
}

.pagination-link-center {
  display: inline;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20%;
}

.pagination-page-numbers li {
  display: inline;
  float: left;
  margin-right: 5px;
}

.footer-list {
  display: inline;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
  padding-left: 2%;
}

.footer-list li {
  display: inline;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1em;
  color: #b2b2b2;
  width: 100%;
}
.footer-list li img {
  display: inline;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.footer-list li a {
  color: #b2b2b2;
  text-decoration: none;
}
.footer-list li a:hover {
  color: #fff;
}
.footer-list li.footer-list-title {
  font-size: 14px;
  line-height: 14px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* ============================================= */
/*	Slideshow Elements				   			 */
/* ============================================= */
.ire-history-slideshow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 700px;
}

.button-row {
  display: inline;
  float: left;
}

.button-row li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  margin-right: 30px;
  height: 30px;
  margin-bottom: 20px;
}

.image-slideshow-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  background-color: #0085c7;
  color: #fff;
  width: 80px;
  border: none;
  height: 30px;
  box-sizing: border-box;
  text-align: center;
  padding: 5px;
  cursor: pointer;
}
.image-slideshow-button a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 500;
}
.image-slideshow-button:hover {
  background-color: #006394;
}
.image-slideshow-button.inactive {
  background-color: #b2b2b2;
}
.image-slideshow-button.inactive:hover {
  background-color: #b2b2b2;
}

.schedule-list {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 100%;
}

.schedule-list li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 100%;
  padding: 20px 0 20px 0;
  border-bottom: 2px solid #b2b2b2;
}
.schedule-list li.last {
  border: 0;
}

.page-tabs {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 100%;
  margin-top: 15px;
  font-size: 18px;
  line-height: 22px;
  font-family: "museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #bebca5;
  border-bottom: 2px solid #bebca5;
}
.page-tabs a {
  text-decoration: none;
  color: #bebca5;
}

.page-tabs li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 25%;
  padding: 10px;
  background-color: #fff;
}
.page-tabs li:hover {
  background-color: #dddccd;
  cursor: pointer;
  color: #fff;
}
.page-tabs li:hover a {
  color: #fff;
}
.page-tabs li.selected {
  background-color: #bebca5;
}
.page-tabs li.selected a {
  text-decoration: none;
  color: #fff;
}
.page-tabs li.selected a:hover {
  color: #fff;
}

.circle {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  display: block;
  height: 13px;
  width: 13px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  background-color: #bebca5;
}
.circle:hover {
  background-color: #dddccd;
  cursor: pointer;
}
.circle.selected {
  background-color: #8f8e7d;
}

.slideshow-nav li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  font-size: 16px;
  width: 13px;
  margin-right: 0.75em;
  margin-top: 0.4em;
}

/* Dropdowns */
/* Dropdowns Linklist */
.dropdown-arrow {
  background: transparent url(../_images/sprite.png) no-repeat 0 0;
  display: block;
}

/* Universal Dropdown Styles */
.dropdown-container {
  position: relative;
  *zoom: 1;
}
.dropdown-container:after {
  content: "";
  display: table;
  clear: both;
}

/* FROM IRE DEV SITE
.dropdown-container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
*/
.dropdown-trigger {
  position: relative;
  z-index: 101;
}

.dropdown-menu {
  display: none;
  position: absolute;
  z-index: 100;
}

.active .dropdown-menu {
  display: block;
}

/* ============================================= */
/*	Jeff Vlahos - Customization /

/* ============================================= */
.highlight-box.meta h3.heading5 {
  text-transform: uppercase;
  color: #666;
  font-size: 11px;
  font-weight: 900;
}
.highlight-box.meta h4.meta-label {
  color: #666;
}
.highlight-box.meta h4.meta-label a {
  color: #0085c7;
}

.plugins-blog ul li {
  float: left;
  width: 40%;
  margin-right: 4%;
}

#most-popular-sidebar ul li {
  margin-bottom: 4px;
}
#most-popular-sidebar ul li a {
  line-height: 100%;
}

table#office-directory h3 {
  margin-top: 13px;
}
table#office-directory td.last {
  padding-left: 20px;
}
table#office-directory tr.heading3 td.last {
  padding-left: 0;
}

table#staff-bio-table td.last {
  padding-left: 15px;
}

table#board-table td.last {
  padding-left: 15px;
}

table#past-board-members {
  width: 80%;
}

/* ============================================= */
/*	Media Queries							     */
/* ============================================= */
@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
/* ============================================= */
/*	Print Styles							     
	Inline to avoid required HTTP connection     */
/* ============================================= */
@media print {
  * {
    background: transparent !important;
    color: #444 !important;
    text-shadow: none !important;
  }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }

  a:after {
    content: " (" attr(href) ")";
  }

  abbr:after {
    content: " (" attr(title) ")";
  }

  .ir a:after {
    content: "";
  }

  /* Don't show links for images */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img {
    page-break-inside: avoid;
  }

  @page {
    margin: 0.5cm;
}

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}
@media screen and (max-width: 1280px) {
  .logo, .sidebar-main {
    padding-left: 10px;
    width: 349.97px;
  }

  .main {
    padding-left: 349.97px;
    width: 99.99%;
  }

  .container {
    min-width: 1000px;
  }

  .top-nav {
    padding-left: 10px;
  }
}
@media screen and (max-width: 1195px) {
  .top-nav ul li {
    width: 6.5%;
  }
}
@media screen and (max-width: 1178px) {
  .pagination-link-center {
    padding: 0 15%;
  }
}