html{text-size-adjust:100%}
body{font-family:Tahoma,Geneva,sans-serif;font-size:13px;color:#656565;margin:0;padding:0;background-color:#DADADA}
h1,h2,h3,h4{font-family:'Fjalla One',sans-serif;color:#6f6f6f;font-weight:100}
h1{font-size: 1.7em;line-height:1em;margin-right: 13px;display: block;float: left;padding: 20px 10px 15px;border: 1px solid #FFF}
h2{font-size:1.6em;margin-top:15px;margin-bottom:-2px}
h3{font-size:1.2em;margin-top:15px;margin-bottom:-2px}
h4{font-size:1.175em;margin-bottom:5px}
p{line-height:170%;margin-bottom:0;padding: 0 18px}
.smaller{font-size:.875em;line-height:150%}
.toptitle{float:none;padding:0;margin-right:0;border:none}
.diatitle{width:50px;padding:10px 0;margin: 15px auto -2px;border-bottom:1px solid #E4E7E9}
a{text-decoration:none;color:#14CADE}
a:hover{text-decoration:underline}
.download{height:19px;background-image:url(images/pdf_icon.png);background-repeat:no-repeat;background-position:left center;padding:7px 0 5px 25px}
li{list-style-type: none;line-height:110%}
.diagram{background-color:#FFF;padding:12px;margin:10px 0;border:1px solid #E4E7E9}
.diasmall{max-width:391px;height:auto;background-color:#FFF;padding:12px;margin:10px 0;border:1px solid #E4E7E9}
.sheet{padding:12px;margin-top:10px}
.firstparagraph{text-align:left}
header{max-width:920px;height:44px;font-family:'Fjalla One',Arial,Helvetica,sans-serif;margin:0 auto;text-transform:uppercase}
#headerholder{background-color: #4F5668}
#logo{max-width:300px;height:36px;float:left;margin:0;padding:5px 0 0 6px;font-size:1.4em;font-weight:100;background:linear-gradient(to right, #30CFD0 0%, #aa97b4 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent}
#logo a{font-size:1.7em;text-decoration:none}
.firstnav{height:42px;margin:2px 24px 0 0;float:right}
.firstnav li{list-style:none;display:inline;border-left:1px solid #A7A7A7}
.firstnav li:first-child{border-left:none}
.firstnav li a{text-decoration:none;color:#F3F4F5;font-size:1.1em;font-weight:100;padding:0 12px 0 14px}
.firstnav li a:hover{color:#14CADE}
#mholder{max-width:960px;padding-top:2px;margin:0 auto}
.secondnav{width:100%;height:57px;overflow:auto;white-space:nowrap}
.secondnav a{font-size:1.1em;font-weight:700;color:#F3F4F5;text-align:center;background-color:#786a80;border-right:2px solid #F3F4F5;padding:15px 19px 10px}
.secondnav ul{padding:0}
.secondnav li{display:inline-block}
.secondnav a:hover,.blocklinks:hover,.blocklinks2:hover{background-color:#14CADE;text-decoration:none}
.blocklinks{font-weight: 700;color:#F3F4F5;background-color: #786a80;display: inline-block;margin:6px 2px 0 0;padding: 7px 10px}
.blocklinks2{font-weight: 700;color:#F3F4F5;background-color: #898f9f;display: inline-block;margin:6px 2px 0 0;padding: 7px 10px}
#wrapper{background-color:#F3F4F5}
#content{max-width:924px;text-align:center;margin:0 auto;padding:5px 0 30px}
#content ul li,.thirdnav ul li{padding:6px 0;margin-right:30px}
.thirdnav,section{max-width:884px;text-align:center;padding:10px 20px 20px;margin:0 auto}
.cuttext{padding: 0 150px;text-align: justify;}
ul .cuttext{line-height:160%;padding: 5px;list-style-type: upper-roman;list-style-position: inside}
.conteven{background-color:#CCC;width:90%;text-align:center;margin-right:auto;margin-left:auto;padding:7px 5% 30px}
.contodd{background-color:#D8D8D8;width:90%;text-align:center;margin-right:auto;margin-left:auto;padding:7px 5% 30px}
.contdiv{background-color:#FFF;width:90%;text-align:center;margin-right:auto;margin-left:auto;margin-top:10px;padding:7px 5% 30px;border-bottom:1px solid #E4E7E9}
.accordion{background-color: #E4E7E9;color: #566369;height:55px;cursor: pointer;padding: 18px 5%;width: 90%;outline: none;font-size: 1.2em;margin-top:4px;border-style: none}
.active,.accordion:hover{background-color: #eef1f4;}
.accordion:after{content: '\002B';float: right;margin-left: 5px}
.active:after{content:"\2212"}
.panel{background-color:#FFF;width:88%;max-height:0;padding:0 1%;margin:0 auto;overflow:hidden;transition:max-height .2s ease-out}
.panel p{padding:10px 18px 15px}
footer{background-color:#8d8d8d;max-width:100%;height:38px;padding-top:14px}
.footerbox{height:auto;max-width:900px;padding:0 12px;margin:0 auto}
.footerlinks{width:auto;height:20px;float:left;font-weight:700;word-spacing:2em;padding:5px 0 0 15px}
.footerlinks a{color:#F3F4F5}
.copyright{height:20px;color:#E6E6E6;font-size:.9em;float:right;padding:5px 15px 0 0;text-transform:uppercase}
.under,.over{color:#95A0A8;border-bottom:1px solid #E4E7E9;padding:4px 0;display:block;width:50%;margin:0 auto}
.over{border-top:1px solid #E4E7E9}
.leftright{color:#a1a0a8;font-weight:700;display:block;width:100%;margin:18px auto}
.left{background-image:url(images/left.png);background-repeat:no-repeat;background-position:0;padding-left:16px;font-size:1.1em}
.right{background-image:url(images/right.png);background-repeat:no-repeat;background-position:100%;padding-right:16px;font-size:1.1em}
.sound{margin:10px 0 15px}
table{width:50%;border-collapse:collapse;margin:0 25% 15px;text-align:center}
tr{border-bottom:1px solid #95A0A8}
td{padding:4px}
/* Flikar */
.btn {border: 1px solid #E4E7E9;margin-bottom:4px;padding: 10px 15px;background-color: #E4E7E9;cursor: pointer;color: #566369}
.btn:hover,.btn.active {background-color: #FFF}
.btn.active:after{content:none}
/* Slideshow */
#slideshow {clear: both;margin-top:10px}
/* Create three equal columns that floats next to each other */
.column {display: none}
.column h2 {font-size:1em}
/* The "show" class is added to the filtered column elements */
.show {display: block}
@media (max-width: 830px) {
.diagram,.diasmall,.sheet{width:96%;height:auto;padding: 12px 2%;border:none}
.cuttext{padding:0 100px}
}
@media (max-width: 600px) {
#logo{width:184px;}
h1{max-width:33%;line-height:1.2em;padding:9px 7px 5px;margin: 3px 10px 3px 3px}
.toptitle{background: none;max-width:inherit}
footer{height:63px;text-align: center;padding-top:20px}
.footerlinks {width:100%;padding:0}
.copyright{width:100%;padding:10px 0 0}
.firstnav{margin-right: 12px}
.firstnav li a{font-size: 1em}
.under,.over{font-size:.9em;width: 90%}
table{width:80%;margin:0 10% 15px}
.leftright{width:90%}.left{padding-left:5%}.right{padding-right:5%}
.cuttext{padding:0}
.firstparagraph {font-size: .95em}
}
@media (max-width: 330px) {
#logo{width:100%;float:left;text-align: center}
.firstnav{width:100%;text-align: center}	
.firstnav li a{color:#14CADE;}
}