.floatLeft,label{float:left}*{padding:0;margin:0;list-style-image:none;list-style-type:none;font-weight:400;font-size:1em}.bold,h5,strong,th{font-weight:700}html{font-size:125%}body{font-size:50%;line-height:1}h1{font-size:1.7em}h2{font-size:1.6em}h3{font-size:1.5em}h4{font-size:1.4em}h5{font-size:1.3em}dd,dt,legend,p,table,ul li{font-size:1.2em}li ul li{font-size:1em}h1,h2,h3,h4,h5,p,table{margin:0 0 1.2em}img{border:0}abbr,acronym{cursor:help;letter-spacing:1px;border-bottom:1px dashed}table{border:1px solid #000;border-collapse:collapse}td,th{padding:4px}blockquote{margin:1em 20px;padding-left:40px;background:url(../images/default/quote.gif) no-repeat}form{width:100%}input,select,textarea{font-family:Arial,Helvetica,sans-serif;padding:2px}label{cursor:pointer;margin:3px 0 0;display:block}.indentLeft{margin-left:20px}.clear{clear:both}.floatRight{float:right}.check{width:15px;border:0}.radio{width:12px;border:0}.error{color:#C00;line-height:1.2em}.xlLong{width:350px}.vlong{width:250px}.medium{width:100px}.medium2{width:75px}.mediumplus{width:140px}.small{width:40px}.textLeft{text-align:left}.textRight{text-align:right}.textCenter{text-align:center}.textJustify{text-align:justify}.italic{font-style:italic}.underline{border-bottom:1px solid}.highlight{color:#B5121B}.outside{position:absolute;left:-3000px;font-size:5px;line-height:1px;height:1px;overflow:hidden}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}.submit{background-color:#000;color:#fff;border:0;padding:1px;width:140px;text-decoration:none}label{width:120px}input,select,textarea{border:1px solid #000;width:140px}select{width:146px}form{padding:10px}form p em{font-size:.9em}form table.mceEditor{border:1px solid #000;clear:both;margin-top:5px}form table.mceEditor select{width:70px}form textarea.editor{width:380px}form ul#error{margin:0 0 5px} @font-face { font-family: 'allerregular'; src: url('/css/aller_rg-webfont.eot'); src: url('/css/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('/css/aller_rg-webfont.woff') format('woff'), url('/css/aller_rg-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } #cookie-law { background:#333; position: fixed;top:0; z-index:9999; width:100%; text-align:center} #cookie-law p { color:#fff; padding:20px 0 20px 0; font-size:20px; margin-bottom:0;} #cookie-law p a { color:#fff; text-decoration:underline;} img#hidecross, img#hidenav, img#shownav { display: none;} body { margin: 0;text-align: center;font-family:'allerregular', Arial, Helvetica, sans-serif; letter-spacing: -0.05em;} #wrap { width:100%;margin: 0px auto 0; text-align:left; clear: both; overflow: hidden;} #content { width: 100%; clear: both;margin: 0 auto; position:relative;min-height:300px; background:#fff;} #normalpageleft { width:73%; float:left;} #normalpageright { width:25%; margin-left:2%; float:left;} #contentinner { width:100%; margin:0 auto; position:relative; background:#fff} /* header styles */ #header { width:100%; min-height:172px; position: relative; z-index:999; top:0;} #header p { float:left; background:#fff; padding:28.5px 33px 28.5px 33px; margin:0; } #header p img { display:block;} #navmain {background:#333; border-bottom:1px solid #ccc; width:100%; height:53px;} ol#mainnav { width:calc(100% - 170px); z-index:999999;} ol#mainnav li { display:block; float:left; font-size:1.4em; margin: 0 0 0 20px; padding:0;} ol#mainnav li a { text-decoration:none; color:#fff; display:block;line-height:45px; padding-top:4px; border-bottom:4px solid #333;} ol#mainnav li a:hover, ol#mainnav li a.on { border-bottom:4px solid #B5121B;} ol#mainnav li ul { position: absolute; display:none; margin:0; padding-top:0px; z-index:9999;} ol#mainnav li:hover a { } ol#mainnav li:hover a:hover { } ol#mainnav li:hover ul { clear:both; display:block; margin-left:0px; } ol#mainnav li ul li { margin:0; padding:0; border-bottom:1px solid #fff; width:260px; font-size:1em; height:auto; color:#fff; clear:both; display:block;} ol#mainnav li ul li a { font-weight:normal; display:block; margin:0px; padding:10px 25px 10px 10px; font-size:1em; line-height:1.2em; text-decoration:none; background:url(/images/page/buttonarrowsm.png) right no-repeat #B5121B; color:#fff; border-bottom:0px solid #fff;} ol#mainnav li ul li a:hover { background:url(/images/page/buttonarrowsm.png) right no-repeat #333; color:#fff; border-bottom:0px solid #fff;} ol.right { position:absolute; top:0px; right:0; z-index:9998} ol.right li { display:inline-block; font-size:1em; float:right; height:53px; margin:0px; padding:0;} ol.right li.toggle { } ol.right li.toggle a { background:#B5121B; display:block; font-size:1.6em; color:#fff;text-decoration:none; line-height:53px; padding:0 40px 0 40px;} /* end header styles */ /* sub nav*/ .subnav { height:118px; width:calc(100% - 170px);position: absolute; top:54px;left:170px; background:#527682;margin-bottom:0px; } .subnav ol { display:block;margin:0px auto 0; padding-top:8px; clear:both;width:98%; padding-left:2%; } .subnav p { color:#fff; display:block;margin:15px auto 0; padding:0px 40px 0 15px; float:left; text-transform:uppercase;} .subnav ol li { float:left; font-size:1.4em;border-bottom:1px solid #7DB4C7; display:block; width:calc(22% - 20px); height:37px; margin:0 3% 0 0; padding:6px 20px 6px 0; } .subnav ol li a { color:#fff; text-decoration:none; display:block;padding:6px 20px 6px 0; font-weight:normal; display:block; position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);} .subnav ol li a:hover, .subnav ol li a.on { text-decoration:underline;} .submenu { width: 96%; display:block;max-width: 1020px; margin:0px auto 0; padding-top:10px; display:none;} .submenu img { width:16%;} #content .subnav ol { margin:0px 0 0px 0; color:#333} #content .subnav li a { font-weight: normal; text-decoration:none; color:#fff; font-szie:1.4em;margin:0 3% 0 0; padding:6px 20px 6px 0;} #content p.logout { width:100%; margin:0; padding:0; text-align:center;} #content p.logout a { display:block; margin:0 auto;padding:30px; background:#fff; width:200px; text-transform:uppercase} /* footer styles */ #footer { width:100%; border-top:1px solid #E3E3E3; min-height:120px; clear:both;} #footerinner { margin:0 auto; position:relative; min-height:120px;} #footerLeft ,#footerRight { width:50%; float:left;} #footerLeft ol { margin:0 0 0 7.5%; padding:35px 0 0 0;} #footerLeft ol li { display:inline-block; font-size:1.2em; margin:0 15px 15px 0; padding:0;} #footerLeft ol li a { text-decoration:none; color:#333;} #footerLeft ol li a.on, #footerLeft ol li a:hover { text-decoration:underline;} #footerRight p { margin:35px 7.5% 0 0; padding:0; float:right;} #footerRight p a { color:#000; text-decoration:underline;} /* end footer styles */ /* home page styles */ #homeinner { width:100%; margin:0 auto;} #homeintro { background:url(/images/page/downarrow1.png) top center no-repeat #ddd;} #homeTop { height:580px; width:100%; background:url(/images/page/home.jpg) top right no-repeat #333; position:relative; margin-top:-118px;} #content ul.rslides { margin:118px 0 0px 0; padding:0; display:block; width:100%; height:calc(580px - 118px);} .slideblockcontainer { margin:0 auto; position:relative; background:#333; width:70%; height:300px; float:left;} .slideblockleft { float:left; height:300px; background:#B5121B; width:60%;} .slideblockright { float:left; height:300px; width:40%; position:relative;} #content ul.rslides li { padding:0; margin:0; display:block; width:100%; height:320px; font-size:1em; } #content ul.rslides li h3,#content ul.rslides li h1 { color:#fff; font-size:4em; line-height:1.2em;padding:10px 20px 10px 20px; margin-bottom:0px; text-align:right;} #content ul.rslides li p { color:#fff; padding:20px 10% 0px 20px; margin:0; font-size:1.5em; line-height:1.4em;} #content ul.rslides li p a { color:#fff; text-decoration:none; padding:20px 40px; font-weight:normal; text-transform:uppercase; position:absolute;bottom:10px; left:20px; background:url(/images/page/buttonarrow.png) no-repeat right #555; text-align:left; } #homeblocks { margin:60px 0 60px 0;} #homeintro p { font-size:1.9em;} .homeblock { width:50%; float:left; padding:80px 0 80px 0; margin:0;} #content .homeblock h1 { font-size:2em; line-height:1.1em; font-weight:bold;color:#222; padding-left:30%; padding-right:50px;} #content .homeblock p { color:#B5121B; line-height:1.3em; padding-right:30%} #content .homeblock.left p { color:#222; line-height:1.3em; padding-right:50px; padding-left:30%;} #block1.homeblock { background:#527682; padding-top:60px; padding-bottom:0; position:relative;} #content #block1.homeblock h3 { float:left; margin-left:15%; padding-bottom:80px;color:#fff; font-size:3.4em;} #content #block1.homeblock li { margin:0 50px 15px 15%; padding:0; font-size:1em; border-bottom:1px solid #fff; clear:both; list-style:none; cursor:pointer;} #content #block1.homeblock h4 { float:left; color:#fff; font-size:2.4em; text-transform:none;} #content #block1.homeblock h4 a { color:#fff; text-decoration:none;} #content #block1.homeblock p { float:left; padding-right:40px;color:#fff; font-size:1.4em;background:url(/images/page/buttonarrow4.png) no-repeat right; } #content #block1.homeblock p.button { float:none; padding-right:0px;color:#fff; font-size:1.4em;background:none; } #content #block1.homeblock p.button a { right:0; bottom:0; width:200px; text-decoration:none; font-weight:normal; display:block; position:absolute; padding-right:0px;color:#fff;background:#B5121B; padding:15px 0 15px 0; text-align:center; text-transform:none; } #block3.homeblock { background:#ddd; padding-top:60px; padding-bottom:0; position:relative;} #content #block3.homeblock h3 { float:left; margin-left:15%; padding-bottom:40px;color:#666; font-size:3.4em;} #content #block3.homeblock p { float:left;margin-left:15%; padding-right:40px;color:#666; font-size:1.4em;} #content #block3.homeblock ol { padding-top:40px;} #content #block3.homeblock li { margin:0 50px 15px 15%; padding:5px 0 15px 0; font-size:1.6em; border-bottom:1px solid #B5121B; clear:both; list-style:none;} #content #block3.homeblock li a { color:#B5121B; text-decoration:none; font-weight:normal;} #content #block3.homeblock p.button { float:none; padding-right:0px;color:#fff; font-size:1.4em;background:none; } #content #block3.homeblock p.button a { right:0; bottom:0; width:200px; text-decoration:none; font-weight:normal; display:block; position:absolute; padding-right:0px;color:#fff; background:#B5121B; padding:15px 0 15px 0; text-align:center; text-transform:none; } #block4.homeblock { background:url(/images/page/logo-large.png) right no-repeat #eee; min-height:200px; padding:60px 0 80px 0; position:relative; width:100%;} #block4.homeblock h3 { float:left; margin-left:7.5%; padding-bottom:40px;color:#B5121B; font-size:3.4em;} #block4.homeblock h4 { float:left; margin-left:7.5%; padding-bottom:40px; padding-top:30px;color:#B5121B; font-size:2.6em; clear:both;} #block4.homeblock p { float:left;margin-left:7.5%; padding-right:50%;color:#666; font-size:1.6em; line-height:1.4em; clear:both;} #block4.homeblock p.button { float:none; padding-right:0px;color:#fff; font-size:1.4em;background:none; } #block4.homeblock p.button a { right:50%; bottom:0; width:200px; text-decoration:none; font-weight:normal; display:block; position:absolute; padding-right:0px;color:#fff; background:#B5121B; padding:15px 0 15px 0; text-align:center; } #block4.homeblock a.topbutton { right:0; bottom:0; display:block; position:absolute; } #keydev { background:url(/images/page/downarrow2.png) top center no-repeat #B5121B; padding-bottom:100px;} #content #keydev h2 { padding:160px 0 0 0; float:left; margin: 50px 15% 0 15%; display:block; width:70%; color:#fff; font-size:4em;background:url(/images/page/keydev.png) top left no-repeat ; border-bottom:1px solid #fff; text-transform:uppercase} #content #keydev h3 { padding:0 15% 0 0; float:left; margin: 50px 0 0 15%; color:#fff; font-size:3em; clear:both;} #content #keydev p { padding:0 15% 0 0; float:left; margin: 20px 0 0 15%; color:#fff; font-size:1.5em; clear:both;} #content #keydev p a { color:#B5121B; text-decoration:none; padding:24px 40px; font-weight:normal; text-transform:uppercase; background:url(/images/page/buttonarrowred.png) no-repeat right #fff; text-align:left; margin-top:20px; float:left; } #content #keydev li { padding:0 15% 0 0; float:left; margin: 20px 0 0 15%; margin-left:calc(15% + 15px);color:#fff; font-size:1.5em; clear:both;} #content #keydev ul { clear:both;} /* end home page styles */ /* page structure*/ #pageintro { width:92.5%; padding:0px 0 0px 7.5%; background:#B5121B;} .pageintro { width:92.5%; padding:0px 0 0px 7.5%; background:#B5121B;} .newspage { width:85%; padding:60px 7.5% 60px 7.5%; background:#B5121B;} #pageintro.inner { width:85%; padding:0px 7.5% 40px 7.5%; background:#B5121B; text-align:center} .pageintro.inner { width:85%; padding:0px 7.5% 40px 7.5%; background:#B5121B; text-align:center} .innerredblock { width:85%; padding:40px 7.5% 40px 7.5%; background:url(/images/page/downarrow3.png) top center no-repeat #B5121B; text-align:center} .innerblueblock { width:100%; padding:40px 0% 0px 0%; background:#527682; text-align:center} #content .innerblueblock h2 { color:#fff; padding:0;} #content .innerblueblock ul { text-align:left;} #pageintro.contact { width:92.5%; padding:0px 0% 0px 7.5%; background:#B5121B; text-align:left} #content #pageintro h1 { font-size:4.8em; line-height:1.1em; font-weight:bold;color:#fff; padding-top:60px} #content #pageintro h2 { font-size:4.8em; line-height:1.1em; font-weight:bold;color:#fff; padding-top:60px} #content .pageintro h2 { font-size:4.8em; line-height:1.1em; font-weight:bold;color:#fff; padding-top:60px} #content #pageintro h3 { font-size:2em; padding:10px 30px 0px 0px; line-height:1.3em; font-weight:normal; color:#fff;} #content #pageintro h4 { font-size:1.8em; line-height:1.3em; padding:10px 30px 20px 0px;font-weight:normal; color:#fff; text-transform:none} #content p.introtextinner { font-size:1.6em; padding:15px 55% 0 0; padding-bottom:0px; color:#fff } #content #pageintro.inner p.introtextinner { font-size:1.5em; padding:15px 0% 0 0; padding-bottom:0px; color:#fff } #content #pageintro.contact p { font-size:1.5em; padding:15px 20% 0 0; padding-bottom:0px; color:#fff } #content #pageintro.contact h4 { font-size:3.5em; padding:15px 0% 0 0; padding-bottom:0px; color:#fff } #content #pageintro.contact form { margin-bottom:0;} #content #pageintro.contact form p { color:#333;} #maincontent { background:#E3E3E3; padding:40px 7.5% 40px 7.5%;} #maincontent div.redbox { background:#B5121B; padding:20px;} #content #maincontent div h2,#content #maincontent div p,#content #maincontent div li {color:#fff;} /*end page structure */ /* resources */ #content ol#downloadlist { padding:0px; margin:0px 0 20px 0px; clear:both; width:100%;} #content ol#downloadlist li { font-size:1em; list-style:none; cursor:pointer;width:calc(27.333333% - 2px); float:left;padding:20px 2% 20px 2%; margin:0 1% 15px 1%; min-height:220px; border:1px solid #fff; position:relative; background:#fff; text-align:left; position:relative} #content ol#downloadlist li .docImage { float:left; width:20%; margin:7px 0 0 0px; min-width:40px;} #content ol#downloadlist li .docImage img { width:100%;} #content ol#downloadlist li .docText { float:left; margin:7px 0 0 0; width:100%; clear:both;} #content ol#downloadlist li h3 { font-size:2.3em; color:#B5121B; line-height:1.3em; margin:0; padding:0 0 5px 0; padding-bottom:0px; margin-bottom:10px;} #content ol#downloadlist li p strong { color:#333; font-weight:bold;} #content ol#downloadlist li p { font-size:1.4em; color:#333; line-height:1.6em; clear:both; margin:0 0 8px 0; padding-right:0;} #content ol#downloadlist .docText p a { right:0; bottom:0; width:200px; text-decoration:none; font-weight:normal; display:block; position:absolute; padding-right:0px;color:#fff; background:none;background:#B5121B; padding:15px 0 15px 0; text-align:center; } #content ol#downloadlist li .docImage a { background:none; padding:0;} /* search results */ #content ul#searchresult { padding:0px; margin:-30px 0 20px 0px; clear:both; width:calc(96% - 45px); display:block; position:absolute; z-index:9999999; background:#333; left:calc(2% + 25px); overflow-x:scroll; display:none; text-align:left;} #content ul#searchresult h3 { color:#fff; text-transform:uppercase; font-size:2.8em; margin: 2.5% 0 10px 2.5%;} #content ul#searchresult li { min-height:56px; float:left;list-style:none; font-size:1em; margin:1.5%; width:95%; padding:2% 1% 2% 1%; background-color:#fff; cursor:pointer; position:relative; } #content ul#searchresult li .docImage { float:left; width:5%; margin:7px 4% 0 0px; min-width:40px;} #content ul#searchresult li .docImage img { width:100%;} #content ul#searchresult li .docText { float:left; margin:7px 0 0 0; width:100%} #content ul#searchresult li h3 { font-size:2.3em; color:#B5121B; line-height:1.3em; margin:0; padding:0 0 5px 0; padding-bottom:0px; margin-bottom:10px;} #content ul#searchresult li p strong { color:#333; font-weight:bold;} #content ul#searchresult li p { font-size:1.4em; color:#333; line-height:1.6em; clear:both; margin:0 0 8px 0; padding-right:0;} #content ul#searchresult .docText p a { text-transform:uppercase; padding:0 15px 0 0 ; background:url(/images/page/redarrow.png) right no-repeat;color:#B5121B; font-weight:normal;text-align:left;} #content ul#searchresult li .docImage a { background:none; padding:0;} /* sub list */ #content ul.subpagelist { clear:both; background:#B5121B; margin:0;} #content ul.subpagelist li { font-size:1em; list-style:none; cursor:pointer;padding:20px 2% 50px 2%; margin-bottom:0px; margin-left:0; background:#; width:29.333333%; float:left; position:relative; background:#B5121B } #content ul.subpagelist li.style0 { background:#333;} #content ul.subpagelist li.style1 { background:#B5121B;} #content ul.subpagelist li.style2 { background:#527682;} #content ul.subpagelist li.style3 { background:#ddd;} #content ul.subpagelist li h4 { font-size:2.4em; text-transform:none; color:#fff;} #content ul.subpagelist li p,#content ul.subpagelist li p strong { margin-bottom:8px; color:#fff} #content ul.subpagelist li p a { right:0; bottom:0; width:200px; text-decoration:none; font-weight:normal; display:block; position:absolute; padding-right:0px;color:#B5121B; background:#fff; padding:15px 0 15px 0; text-align:center; } #content ul.subpagelist li.style3 p,#content ul.subpagelist li.style3 h4 { color:#333;} /* inner links list */ #innerlinkslist { width:85%; clear:both; padding:60px 7.5% 60px 7.5%; background:#333; } #content #innerlinkslist h2,#content #innerlinkslist h3,#content #innerlinkslist h4,#content #innerlinkslist p {color:#fff;} #content #innerlinkslist p a { color:#fff; text-decoration:underline;} #content #innerlinkslist h2,#content #innerlinkslist h3,#content #innerlinkslist h4 { font-size:4em; margin-bottom:30px;} #content ul.subpagelist2 li { font-size:1em; list-style:none; cursor:pointer;padding:0px 0% 40px 0%; margin:20px 0 20px 0; width:100%; float:left; position:relative; background:#ccc } #content ul.subpagelist2 li.noimage { font-size:1em; list-style:none; cursor:pointer;padding:0px 0% 20px 30px; margin:20px 0 20px 0; width:calc(100% - 30px); float:left; position:relative; background:#ccc } #content ul.subpagelist2 li .linkleft { width:25%; float:left; background: #fff; padding:10px;} #content ul.subpagelist2 li .linkright { width:calc(75% - 50px); float:left;padding-left:30px;} #content #innerlinkslist ul.subpagelist2 li img { width:20%; float:left; margin-right:20px;} #content #innerlinkslist ul.subpagelist2 li .linkleft img { width:100%; float:left; margin-right:0px;} #content #innerlinkslist ul.subpagelist2 li h4 { font-size:2em; color:#333; margin:20px 40px 10px 0;} #content #innerlinkslist ul.subpagelist2 li p { color:#333; font-size:1.6em; padding-right:40px;} #content #innerlinkslist ul.subpagelist2 li p a { right:0; bottom:0; width:200px; text-decoration:none; font-weight:normal; display:block; position:absolute; padding-right:0px;color:#fff; background:none;background:#B5121B; padding:15px 0 15px 0; text-align:center; } #pagefooter { width:85%; clear:both; padding:60px 7.5% 60px 7.5%; background:#fff; } #content p.button { margin:0; padding:0;} #content p.button a { clear:both; display:block; background:#527682; color:#fff; text-align:center; text-transform:uppercase; padding:20px;} /*tabs */ #content ul.tabs{ margin: 0px; padding: 0px; list-style: none; width:100%; background:#527682; } #content ul.tabs li{ color: #fff; display: inline-block; padding: 20px 25px 50px 25px; cursor: pointer; background:url(/images/page/tabarror.png) bottom no-repeat; } #content ul.tabs li.current{ background: url(/images/page/tabarror.png) bottom no-repeat #B5121B; color: #fff; } .tab-content{ display: none; background: #fff; padding: 30px 7.5% 30px 7.5%; } .tab-content.current{ display: inherit; } /*events*/ #content ul#subpagelist.events li { width:27.333333%; float:left;padding:20px 2% 2px 2%; margin:0 1% 15px 1%; min-height:270px;} #content ul#subpagelist.events li img { width:100%; margin:8px 0px 10px 0;} /*events*/ #content ul#events.subpagelist li { width:29.333333%; float:left;padding:20px 2% 10px 2%; margin:0; min-height:270px;} #content ul#events.subpagelist li img { width:100%; margin:8px 0px 10px 0;} #content #paging { width:100%; text-align:center;} #content #paging p { display:inline-block; color:#fff;} #content #paging p.middle { padding:0 20px 0 20px;} #content #paging p a { color:#fff;} /* right styles */ #normalpageright .homeblock { width:99.5%; min-height:100px; margin-bottom:20px; padding-bottom:20px; } #normalpageright #block2.homeblock { margin:0 0 20px 0;} #content #normalpageright #block2.homeblock p a { position: relative; bottom:0px; padding:20px 0 20px 0; font-weight:normal; width:100%;} #content ul.smlinks { clear:both; float:left; margin:0 0 15px 2%;} #content ul.smlinks li { display: block; float: left; width: 85px; margin: 25px 0 0 0; padding:0; } /* end right styles */ /*left column*/ #content #middle { width:75%; float:left;} #content #middle .pageimageinner img { width:100%; float:right; margin: 0 0 20px 0px;} #content #middle .pageimageinner.one img { width:100%; float:right; margin: 0 0 20px 0px;} #content #middle .rslides_containerinner { width:100%; float:right; margin: 0 0 10px 0px; position:relative} #content #middle ol#downloadlist li { min-height:56px; float:left;list-style:none; font-size:1em; margin:0.5%; width:47%; padding:2% 1% 40px 1%; background-color:#E3E3E3; cursor:pointer; position:relative; border-radius:10px;} #content #middle ul.smlinks { clear:both; float:left; margin:0 0 15px 0%;} #content #middle .pagevideo { width:100%; float:right; margin: 0 0 20px 0px;} #content #leftColumn { width:25%; float:left; clear:both;} #content #leftColumn p { font-size:1.4em; line-height:1.4em; padding:3px 10px 10px 0px; margin:0 14px 0 0px; color:#333;} #content #leftColumn p.sectionheading1 {font-size:2em; color:#fff; background:#000; padding:10px;} #content #leftColumn ul { margin:0px 0 8px 0;} #content #leftColumn li { font-family:Arial, Helvetica, sans-serif; color: #262262; font-size:1em; text-decoration:none; margin:3px 20px 3px 0; line-height:1.4em; border-bottom:1px solid #ccc; padding:3px 0 3px 0; list-style:none; cursor:pointer; background:url(/images/page/redarrow3.png) right no-repeat; } #content #leftColumn li h3 { font-size:1.7em; color:#000; font-weight:normal; margin:0;} #content #leftColumn li img { width:100%;} #content #leftColumn li a strong { color: #333; font-weight:normal;} #content #leftColumn li:hover,#content #leftColumn li.on { background:url(/images/page/redarrow.png) right no-repeat;} #content #leftColumn li a { display:block; color:#B5121B; padding:0px 10px 0px 0px; text-decoration:none; } #content #leftColumn li a:hover { text-decoration:underline;} /* generic styles */ h1 { margin-bottom:0.3em } h2,h3,h4,h5 { margin-bottom:0.3em; } #content h1 { font-size:4.8em; line-height:1.1em; font-weight:bold;color:#000;} #content h1.sub { border-top:5px solid #ccc; padding-top:20px;} #content h1.sub1 { border-bottom:5px solid #ccc; padding-bottom:10px;} #content h2 { font-size:3.4em; padding:0px 30px 0px 0px; line-height:1.3em; font-weight:normal; color:#333;} #content h2 strong,#content h1 strong { } #content h2.section { font-weight:normal; font-size:3.8em; border-bottom:5px solid #ccc;} #content h3 { font-size:2em; padding:10px 30px 0px 0px; line-height:1.3em; font-weight:normal; color:#333;} #content h4 { font-size:1.8em; line-height:1.3em; font-weight:normal; color:#B5121B; text-transform:uppercase} #content h5 { font-size:1.8em; line-height:1.3em; color:#fff; font-weight:normal; display:block; padding:20px; background:#B5121B;margin-bottom:20px;} #content h5 a { color:#fff;} #content h6 { font-size:1.6em; line-height:1.3em; color:#333; font-weight:normal; display:block; padding:20px 20px 22px 50px; background:url(/images/page/quotemark.jpg) top left no-repeat #fff; margin-bottom:20px;} #content p,#content pre { font-size:1.6em; line-height:1.3em; padding:0px; color:#333;} #content p.bigger { font-size:2em; line-height:1.5em;} #content p.introtextinner.one { padding-top:0px; } #content ul { margin:15px 0 18px 0; color:#333} #content li { font-size:1.6em; line-height:1.35em; padding:5px 40px 8px 0px; margin:0 0 0 27px; color:#333; list-style:disc;} #content ol li { list-style:decimal;} #content li ul li,#content li ol li { font-size:1em;} #content li strong,#content p strong { color:#000; font-weight:normal;} #content p a,#content li a { font-weight: bold; text-decoration:none; color:#B5121B;} #content p a:hover,#content li a:hover { text-decoration:underline;} #imageholder { width:40%; float:right; margin: 0 10px 10px 10px;} #imageholder img { width:100%;} #imagecaption { width:100%; background:#0099D3; position:relative; margin-top:-1px;} #normalpage { padding:20px 0 0px 0; width:96%; margin:0 auto;} /* table styles */ table { border:0;font-size:1.4em; width:100%;clear:both; margin-top:0px;} td,th { padding:8px; color:#333; line-height:1.6em; border:1px solid #ccc;} td a { text-decoration: underline; color:#B5121B; font-weight:normal;} th { color:#333;} /* form styles */ form { padding:25px;width:auto; margin-bottom:20px; margin-top:0px;background:#E3E3E3; } label { color:#333; font-weight:normal; width:38%; padding:7px 2% 0 0; line-height:1.4em; text-align:right;} label.leftExp { text-align:left;} #content p.editimage { padding-left:40%; display:block; width:60%;} em.rightExp { margin-left:40%;} input, select, textarea { width:46%; padding:10px 2% 10px 2%; color:#333; background-color:#FFF; border:0; } form input.check { position:relative;margin-top:12px; float:left; margin-bottom:30px;} select { width:50%; padding:10px 2% 10px 2%; height:35px;} form .submit { width:auto; min-width:270px; font-size:1.6em; margin-left:40%; padding:10px 0px 10px 2%; text-align:left; border-radius:0px; background:url(/images/page/buttonarrow.png) right no-repeat #B5121B; font-family:Arial, Helvetica, sans-serif;color:#fff; cursor:pointer; font-weight:normal; text-transform:uppercase; } form .submitLeft { width:auto; min-width:270px; font-size:1.6em; margin-left:0%; padding:10px 0px 10px 2%; text-align:left; background:url(/images/page/buttonarrow.png) right no-repeat #B5121B; font-family:'sinkin_sans100_light',Arial, Helvetica, sans-serif;color:#fff; cursor:pointer;font-weight:normal; text-transform:uppercase;} form em { padding-top:10px;} form .textLeft2 input { border:0; color: #F00; width:30px;} form input.check2 { float:left; width:15px; margin:8px 5px 0 0;} form label.checker { padding-top:1px;} form hr { margin:10px 0 5px 0;} /* resources */ form#searchform { background:none; padding:0;} form#searchform input { margin:30px 0 2% 0;width: 96%;padding: 0 2% 0 2%;border-radius: 0px;min-height: 60px;font-size: 3em; border:0px solid #ccc;color: #666; text-align:center} #content ul#resourcetype { clear:both;} #content ul#resourcetype li { font-size:1em; list-style:none; cursor:pointer;width:calc(27.333333% - 2px); float:left;padding:20px 2% 20px 2%; margin:0 1% 15px 1%; min-height:220px; border:1px solid #fff; position:relative } #content ul#resourcetype li h3 { font-size:2.4em; text-transform:none; color:#fff; padding-right:0;} #content ul#resourcetype li p { margin-bottom:8px; color:#fff;} #content ul#resourcetype li p a { right:0; bottom:0; width:200px; text-decoration:none; font-weight:normal; display:block; position:absolute; padding-right:0px;color:#B5121B; background:none;background:#fff; padding:15px 0 15px 0; text-align:center; } .rslides_containerinner { width:50%; max-width:500px; float:right; margin: 0 0 0px 0px; position:relative} .rslides_containerinner.one { width:92.5%; margin-bottom:30px; margin-right:7.5%} #content .rslidesinner { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } #content .rslidesinner li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; list-style:none; padding:0; margin:0; } #content .rslidesinner li p { text-align:center; font-size:1em; padding-top:8px; clear:both; margin:0; border:1px solid #ccc; border-top:0px solid #ccc; padding-bottom:10px; background:#e9e9e9; border-bottom-left-radius:10px;} .rslidesinner li:first-child { position: relative; display: block; float: left; } .rslidesinner img { display: block; height: auto; float: left; width: 100%; border: 0; } #content h3.expandable2 { background:url(/images/page/buttonarrowexpand.png) right no-repeat #527682; margin:0px 0 0 0; padding:15px 25% 15px 3%; cursor:pointer; color:#fff; } #content h3.expandable2:hover { background:url(/images/page/buttonarrowexpand.png) right no-repeat #333;} #content h3.openheader2 { background:url(/images/page/buttonarrowdown.png) right no-repeat #333; padding:15px 10% 15px 3%;cursor:pointer; color:#fff; } .categoryitems2 { padding:0%;} #content h3.expandable { background:url(/images/page/buttonarrowexpand.png) right no-repeat #B5121B; margin:10px 0 0 0; padding:15px 25% 15px 3%; cursor:pointer; color:#fff; } #content h3.expandable:hover { background:url(/images/page/buttonarrowexpand.png) right no-repeat #333;} #content h3.openheader { background:url(/images/page/buttonarrowdown.png) right no-repeat #B5121B; padding:15px 10% 15px 3%;cursor:pointer; color:#fff; } .categoryitems { padding:1%;} .introtext { width:100%; padding:30px 0% 10px 0%; background:#e6e6e6; margin-bottom:0px;} .pageimageinner img { width:50%; float:right; margin: 0 0 20px 20px;} .pageimageinner.one img { width:100%; float:right; margin: 0 0 20px 0px;} .pagevideo { width:50%; float:right; margin: 0 0 0px 20px;} .pagevideo2 { width:100%; float:right; margin: 0 0 0px 20px;} @media screen and (max-width:1080px) { img#hidenav, img#shownav { position: relative ;height: 53px; float:right;cursor: pointer; z-index:9999 } ol.right { position:absolute; top:0px; right:53px; z-index:140} img#shownav { display: block;} img#hidenav { display: none;} ol#mainnav { z-index: 999999; background:#B5121B;text-align: right; display:none; min-height: 20px; padding:0px 0 15px 0; width: 100%; position:absolute; top:54px; bottom:auto;} ol#mainnav li { display:block; font-size:18px; margin:10px 0 5px 0px;padding:5px 15px 0 0; clear:both; width:98%; padding-right:2%; text-align:right} ol#mainnav li a { text-decoration:none; color:#fff; border:0; line-height:14px;padding:0; text-transform:uppercase} ol#mainnav li a:hover, ol#mainnav li a.on { color:#fff; text-decoration:underline} ol#mainnav li ul { position: relative; display:block; margin:0; padding-top:20px; z-index:9999;} ol#mainnav li a:hover, ol#mainnav li a.on { border-bottom:0px solid #B5121B;} ol#mainnav li a:hover { text-decoration:none;} ol#mainnav li:hover ul { clear:both; display:block; margin-left:0px; } ol#mainnav li ul li { margin:0; padding:0; border-bottom:0px solid #fff; width:100%; font-size:14px; height:auto; color:#fff; clear:both; display:block; text-align:right; text-transform:none;} ol#mainnav li ul li a { font-weight:normal; display:block; margin:0px; padding:10px 25px 10px 10px; font-size:1em; line-height:1.2em; text-decoration:none; background:none; color:#fff; border-bottom:0px solid #fff;} ol#mainnav li ul li a:hover { background:none; color:#fff; border-bottom:0px solid #fff;} } @media screen and (max-width:1040px) { .slideblockcontainer { margin:0 auto; position:relative; background:#333; width:80%; height:320px; float:left;} .slideblockleft { float:left; height:320px; background:#B5121B; width:50%;} .slideblockright { float:left; height:320px; width:50%; position:relative;} #content ul.rslides li h1 { color:#fff; font-size:3em; line-height:1.2em;padding:20px 20px 10px 20px; margin-bottom:0px; text-align:right;} #content #block3.homeblock h3 { float:left; margin-left:5%; padding-bottom:20px;color:#666; font-size:3.4em;} #content #block1.homeblock h3 { float:left; margin-left:15%; padding-bottom:20px;color:#fff; font-size:3.4em;} } @media screen and (max-width:790px) { ol.right li.social { position:absolute; right:-53px; top:53px;} ol.right li.social2 { position:absolute; right:30px; top:53px;} .slideblockcontainer { margin:0 auto; position:relative; background:#333; width:100%; height:auto; float:left;} .slideblockleft { float:left; height:auto; background:#B5121B; width:100%;} .slideblockright { float:left; height:auto; width:100%; position:relative;} #content ul.rslides li h3 { color:#fff; font-size:2.2em; line-height:1.2em;padding:20px 5% 10px 5%; margin-bottom:0px; text-align:left;} #content ul.rslides li p { padding: 20px 5% 0px 5%;} #content ul.rslides li p a { color:#fff; text-decoration:none; padding:20px 40px; font-weight:normal; text-transform:uppercase; position: relative;bottom:0px; left:0px; background:url(/images/page/buttonarrow.png) no-repeat right #555; text-align:left; } .homeblock { width:100%; float:left; padding:30px 0 0px 0; margin:0;} #content .homeblock h1 { font-size:2em; line-height:1.1em; font-weight:bold;color:#222; padding-left:5%; padding-right:5%;} #content .homeblock p { color:#B5121B; line-height:1.3em; padding-right:5%; padding-left:5%; } #content .homeblock.left p { color:#222; line-height:1.3em; padding-right:5%; padding-left:5%;} #content #keydev h2 { padding:160px 0 0 0; float:left; margin: 50px 5% 0 5%; display:block; width:70%; color:#fff; font-size:4em;background:url(/images/page/keydev.png) top left no-repeat ; border-bottom:1px solid #fff; text-transform:uppercase} #content #keydev h3 { padding:0 15% 0 0; float:left; margin: 50px 0 0 5%; color:#fff; font-size:3em; clear:both;} #content #keydev p { padding:0 15% 0 0; float:left; margin: 20px 0 0 5%; color:#fff; font-size:1.5em; clear:both;} #content #keydev p a { color:#B5121B; text-decoration:none; padding:24px 40px; font-weight:normal; text-transform:uppercase; background:url(/images/page/buttonarrowred.png) no-repeat right #fff; text-align:left; margin-top:20px; float:left; } #content #keydev li { padding:0 5% 0 0; float:left; margin: 20px 0 0 5%; margin-left:calc(5% + 20px);color:#fff; font-size:1.5em; clear:both;} #block1.homeblock { background:#527682; padding-top:20px; padding-bottom:0; position:relative;} #content #block1.homeblock h3 { float:left; margin-left:5%; padding-bottom:20px;color:#fff; font-size:3.4em;} #content #block1.homeblock li { margin:0 10px 15px 5%; padding:0; font-size:1em; border-bottom:1px solid #fff; clear:both; list-style:none; cursor:pointer;} #content #block1.homeblock h4 { float:left; color:#fff; font-size:2.4em; text-transform:none;} #content #block1.homeblock h4 a { color:#fff; text-decoration:none;} #content #block1.homeblock p { float:left; padding-right:40px;color:#fff; font-size:1.4em;background:url(/images/page/buttonarrow4.png) no-repeat right; } #content #block1.homeblock p.button { float:none; padding-right:0px;color:#fff; font-size:1.4em;background:none; } #content #block1.homeblock p.button a { right:0; bottom:0; width:200px; text-decoration:none; font-weight:normal; display:block; position: relative; padding-right:0px;color:#fff;background:#B5121B; padding:15px 0 15px 0; text-align:center; text-transform:none; } #footerLeft ,#footerRight { width:100%; text-align:center} #footerLeft ol { margin:0 auto;} #footerLeft ol li { display:inline-block; float:none;font-size:1.2em; margin:0 15px 15px 15px;} #footerRight ol { margin:0 auto; float:none; padding-top:10px; padding-bottom:30px;} .slideblock { width:55%; } #normalpageleft { width:100%; float:left;} #normalpageright { width:100%; margin-left:0%; float:left;} #content ol#downloadlist li { min-height:56px; float:left;list-style:none; font-size:1em; margin:0.5%; width:45%; padding:2% 2% 80px 2%; background-color:#e9e9e9; cursor:pointer; position:relative;} #content ul#subpagelist li img { width:50%; float:left; margin:8px 15px 10px 0;} #block1.homeblock { width:100%; min-height:180px; margin:0 0 0px 0} #block2.homeblock { width:100%; min-height:180px; margin:0 0 0px 0} #block3.homeblock { width:100%; min-height:180px; padding-top:20px; margin:0 0 0px 0} #block4.homeblock { background: #eee; min-height:200px; padding:60px 0 80px 0; position:relative; width:100%;} #content #block3.homeblock p { float:left;margin-left:0%; padding-right:40px;color:#666; font-size:1.4em;} #content #block3.homeblock ol { padding-top:40px;} #content #block3.homeblock li { margin:0 5% 15px 5%; padding:5px 0 15px 0; font-size:1.6em; border-bottom:1px solid #B5121B; clear:both; list-style:none;} #content #block3.homeblock p.button a { right:0; bottom:0; width:200px; text-decoration:none; font-weight:normal; display:block; position: relative; padding-right:0px;color:#fff; background:#B5121B; padding:15px 0 15px 0; text-align:center; text-transform:none; } #block4.homeblock h3 { float:left; margin-left:5%; padding-bottom:40px;color:#B5121B; font-size:3.4em;} #block4.homeblock h4 { float:left; margin-left:5%; padding-bottom:40px; padding-top:30px;color:#B5121B; font-size:2.6em; clear:both;} #block4.homeblock p { float:left;margin-left:5%; padding-right:40px;color:#666; font-size:1.4em; clear:both;} #block4.homeblock p.button { float:none; padding-right:0px;color:#fff; font-size:1.4em;background:none; } #block4.homeblock p.button a { right:0%; bottom:0; width:200px; text-decoration:none; font-weight:normal; display:block; position: relative; padding-right:0px;color:#fff; background:#B5121B; padding:15px 0 15px 0; text-align:center; } #content ul.subpagelist li ,#content ul#events.subpagelist li { width:96%; } #maincontent { background:#E3E3E3; padding:40px 5% 40px 5%;} #pageintro { width:90%; padding:0px 5% 0px 5%; background:#B5121B;} .newspage { width:96%; padding:60px 2% 60px 2%; background:#B5121B;} #pageintro.inner { width:96%; padding:0px 2% 40px 2%; background:#B5121B; text-align:center} .innerredblock { width:96%; padding:40px 2% 40px 2%; background:url(/images/page/downarrow3.png) top center no-repeat #B5121B; text-align:center} #content p.introtextinner { font-size:1.5em; padding:15px 5% 0 0; padding-bottom:0px; color:#fff } #content ul#resourcetype li p a { right:0; bottom:0; width:200px; text-decoration:none; font-weight:normal; display:block; position: relative; padding-right:0px;color:#B5121B; background:none;background:#fff; padding:15px 0 15px 0; text-align:center; margin:0 auto; } #content h2 { padding-right:0;} #content ul.subpagelist2 li { font-size:1em; list-style:none; cursor:pointer;padding:0px 2% 0px 2%; margin:20px 0 20px 0; width:96%; float:left; position:relative; background:#ccc } #innerlinkslist { width:96%; clear:both; padding:20px 2% 20px 2%; background:#333; } #content #innerlinkslist ul.subpagelist2 li p a { right:0; bottom:0; width:200px; text-decoration:none; font-weight:normal; display:block; position: relative; padding-right:0px;color:#fff; background:none;background:#B5121B; padding:15px 0 15px 0; text-align:center; } #content #innerlinkslist ul.subpagelist2 li img { width:100%; float:left; margin-right:0px; margin-bottom:20px;} #content ul.subpagelist2 li.noimage { font-size:1em; list-style:none; cursor:pointer;padding:0px 2% 0px 2%; margin:20px 0 20px 0; width:96%; float:left; position:relative; background:#ccc } } @media screen and (max-width:480px) { /* form styles */ label { color:#333; font-weight:normal; width:98%; padding:7px 2% 5px 0; line-height:1.4em; text-align:left;} #content #pageintro.contact p { padding-right:0;} label.mathlabel { width:50%;} em.rightExp { margin-left:40%;} input, select, textarea { width:96%; padding:10px 2% 10px 2%; color:#333; background-color:#FFF; border:0; } form input.check { position:relative;margin-top:12px; float:left; margin-bottom:30px;} select { width:100%; padding:10px 0% 10px 0%; height:35px;} form .submit { width:auto; min-width:270px; font-size:1.6em; margin-left:0%; padding:10px 0px 10px 2%; text-align:left; border-radius:0px; background:url(/images/page/buttonarrow.png) right no-repeat #B5121B; font-family:Arial, Helvetica, sans-serif;color:#fff; cursor:pointer; font-weight:normal; text-transform:uppercase; } form .submitLeft { width:auto; min-width:270px; font-size:1.6em; margin-left:0%; padding:10px 0px 10px 2%; text-align:left; background:url(/images/page/buttonarrow.png) right no-repeat #B5121B; font-family:'sinkin_sans100_light',Arial, Helvetica, sans-serif;color:#fff; cursor:pointer;font-weight:normal; text-transform:uppercase;} #content h1 { font-size:4em;} .slideblock { width:calc(100% - 70px); } .rslides_containerinner { width:100%;} #content h3.expandable { background:url(/images/page/buttonarrowsm.png) right no-repeat #B5121B;} #content h3.openheader { background:url(/images/page/buttonarrowdown.png) right no-repeat #B5121B; } .categoryitems { padding:1%;} .pageimageinner img { width:100%;} .pagevideo { width:100%;} .pageimageinner img { width:100%; float:right; margin: 0 0 20px 0px;} #content ol#downloadlist li { min-height:56px; float:left;list-style:none; font-size:1em; margin:15px 0 0 0; width:96%; padding:2% 2% 80px 2%; background-color:#e9e9e9; cursor:pointer; position:relative;;} #content ul#subpagelist li img { width:100%; float:left; margin:0px 0px 20px 0;} #content ul#subpagelist li p a { text-decoration:none; padding-right:30px; font-weight:normal; text-transform:uppercase;background:url(/images/page/redarrow.png) no-repeat right; text-align:left; float:left; margin-top:10px; padding-top:2px;} #content ul#subpagelist.events li { width:96%; float:left;padding:20px 2% 20px 2%; margin:0 0% 15px 0%; min-height:270px;} #content ul#subpagelist.events li img { width:100%; margin:8px 0px 10px 0;} #content ul#resourcetype li { width:92%; padding:20px 4% 20px 4%; margin:0 0% 15px 0%; min-height:20px; } form#searchform { padding:0;} #content ul#searchresult { padding:0px 0 20px 0; margin:-25px 0 0px 0px; clear:both; width:calc(96%); border-bottom-left-radius:10px;border-bottom-right-radius:10px; display:block; position:absolute; z-index:9999999; background:#333; left:2%; overflow-x:scroll; height:360px; display:none;} #content ul#searchresult h3 { color:#fff; text-transform:uppercase; font-size:2.8em; margin: 2.5% 0 10px 2.5%;} #content ul#searchresult li { min-height:56px; float:left;list-style:none; font-size:1em; margin:2.5%; width:91%; padding:2% 2% 2% 2%; background-color:#fff; cursor:pointer; position:relative; border-radius:10px;} #content ul#searchresult li .docImage { float:left; width:5%; margin:7px 4% 0 0px; min-width:40px;} #content ul#searchresult li .docImage img { width:100%;} #content ul#searchresult li .docText { float:left; margin:7px 0 0 0; width:100%} #content ul#searchresult li h3 { font-size:2.3em; color:#B5121B; line-height:1.3em; margin:0; padding:0 0 5px 0; padding-bottom:0px; margin-bottom:10px;} #content ul#searchresult li p strong { color:#333; font-weight:bold;} #content ul#searchresult li p { font-size:1.4em; color:#333; line-height:1.6em; clear:both; margin:0 0 8px 0; padding-right:0;} #content ul#searchresult .docText p a { text-transform:uppercase; padding:0 15px 0 0 ; background:url(/images/page/redarrow.png) right no-repeat;color:#B5121B; font-weight:normal;text-align:left;} #content ul#searchresult li .docImage a { background:none; padding:0;} }