/*  SISA 2016 - Main Stylesheet
	Updated 04.08.2016 - MB 

	Colours:
	#1b2170	- BG Dk Blue
	#2e3191 - Link CMYK Blue
	#00a8e7 - CMYK Cyan
	#009BDF |
	#0089CF | Darker Cyans
	#0077C0 | 
	#ABE1FA - 30% Cyan Button Text
	#8ED8F8 - 40% Cyan
	#00509C - Mid Blue
	#1e4790 - Mid Blue Darker
	#182c62 - Mid Blue Darker 2
	#F1C577 - Gold
	#e6aa41 - Darker Gold
	#808184 - Grey text
	#6d6d6f	- Grey Heading
	#e6e7e8	- Grey Lines
*/

@charset "utf-8"; 
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) */
html,button,input,select,textarea { color: #222; }
body { font-size: 1em; line-height: 1.4; }
::-moz-selection {background: #b3d4fc;text-shadow: none; }
::selection {background: #b3d4fc;text-shadow: none; }
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0; }
img {vertical-align: middle; }
fieldset {border: 0;margin: 0;padding: 0; }
textarea {resize: vertical; }
.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0; }
.wrapper {width: 90%;margin: 0 5%; }
.wrapper-full {width: 100%; margin: 0; }
.footer-container,.main aside {}
.header-container,.footer-container,.main aside {}
.main article h1 {font-size: 2em; }
.main aside {padding: 0px 5% 10px; }
.footer-container footer {color: white;padding: 20px 0; }
a:focus { outline: 0; }
/* IE Fixes */

/* ------------------ Custom Styles ------------------ */

body {font: 100% "Open Sans","Helvetica Neue",Arial,Helvetica,sans-serif; margin: 0; padding: 0; text-align: center; color: #FFF; background-color: #1e4790; background-attachment: fixed; background-repeat: no-repeat; /* Mobile */ background-position: top right; background-size: auto 100%;}
body.home {  }
a, a:link, a:visited { text-decoration: none; color: #2e3191; font-weight: 600; }
a:hover { text-decoration: underline; }
td,th,table,div,input,select,textarea {font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,sans-serif; color: #292929; }
th,td {vertical-align: top; text-align: left; }
table { padding: 0; margin: 0; margin-top: 1em; }
img,form {border: 0; margin: 0; padding: 0; }

/* HTML tag styles */

h1 { font-size: 2.25em; line-height: 1.1em; color: #00509C; margin: 0 0 0em 0; font-weight: normal; font-family: 'PhoenicaSTDDemo',"Open Sans","Helvetica Neue",Arial,Helvetica,sans-serif; }
img.icon { position: absolute; top: 58px; right: 25px; z-index: 2; }
h2 { font-size: 1.3846153em; line-height: 1.3846153em; margin: 2em 0 1em 0; color: #00a8e7; font-weight: 400; }
h3 { font-size: 1.2307692em; line-height: 1.2307692em; color: #009BDF; margin: 2em 0 0.5em 0; font-weight: 400; }
h4 { font-size: 1em; margin: 1em 0 0 0; font-weight: 600; color: #808184; }
h5 { font-size: 1em; margin: 1em 0 1em 0; font-weight: 600; }
p { line-height: 1.5em; margin: 0 0 1em 0; }
hr { color: #e6e7e8; height: 0; margin: 0; border: 0; border-top: 1px solid #e6e7e8; }
ol { line-height: 1.5em; list-style-type: decimal; margin: 0 0 1em 3em;	text-indent: 0; padding: 0; }
ul { line-height: 1.5em; list-style-type: disc; margin: 0 0 1em 16px;text-indent: 0; padding: 0; }
li { margin: 0 0 0.7em 16px; }
blockquote { line-height: 1.5em; margin: 1em 0 1em 0; font-style: italic; }
img { border: 0; margin: 0; padding: 0; }
pre { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
form { margin: 0; padding: 0; }

/* Header */
.main-header { position: relative; margin: 15px auto; -webkit-transition: margin .5s ease-in-out; -moz-transition: margin .5s ease-in-out; transition: margin .5s ease-in-out; /* Mobile */ margin: 0; width :100%; background: #FFF; }
.logo {float: left; text-align: left; width: 240px; height: 100px; }
.logo img { position: absolute; z-index: 1000; }
.header-logo-3 { display: none; }

/* Nav */
nav { display: none; line-height: 1; font-size: 1em; font-weight :300; z-index: 10000; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; border-bottom: 1px solid #e6e7e8; /* Mobile */ width: 100%; position: absolute; top: 100px; background: #FFF; }
nav > ul {}
nav ul, nav li {margin: 0;padding: 0; list-style-type: none; }
nav a, nav a:link, nav a:visited {display: block; border-top: 1px solid #e6e7e8; padding: 12px 20px 13px 20px;text-align: left;text-decoration: none;font-weight: normal;color: #6D6E70; text-transform: uppercase; cursor:pointer; background: #fff;}
nav a:hover /*, nav li:hover a , nav li:hover li a:hover*/ {color: #343536; background: #f9fafa;text-decoration: none }
nav li:hover li li a {color: #999; }
/*nav li:hover a { background: #fff; }
nav.mobile li a { background: #fff; }
nav.mobile li a:hover { background: #f2f3f4; }*/ 
nav li ul a, nav li ul a:link, nav li ul a:visited { text-transform: none; }
nav li li ul { display: none; position: relative; }
nav.mobile li ul a, nav.mobile li ul a:link, nav.mobile li ul a:visited { padding-left: 40px; }
nav.mobile li li ul a, nav.mobile li li ul a:link, nav.mobile li li ul a:visited { padding-left: 60px; }
nav li ul { background: #fff; }
.nav-toggle { display: block; position: absolute; top: 0; right: 0; z-index: 10001; font-size: 20px; width: 80px; height: 100px; line-height: 90px; text-align: center; cursor: pointer; color: #FFF; }
.nav-toggle:hover { background-color: #00a8e7; }
.nav-toggle:hover .icon-menu { background-position: -588px -27px; }
.nav-toggle.on { background-color: #00a8e7; }
.nav-toggle.on .icon-close { background-position: -812px -27px; }
.home nav.mobile a.menu-item-home { display: none; }

/* Login */
#loginPanel .login-toggle { height:56px; width: 56px; margin: 0; padding: 0; line-height: 56px; text-align: center; position: absolute; right: 0; }
#loginPanel { display: none; position: absolute; top: 0; right: 0; width: 90%; height: 100vh; padding: 0 5%; overflow: hidden; background: #2f2f2f; color: #888; font-size: 1em; text-align: left; z-index: 10002; }
#loginPanel .main-icon { background-position: -42px -24px;}
#loginPanel .main-icon.logged-in { background-position: -938px -24px;}
#loginPanel a,#loginPanel a:link,#loginPanel a:visited {color: #888; text-decoration: none; }
#loginPanel a:hover, #loginPanel a.button:hover {color: #fff; }
#loginPanel a.button { color: #ABE1FA; }
#loginPanel h2 {font-size: 1em; margin: 6px 0 2px 0; color: #fff; font-weight: 700; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; }
#loginPanel p { margin: 2px 0 4px 0; color: #ccc; }
#loginPanel p.small { color: #888; }
#loginPanel #loginFormFields label { display: block; color: #666; margin: 1em 0 0.2em; }
#loginPanel #loginFormFields input { background-color: #080808; color: #fff; border:0; margin-bottom: 1px; padding: 17px 3%; width: 94%; }
#loginButton,#logoutButton { border: 0; color: #ABE1FA; background-color: #00a8e7; margin-bottom: 1px; width: 100%; padding: 1em 0; text-transform: uppercase; display :block; text-align: center;}
#loginButton:hover,#logoutButton:hover, #loginPanel .login-toggle:hover { background-color: #009BDF; color: #fff; cursor: pointer; }
#loginFormButtons { margin-top: 2em; }
.panel-text { padding: 34px 0; }
ul.user-nav { list-style-type: none; color: #888; margin: 0; }
#loginPanel input:-webkit-autofill, #loginPanel textarea:-webkit-autofill, #loginPanel select:-webkit-autofill { -webkit-box-shadow: 0 0 0 100px #080808 inset; -webkit-text-fill-color: rgb(255, 255, 255); }

/* Search */
#searchPanel { display: none; position: absolute; top: 0; right: 0; width: 90%; height: 100vh; padding: 0 5%; overflow: hidden; background: #2f2f2f; color: #888; font-size: 1em; text-align: left; z-index: 10002; }
#search { position: relative; height:80%; } 
.search-inner { margin: auto; position: absolute; top: 0; bottom: 2.5em; left: 0; right: 0; height: 10em; }
#searchPanel a,#searchPanel a:link,#searchPanel a:visited {color: #888; text-decoration: none; }
#searchPanel a:hover { color: #fff; }
.search-toggle { cursor: pointer; }
#searchPanel .search-toggle { height:56px; width: 56px; margin: 0; padding: 0; line-height: 56px; text-align: center; position: absolute; right: 0; }
#searchPanel .icon-search { background-position: -266px -27px; }
#searchButton { border: 0; color: #ABE1FA; background-color: #00a8e7; margin-bottom: 1px; width: 100%; padding: 1em 0;  text-transform: uppercase; }
#searchButton:hover,#searchPanel .search-toggle:hover { background-color: #009BDF; color: #fff; cursor: pointer; }
#searchPanel input:-webkit-autofill, #searchPanel textarea:-webkit-autofill, #searchPanel select:-webkit-autofill { -webkit-box-shadow: 0 0 0 100px #080808 inset; -webkit-text-fill-color: rgb(255, 255, 255); }
#search-box { border: 0; outline: none; width: 95%; padding: 1em 2.5%; margin: 1em 0; background: #080808; color: #fff; } 

/* Layout */
.frame { position: relative; }
.page { width: 100%; clear: both; padding: 25px 0;}
.content { max-width: 1000px; margin: 0 auto; text-align: left; word-wrap: break-word; position: relative; clear: both; }
.content header { padding: 0 25px 25px 25px; }
.content header h1 { color: #fff; }
.content img { max-width :100%; }
.paper { background: #fff; }
.col-left, .col-right, .col,.col-1,.col-2,.col-3 { padding: 25px;}
p.breadcrumb { color: #8ED8F8; display: block; font-size: 0.85em; margin: 0 0 2em 0;}
p.breadcrumb a, p.breadcrumb a:link, p.breadcrumb a:visited { text-decoration: none; color: #8ED8F8;}
p.breadcrumb a:hover { text-decoration: none; color: #FFF;}


/* Footer */
.footer { width :100%; margin: 100px 0 0 0; text-align: center; font-size: 0.8125em; clear: both; color: #999; background: #1f1f1f; }
.footer div { color: #999; }
.footer .col { padding-left: 0; padding-right: 0; }
.footer-end { padding: 50px 25px; text-align: left;}
.footer-end-line { border-top: 1px solid #58595B; margin: 1em 0;  }
.legislation-links { margin-bottom: 50px; }
.contact-details { border-top: 1px solid #58595B; padding-top: 1em; margin: 1em 0;}
.contact-details .col { padding: 0; }
.footer-logo { background-image: url(../images/icons.svg); background-position: -1033px -52px; width: 64px; height: 18px;  display: block;}
.no-svg .footer-logo { background-image: url(../images/icons.png);}
.footer p.footer-menu { margin-top: 1em; font-size: 0.7692307em; }
.footer a:link, .footer a:visited { text-decoration: none; color: #999; }
.footer a:hover { color: #FFF; }
.footer h2 { font-size: 0.7692307em !important; color: #fff; text-transform: uppercase; }
.footer .col h2 { border-top: 1px solid #58595B; padding-top: 1em; }
.footer .legislation-links a:link, .footer .legislation-links a:visited { font-weight: 400; }
.sponsors { margin: 0 auto; text-align: center; color: #999; background: #fff; padding: 25px 25px 50px 25px; }
.sponsors div { width :100%; max-width: 950px; margin: 0 auto; display: block; background-color: #FFF; text-align: center;}
.sponsors h2 { color: #999; text-transform: uppercase; font-size: 0.7692307em; font-weight: 600; text-align :left; margin-top:0; }
.sponsors img { padding: 13px; }

/* Page BGs */
body { background-image: url(../images/Page-BG-Resources.jpg)}
body.resources { background-image: url(../images/Page-BG-Resources.jpg)}
body.gallery {  background-image: url(../images/Page-BG-Awards.jpg)}
body.events { background-image: url(../images/Page-BG-Awards2.jpg)}
body.news { background-image: url(../images/Page-BG-Boardroom.jpg)}
body.document-library { background-image: url(../images/Page-BG-Manufacturing2.jpg)}
body.training { background-image: url(../images/Page-BG-Warehouse.jpg)}
body.employment { background-image: url(../images/Page-BG-Warehouse2.jpg)}
body.join { background-image: url(../images/Page-BG-Executives.jpg)}
body.self-insurance { background-image: url(../images/Page-BG-Manufacturing2.jpg)}
body.faqs { background-image: url(../images/Page-BG-Executives.jpg)}
body.executive { background-image: url(../images/Page-BG-Executives.jpg)}
body.membership { background-image: url(../images/Page-BG-Call-Centre.jpg)}

/* List row for News + Events */
.listrow { position: relative; border-bottom: 1px solid #e6e7e8; margin-top: 0;}
.listrow-spaced { margin-bottom: 3em;}
.listrow-pic, .listrow-eventpic { margin-top: 0.5em; margin-left: 20px; margin-bottom: 1.5em; float: right;  }
.listrow-text, .listrow-eventtext { float: left; margin: 0; margin-bottom: 1em; width: 66%; }
.listrow-eventpic {  }
.listrow.event h2 { font-size: 1.2307692em; margin: 1em 0 0 0; font-weight: 600;}
.listrow.event h2 a:link { font-weight: 600; }
.listrow h3 { margin-top: 1em; }
h3.list-title { margin-bottom: 0.5em;}
.news-icon, .news-icon-top { float: right; text-align: right; margin-top: 0.4em;}
.news-date { padding-top: 0.5em;}
.event .date-visual { position: absolute; top: 30px; left: 25px; text-align: center; width: 34px; height: 33px; padding-right: 6px; line-height: 15px; border-right: 1px solid #8ED8F8; color: #00a8e7; }
.listrow.event  { padding: 0 0 0 55px; }
.listrow.event header  { padding: 0; }
.listrow.event .date-visual  { top: 22px; left: 0; }
.event.member-event .date-visual { border-right: 2px solid #F1C577; color: #F1C577; }
.event .date-visual .day { font-size: 24px; text-align: center; font-weight: 600; }
.event .date-visual .month { font-size: 10px; text-align: center; text-transform: uppercase; font-weight: 600; }
.event .date, .event .venue { margin: 0; }
.event-details .event header { }
.event-details .event .date-visual { top:55px; left: 25px; color: #8ED8F8; }
.event-details .event.member-event .date-visual { color: #e6aa41; }
.event-details .event header h1 { padding-left: 63px; }


/* Icons */
.icon {display: inline-block; width: 56px; height: 56px; margin: 0; background-image: url(../images/icons.svg); background-repeat: no-repeat; vertical-align: middle; }
.no-svg .icon { background-image: url(../images/icons.png); }
.icon-login { background-position: 0 0; }
.icon-search { background-position: -224px 0; }
.icon-menu { background-position: -476px -27px; }
.icon-close { background-position: -812px -27px; }
abbr.member-only { color: #F1C577; margin: 0 0.1em; border: 0;}
abbr.archive-news { color: #ddd; margin: 0 0.1em; border: 0;}

span.icon-large { display: inline-block;  width: 56px; height: 56px; margin: 0; background-image: url(../images/icons.svg); background-repeat: no-repeat; vertical-align: middle;}
h1 span.icon-large { float: right; margin-right: 25px;  }
span.icon-large.icon-folder { background-position: 0px -112px; }
span.icon-large.icon-docs { background-position: -56px -112px; }
span.icon-large.icon-training { background-position: -112px -112px; }
span.icon-large.icon-providers { background-position: -336px -112px; }
span.icon-large.icon-person { background-position: -168px -112px; }
span.icon-large.icon-people { background-position: -392px -112px; }
span.icon-large.icon-position { background-position: -224px -112px; }
span.icon-large.icon-member { background-position: -280px -112px; }

.icon-small { padding-left: 16px; display: block; cursor: pointer; }
.icon-small:before {content: "";  background-repeat: no-repeat; background-image: url(../images/icons.svg); width :11px; height:11px; overflow: hidden; float: left; margin: 0.4em 0 0 -16px; }
h2 .icon-small { font-size: 0.590909em;  }
h2 .icon-small:before { margin: 0.65em 0 0 -16px; }
h3.icon-small:before { margin: 0.35em 0 0 -16px; }
.arrow-right:before { background-position: 0 -198px; }
.arrow-left:before { background-position: -11px -198px; }
.arrow-up:before { background-position: -22px -198px; }
.arrow-down:before { background-position: -33px -198px; }
.open-link:before { background-position: -132px -198px; }
.close-link:before { background-position: -143px -198px; }
.arrow-right.arrow-cyan:before { background-position: -44px -198px; }
.arrow-left.arrow-cyan:before { background-position: -55px -198px; }
.arrow-up.arrow-cyan:before { background-position: -66px -198px; }
.arrow-down.arrow-cyan:before { background-position: -77px -198px; }
.arrow-right.arrow-white:before { background-position: -88px -198px; }
.arrow-left.arrow-white:before { background-position: -99px -198px; }
.arrow-up.arrow-white:before { background-position: -110px -198px; }
.arrow-down.arrow-white:before { background-position: -121px -198px; }
.close-link:before { background-position: -143px -198px; }
.open-link:before { background-position: -132px -198px; }
.top-link { float: right; }

.doc-icon { padding: 8px 0 5px 35px; margin-bottom: 0;  }
.doc-icon:before { content: ""; width: 30px; height: 30px; margin: -0.5em 0 0 -35px; float: left; background-image: url(../images/icons.svg); background-repeat: no-repeat; }
h2.doc-icon, h3.doc-icon { margin-top: 0; }
h2.doc-icon:before { margin-top: 0; }
h3.doc-icon:before { margin-top: -0.3em; }
.doc-blank:before {  background-position: 0 -168px;}
.doc-pdf:before { background-position: -30px -168px;  }
.doc-doc:before { background-position: -60px -168px;  }
.doc-xls:before { background-position: -90px -168px;  }
.doc-ppt:before { background-position: -120px -168px;  }
.doc-txt:before { background-position: -150px -168px;  }
.doc-rtxt:before { background-position: -150px -168px;  }
.doc-zip:before { background-position: -180px -168px;  }
.doc-jpg:before { background-position: -210px -168px;  }
.doc-new-window:before { background-position: -240px -168px; }
.doc-folder:before { background-position: -270px -168px;  }
.doc-docs:before { background-position: -300px -168px;  }
.doc-training:before { background-position: -330px -168px;  }
.doc-people:before { background-position: -360px -168px;  }
.doc-positions:before { background-position: -390px -168px;  }
.doc-person:before { background-position: -360px -168px;  }
.doc-position:before { background-position: -390px -168px;  }
.doc-member:before { background-position: -420px -168px; }
.doc-http:before { background-position: -450px -168px; }
a.back-btn { margin: 0 0 0 -48px; display: inline-block; width: 25px; height: 1.6666em; text-indent: 1000px; overflow: hidden; } 
p.description { padding-left: 35px; font-size: 1em; margin-top: 0;}
.line-top { border-top: 1px solid #e6e7e8; padding-top: 2em; margin-top: 2em; }
.line-bottom { border-bottom: 1px solid #e6e7e8; padding-bottom: 5px; margin-bottom: 2em; }
.footer .line-top { border-top: 1px solid #58595B; padding-top: 1em; margin-top: 1em; }
h2 a:link, h3 a:link { font-weight: 600; }
h2.line { border-bottom: 1px solid #e6e7e8; padding-bottom: 5px; margin-top: 2em; margin-bottom: 1em; }
h3.doc-title { margin-bottom: 0.5em; margin-top: 0.5em; }
.content .col-right h2 { font-weight: 400; margin-top: 5em; width: 100%; color: #808184; font-size: 0.7692307em; text-transform: uppercase; }
.content .col-right h2:first-child {  margin-top: 0; }
.content .col-right h3 { color: #009BDF; margin-bottom: 0.5em; font-size: 1.2em;  }
.image-left { margin-right: 15px; margin-bottom: 0.8em; float: left; }
.image-right { margin-left: 15px; margin-bottom: 0.8em; float: right; }
.article-image { margin: 0 auto 2em auto; max-width :100%; height: auto; }

.border { border: 1px solid #e6e7e8; }
.boxed { border: 1px solid #e6e7e8; padding: 1em 1.2em; }
.no-border, table.no-border td { border: 0; }
.no-indent, .no-indent li { list-style-type: none; margin-left: 0; }
.no-indent li { margin-bottom: 0.5em;}
.no-margin-top, h2.no-margin-top, h3.no-margin-top { margin-top:0; }
.no-margin-bottom, h2.no-margin-bottom, h3.no-margin-bottom { margin-bottom:0; }
.grey { color: #808184; }
.red { color: #d00; }
.cyan { color: #00a8e7;}
.smalltext { font-size: 0.8461538em; }
.filesize, .file-size { font-size: 0.8461538em; font-weight: normal; text-transform: uppercase; color: #808184; }
h3.doc-title span.filesize, h3.doc-title span.file-size, h3 span.file-size, h3 span.filesize { font-size: 0.7em; }
.spacer { clear: both; font-size: 1px; height: 1px; }

/* Tables */
.col-left table { margin-bottom: 2em; }
.col-left td, .col-left th { padding: 0.5em 0.5em 0.5em 0; border-bottom:1px solid #e6e7e8; }
table.data-table td, table.data-table th { font-size: 1em; padding: 0.5em 0.5em 0.5em 0; border-bottom: 1px solid #e6e7e8; }


/* Home page */
body.home { background-image: none; }
.home .page, .home .content .col-1, .home .content article header { padding: 0; }
.home .content { background-image: url(../images/Page-BG-Construction.jpg); background-size: cover; background-position: center center; }
.home .content.home-pic-1 { background-image: url(../images/Page-BG-Manufacturing2.jpg);  }
.home .content.home-pic-2 { background-image: url(../images/Page-BG-Boardroom.jpg);  }
.home .content.home-pic-3 { background-image: url(../images/Page-BG-Warehouse.jpg);  }
.home .content .col-1 { position: relative; height: 350px; height: 100vh; height: calc(100vh - 100px); overflow: hidden; }
.cycle-slideshow { width :100%; height: inherit; }
.slide { display: none; position: relative; width: 100%; height: 100%; text-align: center; overflow: hidden; }
.slide img.slide-bg { position: relative; width :auto; max-width :none; min-width :100%; height: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); margin: 0 -25%; }
.slide-img-cover { width: 100%; height: 100%; position: absolute; top:0; background: rgba(21,74,154,0.93); }
.slide-img-cover._img2 { display :none; }
.slide-inner { position: relative; width :100%; height: 100%; }
.slide-content { position: absolute; top: 30%; /*top: 0; left:0; right: 0; bottom: 0; height: 30%; margin: auto;*/ text-align: left; color: #ABE1FA; padding: 25px; max-width: 500px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.slide h1 { color: #fff; font-size: 1.5em; line-height: 1.1em; margin-top: 0; margin-bottom: 0.5em; }
.slide .slide-button { margin-top:0.5em; }
.slide a.button, .slide a.button:link, .slide a.button:visited { font-size: 0.875em; padding: 0.875em 5%; border: 1px solid #ABE1FA; background: none; color: #fff; text-transform: uppercase; display: inline-block; margin: 1em 0;  }
.slide a.button:hover { background: #ABE1FA; color: #00509C; }
.cycle-pager { width: 100%; z-index: 500; position: absolute; left :21px; bottom: 20%; overflow: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.cycle-pager span { font-family: arial; font-size: 32px; width: 12px; padding: 0 4px; height: 32px; display: inline-block; color: #00509C; color: rgba(171,225,250,0.5); cursor: pointer;  }
.cycle-pager span.cycle-pager-active { color: #fff; }
.home .content .col-2 { background: #fff; color: #888; padding: 25px 0; }
.home .content .col-right { background: #fff; }
.home .content .section-inner { transition: top 0.5s ease; -webkit-transition: top 0.5s ease; -moz-transition: top 0.5s ease;}
.home h2 a, .home h2 a:link, .home h2 a:visited { text-decoration: none; font-weight: 600; }
.home h2 a:hover {  }
.home .col-2 article.event { border-bottom: 1px solid #e6e7e8; padding: 25px 25px 25px 80px; position: relative; }
.home .col-2 h2 { font-size: 0.9375em; margin: 0; }
.home .col-2 p { font-size: 0.8125em; margin: 0;  }
.home .col-2 p.icon-small { padding: 25px 25px 25px 50px; border-bottom: 1px solid #e6e7e8;  }
.white-full { margin: 0; padding: 25px; text-align: center; font-size: 0.8125em; clear: both; color: #999; background: #fff; } 
.white-full h2 { color: #999; text-transform: uppercase; font-size: 0.7692307em; font-weight: 600; text-align :left; margin-top:0; }
.member-logos { padding: 25px 25px 50px 25px; }
.member-logos, .quote-of-the-week { border-bottom: 1px solid #e6e7e8; }
.quote-of-the-week { border-top: 1px solid #e6e7e8; }
.quote-of-the-week blockquote { margin: 40px auto; padding: 0; max-width: 1000px; font-style: normal; }
.quote-of-the-week p { color: #1e4790; font-size: 1.6153846em; font-weight: normal; margin: 0;}
.quote-of-the-week footer { font-size: ;}
.new-members {	width :100%; max-width: 950px; margin: 0 auto; display: block; text-align: center;}
.new-members img { padding: 13px; }
.home .footer { margin-top:0; }

/* FAQs */
h3.question { cursor: pointer; font-size: 1.3em; }
.answer { display: none; padding: 1em 0 0.5em 16px; border-bottom: 1px solid #eee;}

/* Forms */
.formrow, tr.formrow td { padding-bottom: 0.5em; }
td label, td .button { font-size: 1em; }
.button, a.button, a.button:link, a.button:visited { background-color: #00a8e7; border: 0; padding: 0.5em 1em; color: #FFF; cursor: pointer;}
.button:hover, a.button:hover { color: #fff; background-color: #009BDF; text-decoration: none; }
.button-large { font-size :1.2em;padding: 0.4em 0.8em; height: auto; }
.form-row-line, .formrow-line { border-top: 1px solid #e6e7e8; padding-bottom: 0.5em; padding-top: 0.5em; }
.input-col-1 { width: 139px; margin-bottom: 2px; }
.input-normal { border: 1px solid #dddde0; padding: 0.5em 1em; }
.form-row-full-width textarea { width: 98.3%; padding: 4px 0.85%;}
.form-row input, .form-row textarea, .form-row select { width: 100%; } 
.form-row.checkbox input, .form-row input[type="checkbox"], .form-row input[type="radio"] { width: auto; }
.form-row .form-indent { display :block; }

/* Search Results */
#search-page-controls { margin: 1em 0 2em 0; text-transform: uppercase; word-wrap: break-word; display: block; line-height: 3.5em; }
#search-page-controls a { text-decoration: none; height: 3em; padding: 0.75em 1.25em; color: #00a8e7; font-size: 1em; line-height: 3em; border: 1px solid #dddde0; background-color: #FFF; margin-bottom: 5px;  margin-right: 0.2em;}
#search-page-controls a:hover { background-color: #45bdf1; color: #FFF; border: 1px solid #45bdf1;  cursor: pointer; }
#search-page-controls a.current-page, #search-page-controls span.nextPrevLink a { background-color: #45bdf1; color: #fff; border: 1px solid #45bdf1; }
#search-page-controls a.current-page:hover, #search-page-controls span.nextPrevLink a:hover { background-color: #00a8e7; cursor: pointer; }
.search-results span.search-highlight { color: #000; font-weight: bold; }
.search-results div.p { word-wrap: break-word; }
.search-results img.icon { margin-right: 0px; }
.search-results p.doc-icon-list img.icon { margin-top: 8px; }
.search-results .listrow { padding-top: 0.5em; }

/* Gallery */
.gallery .paper { background: none; }
.gallery .col { }
.gallery .col h2 { color: #fff; font-size: 1.2307692em; margin: 0.5em 0;} 
.gallery-page .page { padding: 0; }
.gallery-page .content { max-width: 100%; position: relative; }
.gallery-page .content header { padding: 25px; }
.gallery-page .paper { background: none; margin: 0 auto; position: relative; opacity: 0; }
.gallery-page p.breadcrumb { margin-bottom: 0;}
.gallery-page nav.thumbnail-nav, .gallery-page #pager img { height: 56px; }
.gallery-page nav.thumbnail-nav { display :block; position: absolute; width: 100%; top: auto; bottom: -100px; border: 0; background: none; }
.gallery-page #pager img { width: auto; cursor: pointer; }
.gallery-page .slide-img { max-width :100%; height: auto; max-height:100%; display: none; }
.gallery-page .first-img { }
.gallery-page #pager img.cycle-slide-active { border-top: 2px solid #fff; margin-bottom:-2px;}
.cycle-prev,.cycle-next { display:none; position: absolute;top: 50%; width: 56px; height: 56px; z-index: 800; margin-top: -27px;cursor: pointer; color: #fff; background-image: url(../images/Icons.svg);  }
.no-svg .cycle-next, .no-svg .cycle-prev { background-image: url(../images/Icons.png); }
.cycle-next { right:0; background-position: -1371px -27px; }
.cycle-prev { left: 0; background-position: -1259px -27px;}
.cycle-next:hover, .cycle-prev:hover { background-color: #00a8e7; background-color: rgba(0,168,231,0.7); }
nav.thumbnail-nav .cycle-next, nav.thumbnail-nav .cycle-prev { display:block; top: 0; margin-top: 0; }


/* Mobile / SVG / IE Hide */
.ie {display: none !important; display: block; }
.non-ie {display: block !important; display: none; }
.svg .no-svg { display: none; }
.no-svg .svg { display: none; }
.mobile-show { }
.mobile-hide { display: none; }


/* Media Queries for Responsive Design */

@media only screen and (orientation: landscape) {
body { background-size: 100% auto;}
}
@media only screen and (orientation: portrait) {
body { background-size: auto 100%;}
}
@media only screen and (max-width: 336px) {
.logo { margin-left: -10px; }
.nav-toggle { width: 60px; }
}
@media only screen and (max-width: 480px) {
.page input.button,.page a.button {width: 100%; height: auto; padding: 15px 5%; text-align: center; }
.page a.button { width: 90%; height: auto; padding: 15px 5%; display: inline-block; }
.page input.button:hover,.page a.button:hover { }
.col { /*padding: 0 0 1.5em 0;*/ display: block; }
}
@media only screen and (min-width: 480px) {

}
@media only screen and (min-width: 768px) {
.mobile-show { display: none; }
.mobile-hide { display: inline; /* IE */ display: initial; }
.mobile-medium-hide, nav a.mobile-medium-hide { display: none; }

body { background-position: top center;  background-size: 100% auto;}

/* Header */ 
.main-header { height: 112px; max-width: 100%; margin: 0 auto; }
.main-header-inner { margin: 0; width: 100%; position: relative; }
.logo { margin: 6px auto; }
.header-logos { float: right; height: 112px; line-height: 112px; vertical-align: middle; margin: 0 10px; }
.header-logos img { height: 100px; width: auto; }
.header-login-toggle .login-toggle, .header-search-toggle .search-toggle { cursor: pointer; float: right; width: 112px; height: 112px; overflow: hidden; display: block; text-indent: 113px; line-height: 112px;}
.header-login-toggle .login-toggle:hover, .header-search-toggle .search-toggle:hover { background-color: #00a8e7; }
.header-login-toggle .login-toggle:hover { background-position: -112px 0px; }
.header-login-toggle .login-toggle.logged-in { background-position: -896px 0px; }
.header-search-toggle .search-toggle { background-position: -224px 0px; }
.header-search-toggle .search-toggle:hover { background-position: -336px 0px; }

/* Login */
#loginPanel { height: 112px; width: 100%; padding: 0; font-size: 13px; }
#loginPanel .login-toggle { background-position: -784px 0px; width: 112px; height: 112px; overflow: hidden; }
.panel-text { float: left; width: 205px; padding: 18px 0; }
.panel-text.logged-in { padding: 24px 0; }
ul.user-nav { width: 194px; padding: 24px 0; float: left; }
ul.user-nav li { margin-bottom: 0; }
#loginPanel .panel-text p.small { margin-top: 19px; }
#loginPanel .main-icon {margin: 27px 27px; float: left; background-position: -27px -27px; }
#loginPanel .main-icon.logged-in { background-position: -923px -27px; }
#loginPanel h2 {margin: 0px 0 2px 0; }
#loginFormFields { width: 194px; position: absolute; right: 225px; }
#loginFormButtons { margin-top: 0; position: absolute; right: 112px; }
#loginPanel #loginFormFields label { display: none; }
#loginPanel #loginFormFields input { padding: 19px 15px; width: 164px; outline: 0; }
#loginButton, #logoutButton { float: left; width: 112px; padding: 45px 15px; margin-left: 1px; line-height: 22px;}
#logoutButton { width: 82px; }
.two-buttons { float: left; width: 164px; }

/* Search */
#searchPanel { height: 112px; width: 100%; padding: 0; font-size: 13px; }
#search { height: 112px; margin-left: 112px; line-height: 112px; background: #080808; }
.search-inner { /* Reset Mobile */ position: relative ; top: auto; bottom: auto; left: auto; right: auto; height: auto; }
#searchPanel .search-toggle { background-position: -784px 0px; width: 112px; height: 112px; z-index: 100; }
#searchPanel .icon-search { width :112px; height:112px; float: left; background-position: -224px 0; }
#search-box { width :75%; line-height: 22px; padding: 45px 15px; font-size: 1.2307792em; margin:0; }
#searchButton { width: 112px; line-height: 22px; padding: 45px 15px; z-index: 90; position: absolute; right: 112px; margin: 0;}

/* Nav */
.nav-toggle { display: none; }
nav { display: block; height: 60px; clear: both; /* un-Mobile */ width: auto; position: relative; top: 0; font-size: 0.8125em; }
nav ul:first-child { margin-top: 0; }
nav li { float: left; border: 0; width : 12.5%; }
nav a, nav a:link, nav a:visited { float: left; display: block; padding: 30px 15% 10px 15%; margin-bottom: 0; text-align: left; width: 70%; line-height: 20px; border-left: 1px solid #e6e7e8; margin-left: -1px;}
nav li ul li { width: 100%; }
nav li ul { display: none; position: absolute; width: 250px; left: -999em; top: 100%; z-index: 10000; }
/*nav li li ul { display: none !important; }  hide for now */
nav li li { width :100%; }
nav li li li { width :100%;  }
nav li ul a, nav li ul a:link, nav li ul a:visited  { display: block; width: 88%; text-align: left; padding: 11px 6%; height: auto; line-height: 1.4; }
nav li:hover ul, nav li:active ul, nav li:focus ul, nav li ul:hover { left: auto; margin: 1px 0 0 -1px; display: block; border: 1px solid #e6e7e8; border-top: 0;}
nav > li:hover ul { display: block; }
nav > li > a:hover { color: #fff; } /* This is for ipad touch hover first tap */

/* Layout*/
.frame { width :100%; height: 100%; height: 100vh; }
.content { font-size: 81.25%; } /* Base 16px -> 13px */
.content header { padding: 0 25px 25px 25px; }
p.breadcrumb { margin: 0 0 5em 0; }
.col,.col-1,.col-2,.col-3,.col-right { float: left; width: 22.75%; padding: 40px 3% 0 0; margin: 0; }
.col-left { float: left; width: 65%; min-height: 200px; padding: 40px 3% 40px 0; margin-left: 0; margin-right: 3%; border-right: 1px solid #e6e7e8; }
.col-left-indent { margin-left: 10%; }
.col-right { width: 25%; padding-right: 0; margin-right: 0; padding-bottom: 40px;}
.grid-2 .col, .grid-3 .col, .grid-4 .col { padding-top:0; padding-right:0; }
.grid-4 .col { width: 22.75%; margin-right: 3%;}
.grid-2 .col { width: 44%; margin-right: 8%; }
.grid-3 .col { width: 30%; margin-right: 5%; }
.col.last-child, .footer-end .col.col-right { margin-right: 0; }
.footer-end { margin: 0 auto; max-width :1000px; padding: 50px 25px;}
.footer-menu-left { float: left; }
.footer-menu-right { float: right; }

/* Text styles - Base 13px */
.content h1 { font-size: 2em; }
.content h2 {font-size: 1.6923076em; }
.content p, .content li, .content ul, .content ol, .content h4 { line-height: 1.6153846; }
.small { font-size: 84.61538%; }
/* List row for News + Events */
.event-details .event .date-visual { top:81px; left: 0; }
.listrow-eventtext { width: 50%; }

/* Forms */
.form-row label { clear: both; font-size: 1em; float: left; width :33%; margin-right: 2% }
.form-row input, .form-row select { width: 64%; } 
.form-row textarea { width: 63.5%; } 
.form-row-full-width label { float: none; width :auto; }
.form-row .form-indent { display: inline-block; width: 64%; }
.form-row .form-indent input, .form-row .form-indent textarea { width: 100%; }
.form-row.checkbox input, .form-row input[type="checkbox"], .form-row input[type="radio"] { width: auto; }

/* Home */
.home .content { max-width: none; height: calc(100vh - 172px); overflow: hidden; }
.home .content .col-1 { margin: 0; width: 50%; height: 100%; }
.home .content .col-2, .home .content .col-right { width :20%; height: 100%; padding: 25px 2.5%; background: rgba(0,105,237,0.15); }
.home .content .col-right { background: rgba(0,105,237,0.3); }
.home .content .section-inner { position: relative; color: #009BDF; }
.home .slide-content { padding: 25px 50px; }
.home .cycle-pager { padding-left: 25px; }
.home .content .slide-content p { line-height: 1.5; }
.home .content h2 a, .home .content .col-2 a { color: #fff;  font-weight: 400; }
.slide a.button, .slide a.button:link, .slide a.button:visited { padding: 0.875em 1.5em; }
.home .col-2 article.event { border: 0; padding: 0 0 25px 55px; min-height: 3em; }
.home .col-2 p.icon-small { margin-left: 55px; border:0; padding: 0 0 0 16px; }
.home .event .date-visual, .home .event.member-event .date-visual { top: 5px; left:0; color: #FFF; }
.home .col-2 h2 { font-size: 1em; }
.home .col-2 p { font-size: 0.8461538em; }
.home .event .date, .home .event .venue { display :none; } 

/* Gallery */
.gallery .paper { padding: 0 0 25px 25px;}
.gallery-page .header-container { display: none; }
.gallery-page .content { height: 100vh; padding:0; }
.gallery-page .content:before { content: " "; position: absolute; width :112px; height: 112px; right: 0; top: -27px; opacity: 0.2; background-image: url(../images/Icons.svg); background-position: -1120px 0;  }
.gallery-page .content header { position: absolute; z-index: 900; }
.gallery-page .paper { height:inherit }
.gallery-page .paper article { height: inherit; max-width: 70%; position: absolute; top: 0; left: 0; right: 0; bottom: 0;  margin: auto; }
.gallery-page .cycle-slideshow { position: absolute !important; /* Fix for over 355 images?? */ }
.gallery-page nav.thumbnail-nav, .gallery-page #pager img { }
.gallery-page nav.thumbnail-nav { bottom:0;  }
.cycle-next, .cycle-prev {  display:block; }
nav.thumbnail-nav .cycle-next, nav.thumbnail-nav .cycle-prev {  display:none; }
.gallery-page .slide-img { max-height:80%; }
.gallery-page .footer { margin-top:0; }
	
/* IE */
.ie8 .col.last-child { margin: 0 !important; }
.ie8 #loginPanel .icon-practitioner { background: none; width: 0; margin-left: 4px;  }
.ie8 #loginFormFields { width: 258px; }
.ie8 #loginPanel #loginFormFields input { width: 228px; padding: 2px 15px 9px 15px; color: #888;}
.ie8 #loginPanel #loginFormFields label { display: block; padding: 9px 15px 0 15px; margin: 0 0 -1px 0; font-size: 81.25%; background-color: #080808; } 
}
@media only screen and (min-width: 860px) {
.header-logo-3 { display: inline; }
}
@media only screen and (min-width: 960px) {
.content h1 { font-size: 2.7692307em; }
.main-header-inner { }
.mobile-medium-hide, nav a.mobile-medium-hide  { display: inline; display: initial; } 
#loginPanel, #searchPanel { width: 75%; }
}
@media only screen and (min-width: 1050px) {
.content header { padding: 0 0 25px 0; }
.gallery .paper { padding: 0;}
}
@media only screen and (min-width: 1120px) {
nav a, nav a:link, nav a:visited { width :85%; padding: 30px 7.5% 10px 7.5%;}
nav li ul a, nav li ul a:link, nav li ul a:visited  {  width: 88%; padding: 11px 6%; }
.home .event .venue { display :block; }
}
@media only screen and (min-width: 1240px) { 

}
@media only screen and (min-width: 1360px) { 
.home .event .date { display :block; }
.home .content .slide-content p { line-height: 1.6153846; }
}
@media only screen and (min-width: 1440px) {
#loginPanel, #searchPanel { width: 50%; }
}
/* Heights */
@media only screen and (min-height: 200px) {
.slide-content, .home .section-inner { top:0; }
.cycle-pager { bottom: 25px; }
}
@media only screen and (min-height: 400px) {
.slide-content, .home .section-inner { top:5%; }
.cycle-pager { bottom: 30px; }
}
@media only screen and (min-height: 500px) {
.slide-content, .home .section-inner { top:10%; }
.cycle-pager { bottom: 10%; }
}
@media only screen and (min-height: 610px) {
.slide-content, .home .section-inner { top:20%; }
.cycle-pager { bottom: 15%; }
}
@media only screen and (min-height: 720px) {
.slide-content, .home .section-inner { top:30%; }
.cycle-pager { bottom: 20%; }
}
/* iPhone 3 */
@media only screen and (max-device-width: 480px) and (orientation: landscape) {
.home .content .col-1, .cycle-slideshow, .slide-img-cover { height: 240px; }
.cycle-pager { bottom: 25px; }
}
@media only screen and (max-device-width: 480px) and (orientation: portrait) {
.home .content .col-1, .cycle-slideshow, .slide-img-cover { height: 280px; }	
.cycle-pager { bottom: 25px; }
}

/* Helper classes */
.ir {background-color: transparent;border: 0;overflow: hidden; *text-indent: -9999px; }
.ir:before {content: "";display: block;width: 0;height: 150%; }
.hidden {display: none !important;visibility: hidden; }
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px; }
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto; }
.invisible {visibility: hidden; }
.clearfix:before,.clearfix:after {content: " ";display: table; }
.clearfix:after {clear: both; }
.clearfix {*zoom: 1; }
.spacer {clear: both; font-size: 1px; height: 1px; }
.clearfix { clear: both; }

/* Print styles */
@media print {
* {background: transparent !important;color: #000 !important; box-shadow: none !important;text-shadow: none !important; }
a,a:visited {text-decoration: underline; }
/* Don't show links for images, or javascript/internal links */
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: ""; }
pre,blockquote {border: 1px solid #999;page-break-inside: avoid; }
thead {display: table-header-group; /* h5bp.com/t */}
tr,img {page-break-inside: avoid; }
img {max-width: 100% !important; }
@page {margin: 0.5cm; }
p,h2,h3 {orphans: 3;widows: 3; }
h2,h3 {page-break-after: avoid; }

nav, .nav-toggle, #loginPanel { display: none; }
.content {margin-top: 0; margin-left: 0; width: 100%; }
.page { padding-left: 0px; width: auto; padding-bottom: 100px; }
.footer-container {  }
}