/* CSS Document */ body { margin:7px 0 0 0; font:62.5%/130% Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#343434; background:#fcfcfc url(../img/bg_stripes.jpg) repeat-x center 0} /* basic styles */ /****************/ h1 { font:500 2.4em "Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif; color:#1d54a6; margin-bottom:1em; text-shadow:1px 1px 0 rgba(255,255,255,1); clear:left; float:left} h2 { font:600 1.7em "Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif!important; color:#1d54a6; margin-top:1em; margin-bottom:.5em; text-shadow:1px 1px 0 rgba(255,255,255,1);} h3 { clear:both; font-weight:600; font-size:14px; text-shadow:1px 1px 0 rgba(255,255,255,1); margin-bottom:0.5em} h1 a, h2 a, h3 a{ text-decoration:none} h1.nofloat { float:none} p { font-size:1.3em; line-height:140%; margin-bottom:1em; text-shadow:1px 1px 0 rgba(255,255,255,1);} p a, p strong, p em, p li, p table th, p table td { font-size:1em} a { color:#007c63; text-decoration:underline; text-shadow:1px 1px 0 rgba(255,255,255,1); -webkit-transition; color .5s ease; -moz-transition: color .5s ease; transition: color .5s ease;} a:hover { text-decoration:none} a.more { font-size:1.3em; color:#007c63!important; text-decoration:none!important; float:left; padding-left:11px; background:url(../img/arr_link_green.png) no-repeat left center; line-height:1.6em} a.more:hover { text-decoration:underline!important} a.rss { position:relative; width:17px; height:17px; display:inline-block; background:url(../img/17-rss.png) no-repeat 0 0;} a.rss:hover { background-position:0 0} a.rss span { position:absolute; left:-9999em} strong { font-weight:600} input[type="text"], input[type="password"]{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; background:#fff; border:1px solid #ccc; padding:.65em} input.blue { float:left; background: #0A3E68; /* Old browsers */ background: -moz-linear-gradient(top, #265B87 0%, #306693 50%, #185486 51%, #0A3E68 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#265B87), color-stop(50%,#306693), color-stop(51%,#185486), color-stop(100%,#0A3E68)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #265B87 0%,#306693 50%,#185486 51%,#0A3E68 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #265B87 0%,#306693 50%,#185486 51%,#0A3E68 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #265B87 0%,#306693 50%,#185486 51%,#0A3E68 100%); /* IE10+ */ background: linear-gradient(to bottom, #265B87 0%,#306693 50%,#185486 51%,#0A3E68 100%); /* W3C */border: none;box-shadow: 1px 1px 0 #fff; -moz-box-shadow: 1px 1px 0 #fff; -webkit-box-shadow: 1px 1px 0 #fff; -o-box-shadow: 1px 1px 0 #fff;color: #fff;cursor: pointer;display: inline-block;margin:1em .5em 0 0;overflow: visible;padding: 7px 7px; text-align: center;text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);text-transform: uppercase; width:auto!important; height:auto!important; } input.blue.last { margin-right:0} input.blue.focus, input.blue:focus{ text-decoration:underline} figure { position:relative} figure img { max-width:100%; width:100%; max-height:auto; height:auto; display:block; box-shadow:1px 1px 0 rgba(255,255,255,1); -moz-box-shadow:1px 1px 0 rgba(255,255,255,1);-webkit-box-shadow:1px 1px 0 rgba(255,255,255,1); -o-box-shadow:1px 1px 0 rgba(255,255,255,1) } .lt-ie7 figure img { width:100%} table, td, th { border:none; border-collapse:collapse} #main .col_3_4 { font-size:13px; line-height:18px} #main .col_3_4 p { font-size:1em} #main .col_3_4 .block a { font-size:13px} #main .col_3_4 h1 { font-size:20px} #main .col_3_4 dl { clear:both} #main .col_3_4 dl dd { font-size:13px; line-height:140%; width:82%; float:left} #main .col_3_4 dl dt { clear:left; font-weight:600; float:left; width:15%; margin-right:3%; font-size:1.3em; line-height:140%} #main .col_3_4 ul { list-style:none; margin:0 0 15px 0; padding:0} #main .col_3_4 ul li { background: url(../img/arr_link_grey.png) no-repeat 0 12px; padding-left:12px; font-size:13px; line-height:140%} #main .col_3_4 ol { margin:0 0 15px 0; padding:0 0 0 26px; list-style-type:decimal} #main .col_3_4 ol li { font-size:13px; line-height:140%} /* table { margin:2em 0; border-collapse:separate; border-top:1px solid #ccc; border-bottom:1px solid #fff} table th { font-size:1.3em; padding:1em 0.75em; text-align:left; font-weight:600; border-bottom:1px solid #ccc; background:#f0f0f0; line-height:1.3em} table td { font-size:1.3em; padding:0.75em; border-bottom:1px solid #ccc; border-top:1px solid #fff; line-height:1.3em} table .small { width:30%}*/ /* misc */ /********/ .shadowsep { background:url(../img/shadow_separator.png) no-repeat center 0; padding-top:2.5em} .col_2_3 .shadowsep { background-image:url(../img/shadow_separator.png);} .col_1_3 .shadowsep { background-image:url(../img/shadow_separator_small.png);} figure .shadow { position:absolute; left:50%; margin-left:-50%; width:100%; height:auto; display:block; background-size:100%} figure .shadow.top { top:0; background:url(../img/shadow_image_top.png) no-repeat top center} figure .shadow.bottom { bottom:0; background:url(../img/shadow_image_bottom.png) no-repeat bottom center} .floatleft { float:left!important} .floatright { float:right!important} /* ms-rte styles */ .ms-rteCenCustom-NewBlue { -ms-name:"New-Blue"; display:inline-block; color:#fff; background:#124a79; text-transform:uppercase; font:100 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:1px 5px; margin:0 5px 0 0; text-shadow:none} .ms-rteCenCustom-NewGreen { -ms-name:"New-Green"; display:inline-block; color:#fff; background:#007C63; text-transform:uppercase; font:100 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:1px 5px; margin:0 5px 0 0; text-shadow:none} .ms-rteCenCustom-NewFuchsia { -ms-name:"New-Fuchsia"; display:inline-block; color:#fff; background:#B40E65; text-transform:uppercase; font:100 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:1px 5px; margin:0 5px 0 0; text-shadow:none} .ms-rteCenCustom-NewBlue-Paragraph { -ms-name:"New-Blue-Paragraph "; background: url(../img/new_blue.gif) no-repeat 0 0; padding:2px 0 2px 38px; display:inline;} .ms-rteCenCustom-NewGreen-Paragraph { -ms-name:"New-Green-Paragraph"; background: url(../img/new_green.gif) no-repeat 0 0; padding:2px 0 2px 38px; display:inline;} .ms-rteCenCustom-NewFuchsia-Paragraph { -ms-name:"New-Fuchsia-Paragraph"; background: url(../img/new_fuchsia.gif) no-repeat; padding:2px 0 2px 38px; display:inline; } ul.ms-rteCenCustom-black { -ms-name:"Bullets - black"; } ul.ms-rteCenCustom-black li { padding-left:12px;line-height:140%; background: url(../img/arr_link.png) no-repeat 0 12px!important; } ul.ms-rteCenCustom-gray { -ms-name:"Bullets - gray" } ul.ms-rteCenCustom-gray li { padding-left:12px;line-height:140%; background: url(../img/arr_link_grey.png) no-repeat 0 12px!important; } ul.ms-rteCenCustom-blue { -ms-name:"Bullets - blue"; } ul.ms-rteCenCustom-blue li { padding-left:12px;line-height:140%; background: url(../img/arr_link_blue.png) no-repeat 0 12px!important; } ul.ms-rteCenCustom-green { -ms-name:"Bullets - green";} ul.ms-rteCenCustom-green li { padding-left:12px;line-height:140%; background: url(../img/arr_link_green.png) no-repeat 0 12px!important; } ul.ms-rteCenCustom-pink { -ms-name:"Bullets - pink"; } ul.ms-rteCenCustom-pink li { padding-left:12px;line-height:140%; background: url(../img/arr_link_pink.png) no-repeat 0 12px!important; } table.borderStyle, table.ms-rteTable-cenTable1, table.ms-rteCenCustom-dataTable { border-collapse:collapse;} table.borderStyle td, table.borderStyle th, table.ms-rteTable-cenTable1 td, table.ms-rteTable-cenTable1 th, table.ms-rteCenCustom-dataTable td, table.ms-rteCenCustom-dataTable th { border:1px solid #ccc; padding:1%; font-size:13px; line-height:18px} /* structure */ /*************/ #sitecontainer { width:100%} header { width:100%; padding:0; position:relative} #main { width:100%; padding:4em 0; border-top:1px solid #fff} footer { width:100%} header .inner, #main .inner, footer .inner { width:96%; max-width:1280px; /*max-width:940px; min-width:800px;*/ padding:0 2%; margin:0 auto; position:relative; overflow:hidden} header .inner { height:15em; } .row { clear:both; overflow:hidden} /* header */ /**********/ header { border-top:1px solid #fff; background: #f6f6f6; /* Old browsers */background: -moz-linear-gradient(top, #fcfcfc 0%, #fafafa 64%, #f6f6f6 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(64%,#fafafa), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #fcfcfc 0%,#fafafa 64%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #fcfcfc 0%,#fafafa 64%,#f6f6f6 100%); /* Opera 11.10+ */background: linear-gradient(to bottom, #fcfcfc 0%,#fafafa 64%,#f6f6f6 100%); /* W3C */background: -ms-linear-gradient(top, #fcfcfc 0%,#fafafa 64%,#f6f6f6 100%); /* IE10+ */} header a.logo { display:inline-block; text-decoration:none; /*background:url(../img/logo_cen.png) no-repeat 0 0;*/ float:left; position:relative; left:-8px; top:1.5em; } header p.baseline { float:left; position:relative; top:1.25em} header p.baseline img {width:291px; height:61px;} header .shadow{ background: url(../img/shadow_nav.png) no-repeat center 0; display:block; width:100%; height:6px; position:absolute; bottom:0;} header #topnav { position:absolute; right:2%; top:1.5em;} header #topnav li { float:left; display:inline-block; padding-left:.5em; margin-left:.5em; border-left:1px solid #828282} header #topnav li:first-child { padding-left:0; margin-left:0; border-left:none} header #topnav li a { font-size:1.2em; color:#555; text-shadow:1px 1px 0 rgba(255,255,255,1)} header #topnav li a:hover{ color:#007c63} header #topnav li.sel a, header #topnav li.sel a:hover{ text-decoration:none; color:#007c63; font-weight:600} /* search */ header #search { position:absolute; right:2%; top:5em; width:39.58% } header #search .ms-sbtable-ex { margin:0} header #search .ms-sbtable-ex td.ms-sbcell { border:none; padding:0; width:73.6%} header #search .ms-sbtable-ex td.ms-sbtext { display:none} header #search .ms-sbtable-ex input.ms-sbplain { color:#333; font-size:1.3em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; width:90%!important; box-shadow:1px 1px 0 rgba(255,255,255,1); -moz-box-shadow:1px 1px 0 rgba(255,255,255,1);-webkit-box-shadow:1px 1px 0 rgba(255,255,255,1); -o-box-shadow:1px 1px 0 rgba(255,255,255,1)} header #search .ms-sbtable-ex td.ms-sbcell.ms-sbgo { background: #0fa184; /* Old browsers */ background: -moz-linear-gradient(top, #20b194 0%, #20b194 50%, #0fa184 51%, #0fa184 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#20b194), color-stop(50%,#20b194), color-stop(51%,#0fa184), color-stop(100%,#0fa184)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #20b194 0%,#20b194 50%,#0fa184 51%,#0fa184 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #20b194 0%,#20b194 50%,#0fa184 51%,#0fa184 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #20b194 0%,#20b194 50%,#0fa184 51%,#0fa184 100%); /* IE10+ */ background: linear-gradient(to bottom, #20b194 0%,#20b194 50%,#0fa184 51%,#0fa184 100%); /* W3C */ width:15.78%!important;} header #search .ms-sbtable-ex td.ms-sbcell.ms-sbgo a {float:right; display:inline-block; border:1px solid #0e9a7e; text-shadow:-1px -1px 0 rgba(0,0,0,.3); color:#fff; /*border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;*/ box-shadow:1px 1px 0 rgba(255,255,255,1); -moz-box-shadow:1px 1px 0 rgba(255,255,255,1);-webkit-box-shadow:1px 1px 0 rgba(255,255,255,1); -o-box-shadow:1px 1px 0 rgba(255,255,255,1);cursor:pointer; width:100%; color:#fff; background:none; border:none; overflow:visible; padding:0; height:32px; background:url(../img/ico_search.png) no-repeat center center;} header #search .ms-sbtable-ex td.ms-sbcell.ms-sbgo a img { display:none} header #search .ms-sbtable-ex .ms-sbLastcell, header #search .ms-sbtable-ex .ms-rightbodysectionsearchbox { display:none} header nav { position:absolute; bottom:0; /*nowrap fix*/ overflow:hidden; width:115%} header nav ul { float:left} header nav ul li { float:left; display:inline-block; margin-right:5px} header nav ul li a { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; display:inline-block; padding:11px 8px; font-size:1.4em; text-transform:uppercase; text-decoration:none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6C6C6C), color-stop(100%,#616161)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6C6C6C, #616161); background: -moz-linear-gradient(top, #6C6C6C, #616161); background: -ms-linear-gradient(top, #6C6C6C, #616161); background: -o-linear-gradient(top, #6C6C6C, #616161); color:#fff; text-shadow: -1px -1px 0 rgba(0,0,0,.25);} header nav ul li a:hover { opacity:.9;} header nav ul li.sel a { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d6ea6), color-stop(100%,#164b86)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1d6ea6, #164b86); background: -moz-linear-gradient(top, #1d6ea6, #164b86); background: -ms-linear-gradient(top, #1d6ea6, #164b86); background: -o-linear-gradient(top, #1d6ea6, #164b86);} header nav ul li.sel a:hover { opacity:1; filter: alpha(opacity = 100); color:#fff; cursor:default} /* main */ /********/ .col_2_3 { width:64.95%; margin-right:3.13%; /*width:65.95%; margin-right:2.13%;*/ float:left;} .col_1_3 { width:31.91%; margin-right:2.13%; float:left;} .col_1_4 { width:23.404%; margin-right:2.127%; float:left;} .col_3_4 { width:74.468%; margin-left:2.127%; float:right;} .lastcol { margin-right:0;} #main header, #main footer ,#main .block-content { background:none; clear:both; border:none; overflow:none} #main header { overflow:hidden; width:100%} /* left nav */ /************/ #main nav#leftnav { border-top:1px solid #ccc} #main nav#leftnav, #main nav#leftnav li li, #main nav#leftnav li li:hover, #main nav#leftnav li li.sel { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f6f6f6, #f2f2f2); background: -moz-linear-gradient(left, #f6f6f6, #f2f2f2); background: -ms-linear-gradient(left, #f6f6f6, #f2f2f2); background: -o-linear-gradient(left, #f6f6f6, #f2f2f2);} #main nav#leftnav ul { border-bottom:1px solid #fff} #main nav#leftnav li { background:#f9f9f9} #main nav#leftnav li:hover { background:#eff4f3;background: -webkit-linear-gradient(left, #f6f6f6, #eff4f3); background: -moz-linear-gradient(left, #f6f6f6, #eff4f3); background: -ms-linear-gradient(left, #f6f6f6, #eff4f3); background: -o-linear-gradient(left, #f6f6f6, #eff4f3);} #main nav#leftnav li a { font-weight:100; font-family:Verdana, Arial, sans serif; color:#333; text-decoration:none; font-size:1.3em; line-height:120%; display:block; background:none; border-top:1px solid #fff; border-bottom:1px solid #d3d3d3; padding:.6em 10% .6em 3%} #main nav#leftnav li a:hover { color:#007c63; background-image:none; text-decoration:none;} #main nav#leftnav li.sel { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d6ea6), color-stop(100%,#164b86)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1d6ea6, #164b86); background: -moz-linear-gradient(top, #1d6ea6, #164b86); background: -ms-linear-gradient(top, #1d6ea6, #164b86); background: -o-linear-gradient(top, #1d6ea6, #164b86);} #main nav#leftnav li.sel a { color:#fff; text-shadow:-1px -1px 0 rgba(0,0,0,.5); background-image:none; border-top:1px solid #18609b; border-bottom:1px solid #135891} #main nav#leftnav li:last-child a { border-bottom:1px solid #ccc;} #main nav#leftnav li ul { background:#f6f6f6 url(../img/shadow_sublevel_bottom.png) no-repeat right bottom; padding-bottom:1em; border-bottom:1px solid #d3d3d3} #main nav#leftnav li ul li:first-child { background:url(../img/shadow_sublevel_leftnav_top.png) no-repeat right 0; padding-top:1em} #main nav#leftnav li li a,#main nav#leftnav li.sel li a { font-weight:100; background:url(../img/arr_link_grey.png) no-repeat 4% .6em; border:none; color:#333; text-shadow:1px 1px 0 rgba(255,255,255,1); padding:.3em 4% .3em 9%} #main nav#leftnav li li a:hover { color:#007c63; background-image:url(../img/arr_link_green.png); text-decoration:none;} #main nav#leftnav li li.sel a, #main nav#leftnav li li.sel a:hover { font-weight:600; color:#1d54a6; background-image:url(../img/arr_link_blue.png); text-shadow:1px 1px 0 rgba(255,255,255,1)} #main nav#leftnav li.sel li.sel ul { background:#f9F9F9;/* url(../img/shadow_sublevel_bottom.png) no-repeat right bottom;*/ border-bottom:1px solid #e7E7E7;} #main nav#leftnav li.sel li.sel li, #main nav#leftnav li.sel li.sel li:hover { background:#F9F9F9} #main nav#leftnav li.sel li.sel li:first-child { background:#f9F9F9; /*url(../img/shadow_sublevel_top.png) no-repeat right top;*/ border-top:1px solid #e7E7E7} #main nav#leftnav li.sel li.sel ul a { margin-left:1em; color:#666; font-size:1.25em; font-weight:100; background: url(../img/arr_link_grey.png) no-repeat 4% .6em;} #main nav#leftnav li li li.sel a, #main nav#leftnav li li li.sel a:hover { font-weight:100!important; background-image:url(../img/arr_link_blue.png); text-shadow:1px 1px 0 rgba(255,255,255,1)!important} #main nav#leftnav li li.sel ul { margin-top:.65em;} #main nav#leftnav li li.sel li.sel a{ font-weight:600!important; border-bottom:none; color:#333; background-image:url(../img/arr_link_grey.png); text-shadow:1px 1px 0 rgba(255,255,255,1)} #main nav#leftnav li li.sel li.sel ul { margin-top:0;padding-bottom:0; border-bottom:none} #main nav#leftnav li li.sel li.sel ul li { padding-left:12px} #main nav#leftnav li li.sel li.sel ul li:first-child { border-top:none; padding-top:.2em;} #main nav#leftnav li li.sel li.sel ul li a{ font-weight:100!important} #main nav#leftnav li li.sel li.sel ul li a:hover{color:#007c63; background-image:url(../img/arr_link_green.png); text-decoration:none; } #main nav#leftnav li li.sel li.sel li.sel a, #main nav#leftnav li li.sel li.sel li.sel a:hover {color:#1D54A6; background-image:url(../img/arr_link_blue.png); text-decoration:none; } /* breadcrumb */ /**************/ #main nav#breadcrumb { margin-bottom:3.5em; float:left; width:80%;} #main nav#breadcrumb a { color:#1D54A6;font-size:13px; line-height:135%; padding-right:13px; margin-right:5px; background:url(../img/arr_link_blue.png) no-repeat right .5em; float:left} #main nav#breadcrumb span.ms-sitemapdirectional { font-size:13px; font-weight:600; color:#333; line-height:135%;} #main nav#breadcrumb span.ms-sitemapdirectional a { font-size:1em; font-weight:100; line-height:135%;} /* socialmedia */ /***************/ #main .socialmedia{ margin-bottom:3em;} .socialmedia { /*float:right*/ position: absolute;right: 2%; top: 4em;} #ie7 .socialmedia { position:static; float:right} .socialmedia h5 { font-size:1.2em; float:left; margin:.2em .2em 0 0; line-height:13px} .socialmedia ul { float:left; margin:0!important} .socialmedia ul li { float:left; display:inline-block; margin-left:.6em; padding-left:0!important; background:none!important;} .socialmedia li a { background-image:url(../img/socialicons.png); background-position: 0 0; background-repeat: no-repeat; display: inline-block; height: 17px; position: relative; width: 17px;} .socialmedia li a:focus, .socialmedia li a.focus { border:dotted 1px #B40E65; outline:none;} .socialmedia li a.facebook { background-position:0 0} .socialmedia li a.twitter { background-position:-22px 0} .socialmedia li a.linkedin { background-position:-44px 0} .socialmedia li a.googleplus { background-position:-66px 0} .socialmedia li a.youtube { background-position:-88px 0} #.socialmedia ul li a.print { display:none} .socialmedia ul li a.print { background:url(../img/ico_print.png); width:18px; background-position:0 0px!important;} .socialmedia li a span { display:none} /* article */ /***********/ #main article div { clear:both} #main article div a { color:#007C63 /*B40E65*/} #main article div h2 { margin-bottom:.5em; margin-top:1em; font-weight:600!important; font-size:17px!important} #main article ul li h2 { margin-top:0;font-size:1.31em!important} #main article figure { height:auto; width:100%; margin-bottom:2em} #main article figure div { display:inline-block!important; overflow:hidden; width:100%} #main article aside { float:right; margin:0 0 2.857% 2.857%;} #main article ul li { padding-top:.4em;} #main article ul li:first-child { /*padding-top:0*/} #main article ul li a { color:#007C63 /*B40E65*/; text-decoration:underline; /*background:url(../img/arr_link_green.png) no-repeat left .5em; padding-left:13px*/} #main article ul li a:hover { text-decoration:none} #main article #contact ul { margin-bottom:0} #main article #contact ul li { background:url(../img/arr_link_grey.png) no-repeat left 12px; padding-left:12px} #main article .intro, .ms-rteCustom-ArticleByline { color: #666!important; font-family: Verdana,Arial,Helvetica,sans-serif !important; font-size: 1.1em!important; font-style: normal !important; font-weight: 100!important; line-height: 135%!important;} #main article div h2 a, #main article div h3 a { text-decoration:underline} #main article div h2 a:hover, #main article div h3 a:hover { text-decoration:none} /* block */ /*********/ section.slider { margin-bottom:2.5em; overflow:hidden} .block { clear:both; margin-bottom:2.5em; zoom:1;} .block h2 { background-position:0 4px; background-repeat:no-repeat; float:left} .block h3 { background-position:0 0; background-repeat:no-repeat; margin-bottom:.8em} .block header img { float:left; margin-right:5px} .block .title { color:#333; font-weight:600; display:block; line-height:120%; cursor:pointer} .lt-ie8 .block .title { display:inline-block; width:100%} .block .category { font-weight:400; text-transform:uppercase; color:#444; float:left; margin:.3em .5em 0 0; padding-right:.6em; border-right:1px solid #aaa;} .block .eventlocation { font-weight:400; color:#444; margin-top:.3em; display:inline-block} .block .date { font-weight:400; color:#444; margin-top:.3em; display:inline-block} .block .short-description { color:#666; display:block; margin-top:.5em; line-height:140%; overflow:hidden; clear:both } .block a { text-decoration:none; color:#333; font-size:1.3em} .block a:hover { text-decoration:none!important} .block a:hover .title { color:#007c63} .block a:hover .category, .block a:hover .date, .block a:hover .short-description { color:#333; } .block a.dateLink { float:left; background:none; padding:1em 0 0 0; border:none; text-shadow:-1px -1px 0 rgba(0,0,0,.3); } .block a.dateLink:hover { background:none} .block a.rss { float:right} .block a.more { float:right; padding-right:11px; background:url(../img/arr_link_green.png) no-repeat right center; position:relative; text-decoration:underline!important} .block a.more:hover { text-decoration:none!important} .block .eventdescription { clear:none!important} .block li a { font-size:1em} .block figure {float:left; margin:0 3.225% 3.225% 0; height:auto; max-width:35.48%} .block article a { padding:1em 25px 1em 0; background:url(../img/arr_article_link.png) no-repeat right center; display:block; border-bottom:1px solid #ccc; border-top:1px solid #fff} .block article a:hover { background-image:url(../img/arr_article_link_green.png); border-top: 1px solid #F5F9F8} .block article:first-child a { border-top:none} .block article:last-child a { border-bottom:none} .block article:hover { background:#F5F8F7;background: -webkit-linear-gradient(left, #fcfcfc, #F5F8F7); background: -moz-linear-gradient(left, #fcfcfc, #F5F8F7); background: -ms-linear-gradient(left, #fcfcfc, #F5F8F7); background: -o-linear-gradient(left, #fcfcfc, #F5F8F7);} .block footer { padding-top:1.5em; line-height:150%; overflow:hidden} .block#news h2 { background-image:url(../img/ico_news.png); padding-left:20px; margin-bottom:.5em; float:left; } .block#sector-spotlight h2 { background-image:url(../img/ico_sector-spotlight.png); padding-left:20px; } .block#sector-spotlight figure {float:left; margin:0 3.225% 3.225% 0; height:auto; max-width:35.48%} .block#workshops h2 { background-image:url(../img/ico_workshops.png); padding-left:20px;} .block#website h2 { background-image:url(../img/ico_website.png); padding-left:20px;} .block#contact h3 { background-image:url(../img/ico_contact.png); padding-left:20px;} .block.tabnews.shadowsep { background:none; padding-top:0} .block .accordion { border:1px solid #ccc; border-bottom:none} .block .accordion h2 { margin-bottom:0; float:none; border-bottom:1px solid #ccc; padding:.5em 1.5em .5em 35px} .block .accordion ul { background:url(../img/shadow_sublevel_bottom.png) no-repeat center bottom} .block .accordion ul li:first-child { background:url(../img/shadow_sublevel_top.png) no-repeat center 0} .block .accordion ul li:first-child a { border-top:none;} .block .accordion ul li a { line-height:115%; color:#333; font-size:1.3em; display:block; padding:.8em 2em .8em 1.5em; background:none; border-top:1px solid #fff; border-bottom:1px solid #ccc; text-decoration:none} .block .accordion ul li a:hover { background:rgba(239, 244, 243,.3); color:#007c63; border-top:1px solid #F5F9F8; text-decoration:underline!important} .block .accordion ul li:first-child a:hover { border-top:none} .block h2 { font-weight:100!important; margin-top:0} .block h2#what-do-you-want-to-do { background:url(../img/ico_what-do-you-want-to-do.png) no-repeat .7em center;} .block h2#quick-links { background:url(../img/ico_quick-links.png) no-repeat .7em center; margin-top:0!important} .block h2#quick-links2 { background:none; padding-left:.75em!important} .block.box h2 { margin-bottom:.5em} .block.box .block-content {border:1px solid #ccc!important;overflow:hidden; /*background:url(../img/shadow_sublevel_bottom.png) no-repeat center bottom;*/ padding:1em} #main .news h2 { float: left; overflow: hidden;} #main ul.nav-inline.newspage a { line-height:200%; white-space:nowrap} section.news.block p.results { margin:1em 0; color:#999;} /* facebook box homepage*/ /************************/ .fb-like-box { width:100%} .fb-like-box span, .fb-like-box iframe { width:100%!important;} /* news event */ /**************/ #main .item.cal1 a:hover, #main .item.cal2 a:hover { text-decoration:none;} #main .item.cal1 span.date, #main .item.cal2 span.date { margin:0 .8em .4em 0; float:left; cursor:pointer; box-shadow:1px 1px 0 rgba(255,255,255,1); -moz-box-shadow:1px 1px 0 rgba(255,255,255,1); -webkit-box-shadow:1px 1px 0 rgba(255,255,255,1); -o-box-shadow:1px 1px 0 rgba(255,255,255,1)} #main .item.cal1 span.date.first, #main .item.cal2 span.date.first { margin-right:1px} #main .item.cal1 span.date .month, #main .item.cal2 span.date .month { display:block; color:#fff; font:100 9px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase; width:34px; height:14px; padding:1px 0; text-align:center; border:1px solid; border-bottom:none} #main .item.cal1 span.date .day, #main .item.cal2 span.date .day { display:block; color:#fff; font:600 10px Arial, Helvetica, sans-serif; letter-spacing:-0.02em; width:34px; height:16px; padding:3px 0; text-align:center; border:1px solid; border-top:none } #main .listcontent .item.cal1 span.type, #main .listcontent .item.cal2 span.type { text-transform:uppercase; font-size:10px } #main .listcontent .item.cal1 p, #main .listcontent .item.cal2 p {} #main .listcontent p span.eventlocation { display:block} #main .item.cal1 span.date .month { background:#17569E; border-color:#0e4a90;} #main .item.cal2 span.date .month { background:#0FA184; border-color:#078d72;} #main .item.cal1 span.date .day { background:#3B729F; border-color:#0e4a90;} #main .item.cal2 span.date .day { background:#20B194; border-color:#078d72;} /* accordion */ /*************/ .col_3_4 .accordion { clear:both; border-top:1px solid #ccc; border-bottom:1px solid #fff} .col_3_4 .accordion h2 { font-weight:100!important; font-size:17px!important; margin:0; padding:.75em 1.75em .75em 0; border-top:1px solid #fff; border-bottom:1px solid #ccc; background:url(../img/shadow_accordion_top.png) no-repeat center 0; } .col_3_4 .accordion h2.ui-accordion-header-active { border-bottom:0;} .col_3_4 .accordion .block-content.ui-accordion-content-active { padding-bottom:1em; border-bottom:1px solid #ccc!important; background:url(../img/shadow_accordion_bottom.png) no-repeat right bottom!important} .col_3_4 .ui-accordion .ui-accordion-header .ui-accordion-header-icon { right:0} .col_3_4 .accordion .block-content { font-size:13px; line-height:140%;} .col_3_4 .accordion .block-content p { font-size:1em; line-height:140%} .col_3_4 .accordion .block-content a {color:#007c63/*B40E65*/; text-decoration:underline} .col_3_4 .accordion .block-content a:hover { text-decoration:none} .col_3_4 .accordion .block-content ul li { font-size:1em!important; background-position:0 7px!important;} .col_3_4 .accordion .block-content li a { font-size:1em} .col_3_4 .accordion.faq h2 { font:600 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333} .col_3_4 .accordion.faq h2.ui-accordion-header-active { font:normal 2em "Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif; color:#1d54a6;} #main .col_3_4 article .col_1_3 .block .accordion { border:1px solid #ccc; border-bottom:none;} #main .col_3_4 article .col_1_3 .block .accordion h2 { font-size:17px!important; font-weight:100!important; margin-bottom:0; margin-top:0; float:none; border-top:none; border-bottom:1px solid #ccc; padding:.5em 1.5em .5em 35px} #main .col_3_4 article .col_1_3 .accordion h2.ui-accordion-header-active { border-bottom:1px solid #ccc;} #main .col_3_4 article .col_1_3 .accordion .block-content.ui-accordion-content-active { background:none; border:none; padding-bottom:0 } #main .col_3_4 article .col_1_3 .ui-accordion .ui-accordion-header .ui-accordion-header-icon { right:4%} #main .col_3_4 article .col_1_3 .block .accordion ul { margin-bottom:0; background:none} #main .col_3_4 article .col_1_3 .block .accordion ul li { background:none; padding:0; font-size:1em; line-height:100%} #main .col_3_4 article .col_1_3 .block .accordion ul li:first-child { background: url(../img/shadow_sublevel_top.png) no-repeat center 0;} #main .col_3_4 article .col_1_3 .block .accordion ul li a { text-decoration:none; font-size:1em; color:#333; background: url(../img/arr_link.png) no-repeat 96% center !important; border-bottom: 1px solid #ccc; border-top: 1px solid #FFF;display: block; padding:.8em 2em .8em 1.5em;} #main .col_3_4 article .col_1_3 .block .accordion ul li a:hover {color:#007C63; text-decoration:underline!important} #main .col_3_4 article .col_1_3 .block .accordion ul li:first-child a { border-top:none;} #main .col_3_4 article .col_1_3 .block .accordion ul li:last-child a { border-bottom:none;} .accordionToggleAll { float:right; padding:.7em; background:#f6f6f6} .accordionToggleAll a { text-decoration:underline; color:#666; font-size:13px; padding-left:.5em; margin-left:.5em; border-left:1px solid #ccc;} .accordionToggleAll a:first-child { padding-left:0; margin-left:0; border-left:none} .accordionToggleAll a:hover { text-decoration:none} /* acronyms */ #main ul.acronyms { margin:0 0 10px 0; padding:0; list-style:none; width:100%; float:left;} #main ul.acronyms li { float:left; background:none!important; padding-left:0!important; width:3%; margin-right:.84%} #main ul.acronyms li a { transition: none; color:#666; display:inline-block; text-transform:uppercase; background:#F6F6F6; padding:.3em 0; width:100%; text-align:center; border:1px solid #ccc} #main ul.acronyms li a:hover { background:#007C63; border-color:#007C63; color:#fff; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); text-decoration:none; } #main ul.acronyms li a.sel { background:#007C63; border-color:#007C63; color:#fff; font-weight:bold; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);} /* pagination */ #main div.pagination { float:right; margin:1em 0 3em} #main div.pagination ul { float:left; margin:0; padding:0; list-style:none} #main div.pagination ul li { float:left; padding:0; background:none; margin-left: 5px} #main div.pagination ul li a { transition: none; color:#666; display:inline-block; text-transform:uppercase; background:#F6F6F6; padding:.3em .6em; text-align:center; border:1px solid #ccc } #main div.pagination ul li a:hover { background:#007C63; border-color:#007C63; color:#fff; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); text-decoration:none;} #main div.pagination ul li a:focus, #main div.pagination ul li a.focus { outline:thin dotted; outline-color:#007C63} #main div.pagination ul li a.sel { background:#007C63; border-color:#007C63; color:#fff; font-weight:bold; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); } /* sitemap */ #main ul.sitemap li { background:none; padding-left:0} #main ul.sitemap li li { font-size:1em; padding-left:10px;} #main ul.sitemap li a { color:#333} #main ul.sitemap li a:hover, #main ul.sitemap li a:focus, #main ul.sitemap li a.focus { color: #007C63;} #main ul.sitemap li span.sel { color: #007C63; font-weight: 600;} /* tabs */ /********/ .tabs { clear:both} .tabs .tabcontent { border-top:1px solid #f2f2f2; background:url(../img/shadow_tabcontent.png) no-repeat center 0 } .tabs ul.ui-tabs-nav li a { font-size:1.3em} .filter { overflow:hidden; width:100%; padding-left:0; padding-right:0} .filter ul.nav-inline { float:left; margin:0!important;} .filter ul.nav-inline li:first-child { padding-left:0!important} .filter ul.nav-inline li a { font-size:0.85em} .filter .sort { float:right; margin-right:5px} .filter .sort span.lbl { float:left; text-transform:uppercase; line-height:2.1em;} .filter .sort ul.nav-inline { margin:0 0 0 5px!important} .filter-bottom { margin:1em 0 3em; float:left; width:auto;} .filter a.rss { float:right; margin:0 0 0 10px} .filter .sme_filters { float:left; margin:0 0 0 5px!important;} .filter .sme_filters select { width:auto; float:left; margin-right:2px } .filter .sme_filters select.sme_filter_cat { width:130px} .filter .sme_filters select.sme_filter_country { width:150px} .filter .sme_filters select.sme_filter_measure { width:78px} .filter .sme_filters select.sme_filter_lang { width:83px} .filter .sme_filters select option { font-size:11px; text-transform:capitalize} .filter .sme_filters select option:first-child, .filter .sme_filters select option:first-child[selected="selected"]{ color:#888;} .filter.sme_filterbox .sort, .filter.sme_filterbox .rss { margin-top:5px!important; margin-bottom:5px!important} .filter select.navigationDropdown { margin-bottom:0} ul.nav-inline { margin:0; padding:0; list-style:none; float:right; clear:right} ul.nav-inline.pagination { float:left} ul.nav-inline li { float:left; padding: 0 10px 0 6px!important; background:url("../img/sep-bgwhite.gif") no-repeat right 5px!important} ul.nav-inline li.first { padding-left:0} ul.nav-inline li.last { padding-right:0px!important; background:none!important} ul.nav-inline li a { color:#333!important; font-size:1.2em} ul.nav-inline li a.sel, ul.nav-inline li a:hover, ul.nav-inline li a:focus, ul.nav-inline li a.focus { color:#007C63!important} /* fieldset */ /************/ fieldset { border:none; padding:0; margin:0 0 15px 0} fieldset p.info { color:#666} fieldset p.info span{ font-weight:600; color:#B40E65; margin-right:3px} fieldset div { clear:both; margin-bottom:7px} fieldset label { font-weight:600; float:left; width:45.8%; margin-right:1%; color:#444; position:relative; font-size:12px} fieldset label span { font-weight:600; color:#B40E65; float:right; position:absolute; top:0; right:0} fieldset input { border: 1px solid #ccc; width:49%;} fieldset select { border: 1px solid #ccc; color: #333; width:52.3%!important; padding:.65em } fieldset textarea { border: 1px solid #ccc; color: #333; padding:.65em; width:49%; height:80px} fieldset input.errorField { background:#FFEAEA; border:1px solid #FF8E8E} fieldset .cb input { border:none; margin:0 5px 0 0; width:auto; float:left} fieldset div.btn input { width:auto!important; margin-top:10px; color:#fff; cursor: pointer; text-transform: uppercase;text-align: center; padding: 7px 10px;overflow: visible; border:none; display:inline-block; text-shadow:-1px -1px 0 rgba(0,0,0,.3); /*border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;*/ box-shadow:1px 1px 0 rgba(255,255,255,1); -moz-box-shadow:1px 1px 0 rgba(255,255,255,1);-webkit-box-shadow:1px 1px 0 rgba(255,255,255,1); -o-box-shadow:1px 1px 0 rgba(255,255,255,1); background: #0fa184; /* Old browsers */ background: -moz-linear-gradient(top, #20b194 0%, #20b194 50%, #0fa184 51%, #0fa184 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#20b194), color-stop(50%,#20b194), color-stop(51%,#0fa184), color-stop(100%,#0fa184)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #20b194 0%,#20b194 50%,#0fa184 51%,#0fa184 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #20b194 0%,#20b194 50%,#0fa184 51%,#0fa184 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #20b194 0%,#20b194 50%,#0fa184 51%,#0fa184 100%); /* IE10+ */ background: linear-gradient(to bottom, #20b194 0%,#20b194 50%,#0fa184 51%,#0fa184 100%); /* W3C */} fieldset .cb table { width:50%;} fieldset .cb tr td { padding-bottom:7px; width:100%} fieldset .cb tr td label { width:93%; margin-right:0; font-weight:100} fieldset .error { display:block; clear:both; margin:.75em 0 1em 47%; } fieldset .error span{ color:#d00!important; background:url(../img/ico_error.gif) no-repeat 0 0; padding:2px 0 2px 20px; font-size:12px} /* footer */ /**********/ footer { border-top:1px solid #fff; background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f6f6, #fcfcfc); background: -moz-linear-gradient(top, #f6f6f6, #fcfcfc); background: -ms-linear-gradient(top, #f6f6f6, #fcfcfc); background: -o-linear-gradient(top, #f6f6f6, #fcfcfc);} footer .inner { padding:4em 0 5em; background:url(../img/shadow_footer.png) no-repeat center 0} footer ul#sitemap { margin-top:5em; overflow:hidden; clear:both} footer ul#sitemap li { width:14.89%; margin-left:2.13%; float:left; display:inline-block; margin-bottom:3em} footer ul#sitemap li:first-child { margin-left:0} footer ul#sitemap li a { text-decoration:none; color:#333; font-size:1.2em; text-shadow:1px 1px 0 rgba(255,255,255,1)} footer ul#sitemap li a:hover { text-decoration:underline; color:#007c63;} footer ul#sitemap li h5 { text-transform:uppercase; font-size:1.3em; font-weight:600; margin:0 0 .8em} footer ul#sitemap li h5 a { font-size:1em} footer ul#sitemap li h5 a:hover { text-decoration:none;} footer ul#sitemap li li { clear:both; width:100%; margin:0; padding:.3em 0} footer ul#sitemap > li:nth-child(6n+1) { margin-left:0; clear:left} footer .footertopleft { float:left} footer p { color:#555; float:left; font-size:1.2em; line-height:13px; margin-right:1em} footer ul#footnav { float:left} footer ul#footnav li { float:left; display:inline-block;padding-left:.5em; margin-left:.5em; border-left:1px solid #828282} footer ul#footnav li:first-child { padding-left:0; margin-left:0; border-left:none} footer ul#footnav li a { font-size:1.1em; color:#555; text-shadow:1px 1px 0 rgba(255,255,255,1);} footer ul#footnav li a:hover{ color:#/*B40E65*/007c63;} /* sharePoint misc */ /*******************/ .ms-WPBody { font-size:1em!important} .ms-PartSpacingVertical { margin:0} .ms-WPBorder { border-style: none; border-top-width: 0;} .ms-sbtable { font-size:1em} .ms-WPBody h2, .ms-TPBody h2 {font-weight:100} .actions { float:left; clear:both; margin-bottom:1em} .actions .ms-siteaction, .actions .ms-siteaction a { height:auto; text-shadow:none} .ms-MenuUIPopupBody {z-index:30} .ms-toolbarItem img, .ms-selectorlink img { width:auto!important; height:auto!important; float:left} /* search */ .srch-Icon img { float:left; margin-right:5px} .srch-stats, .srch-sort, .srch-sort-right, .srch-Page { font:1.2em Verdana, Geneva, sans-serif;background:none!important} .srch-stats { float:left} .srch-sort-right { float:left!important; margin:3px 0 1em} .srch-Page a {transition: none; color:#666!important; display:inline-block; text-transform:uppercase; background:#F6F6F6; padding:.3em .6em; text-align:center; border:1px solid #ccc} .srch-Page a:hover { background:#007C63; border-color:#007C63; color:#fff!important; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); text-decoration:none;} .srch-Page a:focus, .srch-Page a.focus { outline:thin dotted; outline-color:#007C63} .srch-Page a.sel { background:#007C63; border-color:#007C63; color:#fff!important; font-weight:bold; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); } .srch-Metadata { margin-bottom:0!important; display: block; padding: 0 0 0.9em 0;} article a .srch-Metadata { padding: 0!important;} .srch-Metadata a { display:inline!important; border:none!important; background:none!important} .srch-WPBody article { padding:0!important} /* adv search */ .ms-advsrchHeadingText h3 { color:#1D54A6; font: 500 1.7em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif !important; margin-bottom: 1em; text-shadow: 1px 1px 0 #fff;} .advSearch { width:100%} .advSearch td { border-collapse:collapse; padding:0 5px 5px 0} .advSearch td input[type="text"] { width:98%} .advSearch td input[type="submit"] { width:auto!important; margin-top:10px; color:#fff; cursor: pointer; text-transform: uppercase;text-align: center; padding: 7px 10px;overflow: visible; border:none; display:inline-block; text-shadow:-1px -1px 0 rgba(0,0,0,.3); /*border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;*/ box-shadow:1px 1px 0 rgba(255,255,255,1); -moz-box-shadow:1px 1px 0 rgba(255,255,255,1);-webkit-box-shadow:1px 1px 0 rgba(255,255,255,1); -o-box-shadow:1px 1px 0 rgba(255,255,255,1); background: #0fa184; /* Old browsers */ background: -moz-linear-gradient(top, #20b194 0%, #20b194 50%, #0fa184 51%, #0fa184 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#20b194), color-stop(50%,#20b194), color-stop(51%,#0fa184), color-stop(100%,#0fa184)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #20b194 0%,#20b194 50%,#0fa184 51%,#0fa184 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #20b194 0%,#20b194 50%,#0fa184 51%,#0fa184 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #20b194 0%,#20b194 50%,#0fa184 51%,#0fa184 100%); /* IE10+ */ background: linear-gradient(to bottom, #20b194 0%,#20b194 50%,#0fa184 51%,#0fa184 100%); /* W3C */} .advSearch td.ms-advsrchText { font-size: 1.2em; font-weight: 600; width:0%} .noresponsive { width:960px} /* cen boss homepage */ /*******************/ .boss-homepage { background: url("../img/bg-cen-boss-homepage.jpg") no-repeat 105% 0;} .boss-homepage .row{ background: url("../img/bg-home-text.png") repeat-y 0 0;} .boss-homepage h1 { float:none} .boss-homepage p a { color:#007C63} /*layouts smaller than 481px, iPhone and mobiles*/ /*screen and (orientation:landscape)*/ @media (max-width: 480px){ /* basic styles */ a.more { background-position:right center; display:block; float:none; text-align:right; padding:.6em 15px .6em 0} a.rss { height:32px; background:url(../img/32-rss.png) no-repeat right 0px; line-height:32px; padding-right:32px} a.rss:hover { background-position:right 0px} a.rss span { display:none} .filter a.rss {margin-left:0} /*table { background:#f0f0f0} table, thead, tbody, th, td, tr { display: block; } thead tr { position: absolute; left: -9999px;} table td, table th { padding:0 0 .75em 0; float:left; border:none;} table th { clear:left; background:#f0f0f0; width:20%; padding:0 3% .75em; border-right:1px solid #ccc} table td { width:70.3%; border-left:1px solid #fff; padding-left:3%; background:#f6f6f6} table tr { overflow:hidden} table th:first-child, table th:first-child+td { padding-top:.75em; border-top:1px solid #fff;} table tr { border-bottom:1px solid #ccc;} table td a { background:url(../img/arr_link_green.png) no-repeat right center; display:block}*/ /* misc */ .col_2_3 .shadowsep, .col_1_3 .shadowsep { background-image:url(../img/shadow_separator_small.png);} /* structure */ .col_1_3,.col_2_3,.col_1_4,.col_3_4 { clear:both; margin-right:0; width:100%} .col_3_4 { margin:0 0 2em 0} header .inner, #main .inner, footer .inner { width:92%; padding-left:4%; padding-right:4%} footer .inner { padding:2em 4%} #main { padding:3em 0} #main article aside { clear:both; width:100%; margin-left:0} /* header */ header .inner { height:auto; padding-top:4.5em} header .inner a.logo { position:relative; top:0; float:left; margin-right:0} header .inner p.baseline { /*top:0; margin-top:-40px;*/ width:72%/*291px*/; clear:none/*both*/;margin-bottom:.5em} header p.baseline img { width:100%; height:auto; max-height:62px; max-width:291px} header #topnav { position:absolute; clear:both; left:0; top:0; width:100%; border-bottom:1px solid #ccc; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa, #f0f0f0); background: -moz-linear-gradient(top, #fafafa, #f0f0f0); background: -ms-linear-gradient(top, #fafafa, #f0f0f0); background: -o-linear-gradient(top, #fafafa, #f0f0f0);} header #topnav li { border:none; border-right:1px solid #ccc; border-left:1px solid #fff; padding:1.1em 4%; margin:0} header #topnav li:first-child { padding-left:4%} header #topnav li a { text-decoration:none; font-size:1.3em; display:block; text-align:center; white-space:nowrap } header .inner nav a.toggleNav { text-transform:uppercase; border-top:1px solid #fff; display:block; text-decoration:none; background:rgba(246, 246, 246,.5) url(../img/arr_down.png) no-repeat 96% center; color:#333; font-size:1.5em; padding:.8em 0; text-shadow:1px 1px 0 rgba(255,255,255,1); outline:none;} header .inner nav a.toggleNav span { background:url(../img/ico_menu.png) no-repeat 4% 0; padding:0 4% 0 11%; height:17px; display:block; line-height:17px} header .inner nav a.toggleNav:hover { color:#007c63;} header .inner nav a.toggleNav:hover span { color:#007c63; background-position:4% -17px ;} header .inner nav a.toggleNav.open { background-image:url(../img/arr_up.png); } header .inner nav { position:relative; left:-4%; width:108%; border-top:1px solid #ccc; /*nowrap fix*/ overflow:visible;} header .inner nav ul { padding: 0 4% 4% 4%} header .inner nav li { float:none; width:100%; margin:0 0 2px 0; clear:both} header .inner nav li a { display:block; background:#a3a3a3 url(../img/arr_link_white.png) no-repeat 97% center; color:#fff; font-size:1.5em; padding:.8em 3%; text-shadow:-1px -1px 0 rgba(0,0,0,.3)} header .inner nav li a:hover { background-color:#8A8A8A} header .inner nav ul li.sel { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d6ea6), color-stop(100%,#164b86)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1d6ea6, #164b86); background: -moz-linear-gradient(top, #1d6ea6, #164b86); background: -ms-linear-gradient(top, #1d6ea6, #164b86); background: -o-linear-gradient(top, #1d6ea6, #164b86);} header .inner nav ul li.sel a,header .inner nav ul li.sel a:hover { background:url(../img/arr_link_white.png) no-repeat 97% center; color:#fff; text-shadow:-1px -1px 0 rgba(0,0,0,.5)} header #search { display:inline-block; position:static; width:100%; clear:both; margin:1em 0} header #search input#search_txt { width: 77.3%; padding:11px .65px; margin:0;} header .shadow { display:none} /* leftnav */ #main nav#leftnav ul { border-bottom:none} #main nav#leftnav li ul { padding-bottom:0} #main nav#leftnav li a { padding: 1em 3% 1em 0; background-position:right center } #main nav#leftnav li.sel a, #main nav#leftnav li li a, #main nav#leftnav li.sel li a { padding: 1em 3% 1em 5%;background-position:96% center;} #main nav#leftnav li li a, #main nav#leftnav li.sel li a { background-position:96% center; border-top: 1px solid #FAFAFA; border-bottom: 1px solid #d3d3d3 } #main nav#leftnav li.sel > a { padding-left:3%} #main nav#leftnav li li:first-child a, #main nav#leftnav li.sel li:first-child a { border-top:none; padding-top:0} #main nav#leftnav li:last-child a, #main nav#leftnav li li:last-child a, #main nav#leftnav li.sel li:last-child a { border-bottom:none} #main nav#leftnav li.sel li.sel ul { background:#f9F9F9;} #main nav#leftnav li.sel li.sel li, #main nav#leftnav li.sel li.sel li:hover, #main nav#leftnav li.sel li.sel li { background:#f9F9F9;} #main nav#leftnav li.sel li.sel li { border-top:1px solid #fff; border-bottom:1px solid #e7e7e7} #main nav#leftnav li.sel li.sel li:first-child { border-top:none;} #main nav#leftnav li.sel li.sel li.sel { padding-top:0} #main nav#leftnav li.sel li.sel ul a { padding: .6em 3% .6em 3%;background-position:96% center; border:none} /* breadcrumb */ #main nav#breadcrumb { display:none; margin-bottom:2em} /* socialmedia */ .socialmedia { width:100%; text-align:center; float:none; clear:both; display:inline-block} .socialmedia h5 { float:none; display:block; line-height:32px} .socialmedia ul { float:none; display:inline-block} .socialmedia ul li { float:none; display:inline-block} #main .socialmedia { margin-bottom:1em; background:#f2f2f2; padding:1em 0} #main .socialmedia ul { margin-bottom: 0 !important;} .socialmedia ul li a { width:32px; height:32px; background-position:0 0; background:url(../img/socialicons_32.png); background-repeat:no-repeat} .socialmedia ul li a.facebook { background-position:0 0;} .socialmedia ul li a.twitter { background-position:-42px 0;} .socialmedia ul li a.linkedin { background-position:-83px 0;} .socialmedia ul li a.googleplus { background-position:-125px 0;} .socialmedia ul li a.youtube { background-position:-167px 0;} .socialmedia ul li a.print { display:none} /* section news */ section.news.block { margin-right:0} ul.nav-inline { display:none} select.navigationDropdown { margin-bottom:1em; padding:.5em; width:100%;} .filter select.navigationDropdown { width:38%} .filter select#navigationDropdown0 { float:left} .filter .sort { width:47%; margin-right:1%} .filter .sort select.navigationDropdown { width:61%} .filter .sort span.lbl { width:39%} .filter-bottom { margin:.5em 0 0 0; width:100%; float:none} /* article */ #main figure img { width:100%; max-width:none} #main article ul li { padding:0} #main article ul li a { display:block; text-decoration:none; background:url(../img/arr_link_green.png) no-repeat right center; border-top:1px solid #fafafa; border-bottom:1px solid #d3d3d3; padding:.6em 11px .6em 0} #main article ul li a:hover { text-decoration:underline} #main article ul li:first-child a { border-top:none;} #main article ul li:last-child a { border-bottom:none; padding-bottom:0} #main article #contact ul { margin-bottom:0} #main article #contact ul li { padding-left:0; background:none} /* block */ .block { margin-bottom:2em} .block footer { padding-top:0} /* slider */ section.slider { margin-bottom:2em} section.slider .flexslider .layer { width:95%; padding:2.5%; clear:both; position:static; background:rgba(0,0,0,.75)} section.slider .flexslider .layer h2 { font-size:1.7em} section.slider .flexslider .layer p { font-size:1.3em} section.slider .flex-direction-nav a { bottom:41%} section.slider .flexslider .shadow { display:none} /* accordion */ .col_3_4 .accordion h2 { font-size:1.7em; padding:1em 0; background:none} .block .accordion ul li a {background:url(../img/arr_link.png) no-repeat 96% center;} .block .accordion ul li a:hover {background:rgba(239, 244, 243,.3) url(../img/arr_link_green.png) no-repeat 96% center;} /* sitemap */ #main ul.sitemap ul { margin-bottom:0!important} #main ul.sitemap li:first-child { border-top:1px solid #d3d3d3;} #main ul.sitemap li li:last-child { border-bottom:none;} #main ul.sitemap li li li:first-child { margin-top:.85em} #main ul.sitemap li li li:last-child { padding-bottom:0} #main ul.sitemap li { clear:both; display:block; background:url(../img/arr_link.png) no-repeat right 1.3em; border-bottom:1px solid #d3d3d3;} #main ul.sitemap li:hover { background-image:url(../img/arr_link_green.png)} #main ul.sitemap li li { padding:.85em 0 .85em 10px; } #main ul.sitemap li a { font-size:1.1em; padding:.85em 0 .85em 0; display:block; font-family:"Trebuchet MS", Verdana, Arial, sans serif;} #main ul.sitemap li a:first-child { float:left} #main ul.sitemap li li a:first-child { float:none} #main ul.sitemap li li a { padding:0} #main ul.sitemap li img { float:left; margin:4px 6px 0 0 } #main ul.sitemap li a:hover, #main ul.sitemap li a:focus { color:#007C63; text-decoration:none} #main ul.sitemap li span { font-size:1.1em} #main ul.sitemap li span.sel { color:#007C63;} /* acronyms */ body #main ul.acronyms li { float:left; background:none!important; padding-left:0!important; width:9.5%!important; margin:0 1.61% 1.61% 0!important} body #main ul.acronyms li a { padding:.5em 0} /* pagination */ #main div.pagination { text-align:center; float:none} #main div.pagination ul, #main div.pagination li { float:none; display:inline-block} /* fieldset */ /************/ fieldset div { margin-bottom:1.2em} fieldset .error { margin-bottom:1.2em; margin-left:0} fieldset label { width:94%; margin:0 0 .75em 0; } fieldset label span { float:none; position:static; margin-left:3px;} fieldset input { width:94%!important; padding:.85em .65em} fieldset select { width:98%!important; padding:.85em .65em} fieldset textarea { width:94%!important; padding:.85em .65em} fieldset .cb table { width:100%; clear:both} fieldset .cb tr td label { width:91%;} fieldset div.btn input { float:right; padding: 8px 15px; margin:0 1% 0} /* footer */ footer .footertopleft { float:none} footer ul#sitemap { margin-top:6em; width:100%;} footer ul#sitemap > li { width:100%!important; margin-left:0; clear:both} footer ul#sitemap > li:nth-child(n+2) { margin-top:0em} footer ul#sitemap li h5 { margin-bottom:0; font-size:1.3em; border-bottom:1px solid #fff; position:relative; padding-left:32px} footer ul#sitemap li h5.open { border-bottom:none} footer ul#sitemap li h5 span.toggleSitemap { display:inline-block; float:left; background: url(../img/arr_down.png) no-repeat left center; border-bottom:1px solid #d3d3d3; width:32px; height:37px; position:absolute; bottom:0; left:0} footer ul#sitemap li h5.open span.toggleSitemap { background-image:url(../img/arr_up.png)} footer ul#sitemap li li { padding:0} footer ul#sitemap li ul { clear:both} footer ul#sitemap li a { display:block; background:url(../img/arr_link.png) no-repeat right center; border-bottom:1px solid #d3d3d3; padding:.85em 11px .85em 0; font-size:1.3em} footer ul#sitemap li li a { border-top:1px solid #fafafa; padding-left:32px} footer ul#sitemap li a:hover { background-image:url(../img/arr_link_green.png); text-decoration:none;} footer ul#sitemap li li:last-child a { border-bottom:none; margin-bottom:1em} footer ul#footnav { margin-right:0; margin-bottom:0.8em; clear:left; width:100%; text-align:center} footer ul#footnav li { float:none} footer p { float:none; margin-right:0; text-align:center} /* sharePoint misc */ /*******************/ .srch-Page { text-align:center} } /* layout smaller than 801px, iPad or mobile 800 landscape */ @media (max-width: 800px) { /* basic styles */ /*a.rss { height:32px; background:url(../img/ico_rss_32.png) no-repeat right -32px; line-height:32px; padding-right:40px} a.rss:hover { background-position:right -32px}*/ /* header */ header .inner { height:14em; padding-top:1em; overflow:visible} header .inner a.logo { position:relative; top:0.5em; float:left; margin-right:0} header p.baseline { top: 0.45em; width:190px} /* topnav */ header #topnav { position:static; margin:.5em 0 1em; float:right; width:auto; border-top:1px solid #ccc; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #ccc; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa, #f0f0f0); background: -moz-linear-gradient(top, #fafafa, #f0f0f0); background: -ms-linear-gradient(top, #fafafa, #f0f0f0); background: -o-linear-gradient(top, #fafafa, #f0f0f0);} header #topnav li { margin:0; float:left; border-top:1px solid #fff; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #fff; padding:1.1em .8em} header #topnav li:first-child { padding-left:.8em; border-left:1px solid #fff} header #topnav li a { text-decoration:none; font-size:1.3em; display:inline-block; text-align:center; white-space:nowrap; text-align:center } /* nav */ header .inner nav a.toggleNav { text-transform:uppercase; border-top:1px solid #fafafa; border-right:1px solid #ccc; border-bottom:1px solid #d6d6d6; border-left:1px solid #fafafa; display:block; text-decoration:none; background:rgba(246,246, 246, .9) url(../img/arr_down.png) no-repeat 96% center; color:#333; font-size:1.5em; padding:.8em 0; text-shadow:1px 1px 0 rgba(255,255,255,1); outline:none} header .inner nav a.toggleNav span { background:url(../img/ico_menu.png) no-repeat 4% 0; padding:0 4% 0 11%; height:17px; display:block; line-height:17px} header .inner nav a.toggleNav:hover { color:#007c63;} header .inner nav a.toggleNav:hover span { color:#007c63; background-position:4% -17px ;} header .inner nav a.toggleNav.open { background-image:url(../img/arr_up.png); } header .inner nav { top:9em; bottom:auto; z-index:1500; clear:left; width:50%; border-top:1px solid #ccc; border-right:1px solid #fafafa; border-bottom:1px solid #f6f6f6; border-left:1px solid #ccc; /*nowrap fix*/ overflow:visible;} header .inner nav ul { display:none; position:relative; top:-.1em; padding: 3%; background:rgba(246,246,246,.9); box-shadow:0 2px 5px rgba(0,0,0,.15); -moz-box-shadow:0 2px 5px rgba(0,0,0,.15);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.15); -o-box-shadow:0 2px 5px rgba(0,0,0,.15)} header .inner nav li { float:none; width:100%; margin:0 0 2px 0; clear:both} header .inner nav li a { display:block; background:#a3a3a3 url(../img/arr_link_white.png) no-repeat 97% center; color:#fff; font-size:1.5em; padding:.8em 3%; text-shadow:-1px -1px 0 rgba(0,0,0,.3)} header .inner nav li a:hover { background-color:#8A8A8A} header .inner nav ul li.sel { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d6ea6), color-stop(100%,#164b86)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1d6ea6, #164b86); background: -moz-linear-gradient(top, #1d6ea6, #164b86); background: -ms-linear-gradient(top, #1d6ea6, #164b86); background: -o-linear-gradient(top, #1d6ea6, #164b86);} header .inner nav ul li.sel a,header .inner nav ul li.sel a:hover { background:url(../img/arr_link_white.png) no-repeat 97% center; color:#fff; text-shadow:-1px -1px 0 rgba(0,0,0,.5)} header .shadow { display:none} /* search */ header #search { top:9.7em} /* misc */ .col_2_3 .shadowsep, .col_1_3 .shadowsep { background-image:url(../img/shadow_separator.png);} /* structure */ .col_1_3,.col_2_3,.col_1_4,.col_3_4 { clear:both; margin-right:0; width:100%} .col_3_4 .col_1_3 { width:31.91%;} .col_3_4 { margin:0 0 3em 0} /* header */ header #search {width: 42.58%} header #search input#search_txt { width:76.5%; padding:11px .65px; margin:0;} header nav ul li a { padding:11px 6px; font-size:1.3em} /* main */ #main { padding-top:2em} ul.nav-inline.newspage { margin-bottom:1em; float:left; padding: 0 10px 4px 6px !important} #main ul.nav-inline.newspage a { line-height:140%} /* leftnav */ #main nav#leftnav ul { border-bottom:none} #main nav#leftnav li ul { padding-bottom:0} #main nav#leftnav li a { padding: .6em 3% .6em 1%; background:url(../img/arr_link.png) no-repeat 96% center;} #main nav#leftnav li.sel a, #main nav#leftnav li li a, #main nav#leftnav li.sel li a { padding: .6em 3% .6em 1%;background-position:96% center;} #main nav#leftnav li.sel li a { padding: .6em 3%;} #main nav#leftnav li li a, #main nav#leftnav li.sel li a { background-position:96% center; border-top: 1px solid #FAFAFA; border-bottom: 1px solid #d3d3d3 } #main nav#leftnav li li:first-child a, #main nav#leftnav li.sel li:first-child a { border-top:none; padding-top:0} #main nav#leftnav li:last-child a, #main nav#leftnav li li:last-child a, #main nav#leftnav li.sel li:last-child a { border-bottom:none} #main nav#leftnav li.sel li.sel ul { background:#f9F9F9;} #main nav#leftnav li.sel li.sel li, #main nav#leftnav li.sel li.sel li:hover, #main nav#leftnav li.sel li.sel li { background:#f9F9F9;} #main nav#leftnav li.sel li.sel li, #main nav#leftnav li li.sel li.sel ul li:first-child { border-top:1px solid #fff; border-bottom:1px solid #e7e7e7} #main nav#leftnav li.sel li.sel li:first-child { border-top:none;} #main nav#leftnav li.sel li.sel li.sel { padding-top:0} #main nav#leftnav li.sel li.sel ul a { padding: .6em 3% .6em 3%;background-position:96% center; border:none} #main nav#leftnav li.sel li.sel li:first-child {border-top:1px solid #e7e7e7} #main nav#leftnav li.sel li.sel li:first-child div {border-top:1px solid #fff;} #main nav#leftnav li.sel li.sel li div { border-bottom: 1px solid #e7e7e7} #main nav#leftnav li.sel li.sel li:first-child li div { border:none} #main nav#leftnav li li.sel li.sel ul li:first-child {border-top:1px solid #fff} /* breadcrumb */ #main nav#breadcrumb { margin-bottom:2em; display:none; } /* socialmedia */ #main .socialmedia { margin-bottom:1.5em; background:#f2f2f2; padding:1em 0; width:100%; text-align:center; position:static} #main .socialmedia ul { float:none; display:inline-block; margin-bottom:0!important} #main .socialmedia ul li { float:none; display:inline-block} .socialmedia ul li a { width:32px; height:32px; background-position:0 0; background:url(../img/socialicons_32.png); background-repeat:no-repeat} .socialmedia ul li a.facebook { background-position:0 0;} .socialmedia ul li a.twitter { background-position:-42px 0;} .socialmedia ul li a.linkedin { background-position:-83px 0;} .socialmedia ul li a.googleplus { background-position:-125px 0;} .socialmedia ul li a.youtube { background-position:-167px 0;} .socialmedia ul li a.print { display:none} /* blue input button */ input.blue { float:right; margin:1em 0 0 .5em} /* accordion */ .block .accordion ul li a {background:url(../img/arr_link.png) no-repeat 96% center;} .block .accordion ul li a:hover {background:rgba(239, 244, 243,.3) url(../img/arr_link_green.png) no-repeat 96% center;} /* article */ #main figure img { width:100%; max-width:none} #main article ul li { padding:0} #main article ul li a { display:block; text-decoration:none; background:url(../img/arr_link_green.png) no-repeat right center; border-top:1px solid #fafafa; border-bottom:1px solid #d3d3d3; padding:.6em 11px .6em 0} #main article ul li a:hover { text-decoration:underline} #main article ul li:first-child a { border-top:none;} #main article ul li:last-child a { border-bottom:none; padding-bottom:0} #main article #contact ul { margin-bottom:0} #main article #contact ul li a { padding-right:0; background:none} /* tabs */ .ui-tabs .ui-tabs-nav li a { padding:1em;} /* sitemap */ #main ul.sitemap ul { margin-bottom:0!important} #main ul.sitemap li:first-child { border-top:1px solid #d3d3d3;} #main ul.sitemap li li:last-child { border-bottom:none;} #main ul.sitemap li li li:first-child { margin-top:.85em} #main ul.sitemap li li li:last-child { padding-bottom:0} #main ul.sitemap li { clear:both; display:block; background:url(../img/arr_link.png) no-repeat right 1.3em; border-bottom:1px solid #d3d3d3;} #main ul.sitemap li:hover { background-image:url(../img/arr_link_green.png)} #main ul.sitemap li li { padding:.85em 0 .85em 10px; } #main ul.sitemap li a { font-size:1.1em; padding:.85em 0 .85em 0; display:block; font-family:"Trebuchet MS", Verdana, Arial, sans serif;} #main ul.sitemap li a:first-child { float:left} #main ul.sitemap li li a:first-child { float:none} #main ul.sitemap li li a { padding:0} #main ul.sitemap li img { float:left; margin:4px 6px 0 0 } #main ul.sitemap li a:hover, #main ul.sitemap li a:focus { color:#007C63; text-decoration:none} #main ul.sitemap li span { font-size:1.1em} #main ul.sitemap li span.sel { color:#007C63;} /* footer */ footer ul#sitemap { margin-top:7em;} footer ul#sitemap > li { width:31.25%!important;} footer ul#sitemap > li:nth-child(4n) { margin-left:0; clear:left} footer ul#sitemap > li:nth-child(n+4) { margin-top:3em} footer ul#footnav { clear:left}/* cen boss homepage */ /* boss homepage */ /*****************/ #main.boss-homepage { background: none} #main.boss-homepage .inner{ background: none;} } /* layouts smaller than 601px */ @media (max-width: 600px){ /* basic styles */ a.rss { height:32px; background:url(../img/32-rss.png) no-repeat right 0px; line-height:32px; padding-right:32px} a.rss:hover { background-position:right 0px} a.rss span { display:none} .filter a.rss {margin-left:0} /* structure */ .col_1_3,.col_2_3,.col_1_4,.col_3_4 { clear:both; margin-right:0; width:100%} .col_3_4 { margin:0 0 2em 0} header .inner, #main .inner, footer .inner { width:92%; padding-left:4%; padding-right:4%} footer .inner { padding:2em 4%} #main { padding:3em 0} #main article aside { clear:both; width:100%; margin-left:0} /* header */ header .inner { padding-top:4.5em; height:auto; overflow:hidden} header .inner a.logo { position:relative; top:0; float:left; margin-right:0} header p.baseline { height: 61px; margin-bottom: 0; top: 0; width: 291px} header p.baseline img { width:100%; height:auto;} header #topnav { margin-top:0; position:absolute; clear:both; left:0; top:0; width:100%; border:none; border-bottom:1px solid #ccc; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa, #f0f0f0); background: -moz-linear-gradient(top, #fafafa, #f0f0f0); background: -ms-linear-gradient(top, #fafafa, #f0f0f0); background: -o-linear-gradient(top, #fafafa, #f0f0f0);} header #topnav li { border:none; border-right:1px solid #ccc; border-left:1px solid #fff; padding:1.1em 4%; margin:0} header #topnav li:first-child { padding-left:4%; border-left:none} header #topnav li a { text-decoration:none; font-size:1.3em; display:block; text-align:center; white-space:nowrap } header .inner nav a.toggleNav { text-transform:uppercase;border:none; border-top:1px solid #fff; display:block; text-decoration:none; background:rgba(246, 246, 246,.5) url(../img/arr_down.png) no-repeat 96% center; color:#333; font-size:1.5em; padding:.8em 0; text-shadow:1px 1px 0 rgba(255,255,255,1); outline:none;} header .inner nav a.toggleNav span { background:url(../img/ico_menu.png) no-repeat 4% 0; padding:0 4% 0 11%; height:17px; display:block; line-height:17px} header .inner nav a.toggleNav:hover { color:#007c63;} header .inner nav a.toggleNav:hover span { color:#007c63; background-position:4% -17px ;} header .inner nav a.toggleNav.open { background-image:url(../img/arr_up.png); } header .inner nav { position:relative; left:-4%; width:108%; top:0; border:none; border-top:1px solid #ccc;} header .inner nav ul { padding: 0 4% 4% 4%; background:none; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none; top:auto} header .inner nav li { float:none; width:100%; margin:0 0 2px 0; clear:both} header .inner nav li a { display:block; background:#a3a3a3 url(../img/arr_link_white.png) no-repeat 97% center; color:#fff; font-size:1.5em; padding:.8em 3%; text-shadow:-1px -1px 0 rgba(0,0,0,.3)} header .inner nav li a:hover { background-color:#8A8A8A} header .inner nav ul li.sel { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d6ea6), color-stop(100%,#164b86)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1d6ea6, #164b86); background: -moz-linear-gradient(top, #1d6ea6, #164b86); background: -ms-linear-gradient(top, #1d6ea6, #164b86); background: -o-linear-gradient(top, #1d6ea6, #164b86);} header .inner nav ul li.sel a,header .inner nav ul li.sel a:hover { background:url(../img/arr_link_white.png) no-repeat 97% center; color:#fff; text-shadow:-1px -1px 0 rgba(0,0,0,.5)} header #search { display:inline-block; position:static; width:100%; clear:both; margin:1em 0} header #search input#search_txt { width: 77.3%; padding:11px .65px; margin:0;} header .shadow { display:none} /* socialmedia */ #main .socialmedia ul { margin-bottom: 0 !important;} .socialmedia { width:100%; text-align:center; float:none; clear:both; display:inline-block; position:static} .socialmedia h5 { float:none; display:block; line-height:32px} .socialmedia ul { float:none; display:inline-block} .socialmedia ul li { float:none; display:inline-block} /* section news */ section.news.block { margin-right:0} ul.nav-inline { display:none} select.navigationDropdown { margin-bottom:1em; padding:.5em; width:100%;} select#navigationDropdown0 { float:left} .filter select.navigationDropdown { width:41%} .filter .sort { width:40%; margin-right:1%} .filter .sort select.navigationDropdown { width:61%} .filter .sort span.lbl { width:39%; white-space:nowrap} .filter-bottom { margin:.5em 0 0 0; width:100%; float:none} /* breadcrumb */ #main nav#breadcrumb { margin-bottom:2em; display:none; } /* tabs */ .ui-tabs .ui-tabs-nav li a { padding:1em;} /* accordion */ .block .accordion ul li a {background:url(../img/arr_link.png) no-repeat 96% center;} .block .accordion ul li a:hover {background:rgba(239, 244, 243,.3) url(../img/arr_link_green.png) no-repeat 96% center;} /* article */ #main article #contact ul { margin-bottom:0} #main article #contact ul li { padding-left:0; background:none} /* sitemap */ #main ul.sitemap ul { margin-bottom:0!important} #main ul.sitemap li:first-child { border-top:1px solid #d3d3d3;} #main ul.sitemap li li:last-child { border-bottom:none;} #main ul.sitemap li li li:first-child { margin-top:.85em} #main ul.sitemap li li li:last-child { padding-bottom:0} #main ul.sitemap li { clear:both; display:block; background:url(../img/arr_link.png) no-repeat right 1.3em; border-bottom:1px solid #d3d3d3;} #main ul.sitemap li:hover { background-image:url(../img/arr_link_green.png)} #main ul.sitemap li li { padding:.85em 0 .85em 10px; } #main ul.sitemap li a { font-size:1.1em; padding:.85em 0 .85em 0; display:block; font-family:"Trebuchet MS", Verdana, Arial, sans serif;} #main ul.sitemap li a:first-child { float:left} #main ul.sitemap li li a:first-child { float:none} #main ul.sitemap li li a { padding:0} #main ul.sitemap li img { float:left; margin:4px 6px 0 0 } #main ul.sitemap li a:hover, #main ul.sitemap li a:focus { color:#007C63; text-decoration:none} #main ul.sitemap li span { font-size:1.1em} #main ul.sitemap li span.sel { color:#007C63;} /* acronyms */ #main ul.acronyms li { float:left; background:none!important; padding-left:0!important; width:6%!important; margin:0 1.69% 1.69% 0!important} /* pagination */ #main div.pagination { text-align:center; float:none} #main div.pagination ul, #main div.pagination li { float:none; display:inline-block} /* fieldset */ /************/ fieldset div { margin-bottom:1.2em} fieldset .error { margin-bottom:1.2em; margin-left:0} fieldset label { width:95%; margin:0 0 .75em 0; } fieldset label span { float:none; position:static; margin-left:3px} fieldset input { width:95.5%; padding:.85em .65em} fieldset select { width:99%!important; padding:.85em .65em} fieldset textarea { width:95.5%; padding:.85em .65em} fieldset .cb table { width:100%; clear:both} fieldset .cb tr td label { width:91%;} fieldset div.btn input { float:right; padding: 8px 15px; margin:0 1% 0} /* footer */ footer .footertopleft { float:none} footer ul#sitemap { margin-top:2em; width:100%;} footer ul#sitemap > li { width:100%!important; margin-left:0; margin-bottom:0; clear:both} footer ul#sitemap > li:nth-child(n+2) { margin-top:0em} footer ul#sitemap li h5 { margin-bottom:0; font-size:1.3em; border-bottom:1px solid #fff; position:relative; padding-left:32px} footer ul#sitemap li h5.open { border-bottom:none} footer ul#sitemap li h5 span.toggleSitemap { display:inline-block; float:left; background: url(../img/arr_down.png) no-repeat left center; border-bottom:1px solid #d3d3d3; width:32px; height:37px; position:absolute; bottom:0; left:0} footer ul#sitemap li h5.open span.toggleSitemap { background-image:url(../img/arr_up.png)} footer ul#sitemap li li { padding:0} footer ul#sitemap li ul { clear:both} footer ul#sitemap li a { display:block; background:url(../img/arr_link.png) no-repeat right center; border-bottom:1px solid #d3d3d3; padding:.85em 11px .85em 0; font-size:1.3em} footer ul#sitemap li li a { border-top:1px solid #fafafa; padding-left:32px} footer ul#sitemap li a:hover { background-image:url(../img/arr_link_green.png); text-decoration:none;} footer ul#sitemap li li:last-child a { border-bottom:none; margin-bottom:1em} footer ul#footnav { margin-right:0; margin-bottom:0.8em; clear:left; width:100%; text-align:center} footer ul#footnav li { float:none} footer p { float:none; margin-right:0; text-align:center} /* sharePoint misc */ /*******************/ .srch-Page { text-align:center} /* adv search */ .advSearch td input[type="text"] { width:97%} } /*layout biggert than 769px, smaller than 1024px*/ @media screen and (min-width: 769px) and (max-width: 1024px) { /* header */ header #search input#search_txt { width:72.2%} /* nav */ header nav ul li a { padding:11px 6px;} } /*layouts bigger than 1280px*/ @media screen and (min-width: 1280px) { /* basic styles */ table .small { width:20%} /* header */ header #search input#search_txt { width:74.6%} /* nav */ header nav ul li a { padding:11px 9px; font-size:1.5em} /* fieldset */ fieldset input { width:50%!important} fieldset select { width:52%!important} }