/*
 * 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.
 *
 * Detailed information about this CSS:h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio, canvas, video { display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) { display:none; }
[hidden] { display:none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom:h5bp.com/g
 */

@font-face {
	font-family:'Tambor Black';
	src:url('../fonts/tamborblack-webfont.eot?#iefix') format('embedded-opentype'), 
	    url('../fonts/tamborblack-webfont.woff') format('woff'), 
	    url('../fonts/tamborblack-webfont.ttf') format('truetype'),
	    url('../fonts/tamborblack-webfont.svg#svgFontName') format('svg');
} @font-face {
	font-family:'Arial MT';
	src:url('../fonts/arialmt-webfont.eot?#iefix') format('embedded-opentype'), 
	    url('../fonts/arialmt-webfont.woff') format('woff'), 
	    url('../fonts/arialmt-webfont.ttf')  format('truetype'),
	    url('../fonts/arialmt-webfont.svg#svgFontName') format('svg');
} @font-face {
	font-family:'Arial MT Bold';
	src:url('../fonts/arialmtbold-webfont.eot?#iefix') format('embedded-opentype'), 
	    url('../fonts/arialmtbold-webfont.woff') format('woff'), 
	    url('../fonts/arialmtbold-webfont.ttf') format('truetype'),
	    url('../fonts/arialmtbold-webfont.svg#svgFontName') format('svg');
}

html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }

html, button, input, select, textarea { font-family:Arial MT, Arial, Helvetica, sans-serif; color:#000; }

body { margin:0; font-size:1em; line-height:1.4; }

/*
 * Remove text-shadow in selection highlight:h5bp.com/i
 * These selection declarations have to be separate
 * Also:hot pink! (or customize the background color to match your design)
 */

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


/* =============================================================================
   Links
   ========================================================================== */

a { text-decoration:underline; color:#0a447b; } a:hover { color:#0a447b; } /*a:visited { color:#a2552e; }*/ a:hover { text-decoration:none; }
a:focus { text-decoration:none; outline:thin dotted; } a:hover, a:active { outline:0; }

a h2, footer a { color:#a2552e; text-decoration:underline; }
a h2:hover, footer a:hover { color:#a2552e; text-decoration:none; }
/*a h2:focus { text-decoration:none; outline:thin dotted; }
a h2:hover, a h2:active { outline:0; }*/


/* =============================================================================
   Typography
   ========================================================================== */

::selection { background:#a8d1ff; color:#000; }
::-moz-selection { background:#a8d1ff; color:#000; }

h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; }

abbr[title], acronym[title] { border-bottom-width:0 !important; text-decoration:none; }

b, strong { font-weight:bold; }

blockquote { margin:1em 40px; }

dfn { font-style:italic; }

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

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

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

/* Redeclare monospace font family:h5bp.com/j */
pre, code, kbd, samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }

q { quotes:none; }
q:before, q:after { content:""; content:none; }

small { font-size:85%; }

/* Position subscript and superscript content without affecting line-height:h5bp.com/k */
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }

i[class^="icon-"]:before { display:inline-block; text-decoration:none; margin-right:3px; }

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin:1em 0; padding:0 0 0 40px; }
dd { margin:0 0 0 40px; }
nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7:h5bp.com/d
 * 2. Remove the gap between images and borders on image containers:h5bp.com/i/440
 */

img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow:hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin:0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin:0; }
fieldset { border:0; margin:0; padding:0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor:pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border:0; *margin-left:-7px; padding:0; white-space:normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height:normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; *overflow:visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor:default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; *width:13px; *height:13px; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; }

/*
 * Remove inner padding and border in FF3/4:h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow:auto; vertical-align:top; resize:vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color:#f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse:collapse; border-spacing:0; }
td { vertical-align:top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin:0.2em 0; background:#ccc; color:black; padding:0.2em 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

/* Background image */
#full-screen-background-image {
	display:block; z-index:-999; min-height:100%; min-width:1360px;
	width:100%; height:auto; position:fixed; top:0; left:0;
}

/* Hide print only section */
#prnthdr { display:none; }

/* Top section of main layout */
#top {
	position:relative; z-index:6; height:143px/*160px*/; border-top:5px solid #99471f; margin:0; padding:0;
	-moz-box-shadow:0 0 6px black; -webkit-box-shadow:0 0 6px black; box-shadow:0 0 6px black;
	background:#faf7f2 url(../graphics/bklayout.jpg) no-repeat; background-size:cover; background-position:top;
}

#skipnav a, #skipnav a:hover, #skipnav a:visited {
	position:absolute; top:-500px; width:100%; font-size:9px; text-align:center;
} #skipnav a:active, #skipnav a:focus { position:absolute; top:0; }

header { float:left; margin:0; padding:0; overflow:hidden;
	width:100%; height:104px/*121px*/; display:block;
	text-align:center; border-bottom:5px solid #99471f; }
header .logo { display:block; width:253px; height:82px; margin:12px auto; padding:0;
	background:url('../graphics/logoNEW.png') no-repeat; background-size:contain; }

/*header .logo {
	margin:10px auto; padding:0; width:253px; height:100px;
}*/

.nav, .nav ul {
	margin:0; padding:0; list-style:none;
} .nav, #mobnav {
	position:absolute; float:left; top:109px/*126px*/; left:0; width:100%; height:/*23px*/33px; 
	background:#00448c; border-bottom:1px solid #555580;
} .nav ul {
	position:absolute; left:-999em; top:23px; z-index:598; width:245px; background-color:#002b59; border-bottom:1px solid #555580;
} .nav li.ltl {
	position:relative; float:left;
} .nav li.rtl {
	position:relative; float:right; margin-right:0;
} .nav li > a {
	float:left; height:16px;
	font:12px Arial MT Bold, Arial, Helvetica, sans-serif; color:#faf7f2; text-decoration:none;
	text-shadow:0 0 1px black; background-color:transparent;
} .nav li.rtl > a {
	float:right;
} .nav li > a:hover, .nav li > a:focus, .nav li:focus > a, .nav li:hover > a {
	background-color:#002b59;
} .nav li:hover ul, .nav li:focus ul, ul.show-menu {
	left:0;
} .nav ul li {
	float:none;
	position:static;
} .nav ul a {
	float:none; display:block; padding:4px 16px 3px 16px;
	font:11px Arial MT Bold, Arial, Helvetica, sans-serif; color:#faf7f2; letter-spacing:1px; text-decoration:none;
	background-color:transparent; border-top:1px solid #555580;
	-webkit-transition:0.1s linear all;
} .nav ul a:hover, .nav ul a:focus {
	background-color:#1f1f1f;
} @-moz-document url-prefix() {
	.nav li > a { font-weight:normal; }
}

/*Secondary Navigation*/
.secnav { position:absolute; float:right; top:26px; right:13px; }
.secnav a { text-decoration:none; /*outline:0;*/ }
.secnav .icon { display:inline-block; vertical-align:middle; width:122px; height:107px; }
.secnav .membership { background:url('/template/graphics/btn_membership.png') no-repeat; }
.secnav .tickets { width:133px; background:url('/template/graphics/btn_buy-tickets.png') no-repeat; }
.secnav .donate { background:url('/template/graphics/btn_donate.png') no-repeat; }
.secnav { display:none; }

#mobnav #menu-icon {
	clear:both; height:23px; padding:4px 0 0 10px; cursor:pointer; letter-spacing:1px;
	font:18px Arial MT Bold, Arial, Helvetica, sans-serif; color:#faf7f2; text-align:left;
	vertical-align:text-top;
} #mobnav #sections {
	width:100%; clear:both; position:absolute; top:33px; width:100%; z-index:5; overflow-x:hidden;
	background:#002b59; border-bottom:1px solid #555580;
	color:#faf7f2; letter-spacing:1px; text-align:left;
	display:none;
} #mobnav #sections li {
	width:100%; padding:6px 0 5px 33px;
	font:11px Arial MT Bold, Arial, Helvetica, sans-serif; color:#faf7f2; letter-spacing:1px; text-decoration:none;
	border-top:1px solid #555580;
	-webkit-transition:0.1s linear all;
} #mobnav #sections ul a {
	width:100%; display:block; text-decoration:none;
} #mobnav #sections a {
	text-decoration:none;
} 

#subnav {  
    position:absolute; top:93px/*110px*/; right:0; z-index:599; float:right; list-style:none; padding:2px 0 3px 0; 
	background:#99471f; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px;
} #subnav li {  
    float:left; display:block; margin:0; border:none;  
	font:11px Arial MT, Arial, Helvetica, sans-serif; letter-spacing:1px;
} a.mediacenter, a.faqs, a.quickfind, a.contactus, a.search, a.social {  
	color:#faf7f2; text-decoration:none; margin-right:0; height:14px;
	-webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px;
} #subnav li a.mediacenter {
	padding:/*2px 4px 3px 19px*/9px 4px 4px 6px; /*background:#99471f url('../graphics/sprites-subnav.png') 0 0 no-repeat;*/
	-webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; border-top-left-radius:0;
	-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px;
} #subnav li a.faqs {
	padding:/*2px 4px 3px 15px*/9px 4px 4px 4px; /*background:#99471f url('../graphics/sprites-subnav.png') 0 -15px no-repeat;*/
} #subnav li a.quickfind {
	padding:/*2px 4px 3px 18px*/9px 4px 4px 4px; /*background:#99471f url('../graphics/sprites-subnav.png') 0 -30px no-repeat;*/
} #subnav li a.contactus {
	padding:/*2px 4px 3px 19px*/9px 4px 4px 4px;/* background:#99471f url('../graphics/sprites-subnav.png') 0 -45px no-repeat;*/
} #subnav li a.search {
	padding:/*2px 4px 3px 21px*/9px 4px 5px 4px; /*background:#99471f url('../graphics/sprites-subnav.png') 0 -60px no-repeat;*/
} #subnav li a.social {
	margin-right:6px; padding:/*2px 4px 3px 21px*/9px 4px 5px 4px; /*background:#99471f url('../graphics/sprites-subnav.png') 0 -60px no-repeat;*/
} #subnav li i { font-size:20px; }

#subnav li a.mediacenter:hover,
#subnav li a.faqs:hover,
#subnav li a.quickfind:hover,
#subnav li a.contactus:hover,
#subnav li a.search:hover,
#subnav li a.social:hover {  
	background-color:#663014;
} #subnav .dropdown_1, #subnav .dropdown_2 {  
    width:257px; margin:/*1px*/16px 0 0 0; display:none;  
    position:absolute; z-index:600; top:17px;  
    right:-999em; /* Hides the drop down */  
    text-align:left;  
    padding:1px 2px 4px 4px; background:#fff;  
    border:2px solid #99471f; border-top:0; border-right:0;
	-webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px;
} @-moz-document url-prefix() {
	#subnav .dropdown_1, #subnav .dropdown_2 { width:256px; top:18px; }
} #subnav li:hover .dropdown_1 {  
    right:0; display:block;
} #subnav li:hover .dropdown_2 {  
    right:0; display:block; padding-top:3px;
} .search_field {
	float:left; width:214px; height:24px;
	background:#faf7f2; border:1px solid #e5d0c0;
	font-size:11px; 
	-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px;
} .search_btn {
	float:right; width:30px; height:24px; margin-right:4px;
	background:#faf7f2; border:1px solid #e5d0c0;
	font-size:11px; color:#99471f; text-transform:uppercase;
	-webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px;
} .search_field input {
	width:204px; padding:5px; margin:0;
	border:0; -webkit-appearance:none; background:transparent;
	font-size:11px;
} .search_btn input {
	padding:5px 5px 5px 6px; margin:0; cursor:pointer;
	border:0; -webkit-appearance:none; background:transparent;
	font-size:11px; color:#99471f; text-transform:uppercase;
}

/* Mid section of main layout */
#mid, #content {
	margin:0; padding:0 0 10px 0; background:#f2cfa0;
	font:13px Arial, Helvetica, sans-serif; letter-spacing:1px;
}
.share { display:none; position:relative; float:right; padding:3px 5px 3px 3px;
	background:#dab17b; border-bottom:1px solid #a6783c; border-left:1px solid #a6783c;
	-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; }
.addthis_default_style { display:inline-block; vertical-align:middle; }
.share .txt { display:inline-block; vertical-align:middle; padding-left:2px; font-size:11px; font-weight:bold; }
#mid .intro, #content .intro { padding:10px 10px 0 10px; }
#mid .intro h1, #content .intro h1 { padding-bottom:5px; font:23px Tambor Black, Verdana, Geneva, sans-serif, sans-serif; text-transform:lowercase; line-height:21px; }
#mid .intro p, #content .intro p  { padding-bottom:15px; /*text-align:justify;*/ }
#mid .intro ul, #content .intro ul { padding:0 0 10px 15px; margin:0; /*text-align:justify;*/ }
#mid article { clear:both; padding:0 0 5px 0; }
#mid article img.landing { float:left; width:100%; margin:0 10px 5px 0; padding:1px 0 0 0; border-bottom:1px solid #a6783c; }
#mid article h2 { padding:4px 19px 4px 10px; background:#dab17b; border-top:1px solid #a6783c; border-bottom:1px solid #a6783c; font-size:14px; }
#mid article h2 .icon-chevron-down, #mid article h2 .icon-chevron-up { position:relative; z-index:4; float:right; top:-1px; right:-10px; font-size:18px; color:#a6783c; }
#mid article > div { padding:5px 10px 0 10px; /*background:#f9e7cf;*/ }
#mid article p { padding-bottom:10px; /*text-align:justify;*/ }
#mid article ul { padding:0 0 5px 15px; margin:0; /*text-align:justify;*/ }
#mid article ul.files, #mid article ul.files-ext { padding-left:0; list-style:none; }
#mid article ul.files { padding-bottom:0; } i.icon-file-alt { font-size:14px; color:#000; text-decoration:none; }
#mid article .two { padding:0 0 0 15px; margin:0; }
.doc { list-style-type:none; background:url('../graphics/template/icon_info.gif') no-repeat 0 4px; padding-left:16px; }
#mid .intro li, #mid article li { padding-bottom:5px; }
#mid article h3 { padding:10px 20px 10px 0; margin-top:5px; border-top:1px dotted #a6783c; border-bottom:1px dotted #a6783c; font-size:13px; line-height:14px; cursor:pointer;/* background:url('../graphics/arrow-down.png') no-repeat right 12px;*/ }
#mid article h3 .icon-chevron-down, #mid article h3 .icon-chevron-up { position:relative; z-index:4; float:right; top:-1px; right:-20px; font-size:18px; color:#a6783c; }
#mid article div div.subsect { padding:10px 0 0 0; /*background:#f9e7cf;*/ }
#mid article h2.drop, #mid article h3.drop { cursor:pointer; }

/* Rtcol section of main layout */
#rtcol { display:none; }

/* Bottom section of main layout */
#btm {
	clear:both; position:relative; z-index:5; padding:20px 0 60px 0; color:#a2552e; text-align:center;
  border-top:5px solid #99471f; border-bottom:5px solid #99471f; 
	-moz-box-shadow:0 0 6px black; -webkit-box-shadow:0 0 6px black; box-shadow:0 0 6px black;
	background:#faf7f2 url(../graphics/bklayout.jpg) no-repeat; background-size:cover; background-position:bottom;
}

#connect .txt-1, #connect .txt-2, #connect .icon { display:inline-block; vertical-align:middle; }
#connect .txt-1, #connect .txt-2 { text-transform:uppercase; letter-spacing:1px; }
#connect a { text-decoration:none; outline:0; }
#connect span { display:inline-block; }
#connect .txt-1, #connect .txt-2 { font-size:14px; }
#connect .icon { width:34px; height:35px; margin:0 0 0 3px; }
#connect .facebook { background:url('/template/graphics/sprite_connect.png') 0 0 no-repeat; }
#connect .facebook:hover, #connect .facebook:focus { background-position:0 -41px; }
#connect .twitter { background:url('/template/graphics/sprite_connect.png') -40px 0 no-repeat; } 
#connect .twitter:hover, #connect .twitter:focus { background-position:-40px -41px; }
#connect .youtube { background:url('/template/graphics/sprite_connect.png') -80px 0 no-repeat; }
#connect .youtube:hover, #connect .youtube:focus { background-position:-80px -41px; }
#connect .instagram { background:url('/template/graphics/sprite_connect.png') -120px 0 no-repeat; }
#connect .instagram:hover, #connect .instagram:focus { background-position:-120px -41px; }

#association { margin-top:20px; }
#association a { text-decoration:none; outline:0; }
#association .logo { display:inline-block; vertical-align:middle; }
#association .aza { width:126px; height:50px; background:url('/template/graphics/sprite_logo-aza.png') 0 0 no-repeat; }
#association .aza:hover, #association .aza:focus { background-position:-126px 0; }
#association .apga { width:137px; height:57px; margin-left:5px; background:url('/template/graphics/sprite_logo-apga.png') 0 0 no-repeat; }
#association .apga:hover, #association .apga:focus { background-position:-137px 0; }

#btm footer, #btm .disclaimer {
	clear:both; padding:20px 5px 0 5px; text-align:center;
	font-size:11px; color:#a2552e; letter-spacing:1px;
}

.line { display:block; margin-top:10px; } .brk-1, .brk-2, .brk-3 { display:block; }
.bull-1, .bull-2, .bull-3 { display:none; }


/* Pixel ratio of 2. Background-size is 1/2 = 50% (of a 200px image) */
@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi) {
/*	header .logo { background: transparent url(/assets/graphics/2x/logo.png) no-repeat; background-size:contain; }
	header .logo img { display:none; }*/
	header .logo { background:url('../graphics/2x/logoNEW.png'); background-size:contain; }
  .secnav .membership { background:url('/template/graphics/2x/btn_membership.png'); background-size:122px 107px; }
  .secnav .tickets { background:url('/template/graphics/2x/btn_buy-tickets.png'); background-size:133px 107px; }
  .secnav .donate { background:url('/template/graphics/2x/btn_donate.png'); background-size:122px 107px; }

  #connect .facebook { background:url('/template/graphics/2x/sprite_connect.png'); background-size:154px 76px; }
  #connect .twitter { background:url('/template/graphics/2x/sprite_connect.png'); background-position:-40px 0; background-size:154px 76px; }
  #connect .youtube { background:url('/template/graphics/2x/sprite_connect.png'); background-position:-80px 0; background-size:154px 76px; }
  #connect .instagram { background:url('/template/graphics/2x/sprite_connect.png'); background-position:-120px 0; background-size:154px 76px; }
  #association .aza { background:url('/template/graphics/2x/sprite_logo-aza.png'); background-size:252px 50px; }
  #association .apga { background:url('/template/graphics/2x/sprite_logo-apga.png'); background-size:274px 57px; }
}

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width:35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0; }
.ir br { display:none; }

/* 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; }

/* Contain floats:h5bp.com/q */
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection:h5bp.com/r
   ========================================================================== */

@media print {
  * { background:transparent !important; color:black !important; box-shadow:none !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; } /* Black prints faster:h5bp.com/s */
  a, a:visited { text-decoration:underline; }
  a[href]:after { content:" (" attr(href) ")"; }
  abbr[title]:after { content:" (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }  /* Don't show links for images, or javascript/internal links */
  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; }
}