@charset "UTF-8";
@media all{*{margin:0; padding:0}
option{padding-left:0.4em}
select{padding:1px}
* html body *{overflow:visible}
body{font-size:100.01%; background:#fff; color:#000; text-align:left}
div{outline:0 none}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block}
fieldset, img{border:0 solid}
ul, ol, dl{margin:0 0 1em 1em}
li{line-height:1.5em; margin-left:0.8em}
dt{font-weight:bold}
dd{margin:0 0 1em 0.8em}
blockquote{margin:0 0 1em 0.8em}
blockquote:before, blockquote:after, q:before, q:after{content:""}
.clearfix:after{clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden}
.clearfix{display:block}
.floatbox{display:table; width:100%}
#ie_clearing{display:none}
.skip, .hideme, .print{position:absolute; top:-32768px; left:-32768px}
.skip:focus, .skip:active{position:static; top:0; left:0}
#skiplinks{position:absolute; top:0px; left:-32768px; z-index:1000; width:100%; margin:0; padding:0; list-style-type:none}
#skiplinks a.skip:focus, #skiplinks a.skip:active{left:32768px; outline:0 none; position:absolute; width:100%}
}
@media screen, projection{#col1{float:left; width:20%}
#col2{float:right; width:20%}
#col3{width:auto; margin:0 20%}
#col1_content, #col2_content, #col3_content{position:relative}
.subcolumns{display:table; width:100%; table-layout:fixed}
.subcolumns_oldgecko{width:100%; float:left}
.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l{float:left}
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r{float:right; margin-left:-5px}
.c20l, .c20r{width:20%}
.c40l, .c40r{width:40%}
.c60l, .c60r{width:60%}
.c80l, .c80r{width:80%}
.c25l, .c25r{width:25%}
.c33l, .c33r{width:33.333%}
.c50l, .c50r{width:50%}
.c66l, .c66r{width:66.666%}
.c75l, .c75r{width:75%}
.c38l, .c38r{width:38.2%}
.c62l, .c62r{width:61.8%}
.subc{padding:0 0.5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.equalize, .equalize .subcolumns{table-layout:fixed}
.equalize >div{display:table-cell; float:none; margin:0; overflow:hidden; vertical-align:top}
}
@media print{.subcolumns,.subcolumns >div{overflow:visible; display:table}
.print{position:static; left:0}
.noprint{display:none !important}
}
@media screen, projection{body{overflow-y:scroll}
body{background-color:#568798; padding:20px 0}
.page_margins{margin:0 auto}
.page_margins{width:924px}
.page{padding:10px 12px 20px 12px; background-color:#fff; position:relative}
#header{position:relative; padding:0; color:#000; background:#fff}
#banner{background-image:url(/images/site/CAT20190p.jpg); background-position:left top; background-repeat:no-repeat; height:130px}
#topnav{position:absolute; top:10px; right:10px; text-align:right; color:#aaa; background:transparent}
#nav{overflow:hidden; border-top:1px solid #568798; position:static; z-index:20}
#main{background-color:#fff; border-top:1px solid #023; border-top:1px solid #543; padding:15px 0 0 0; background-image:url(/images/site/OSP.jpg); background-repeat:no-repeat; background-position:20px bottom; position:relative; z-index:1}
#footer{padding:8px 12px}
#nav ul{margin-left:20px}
#col1{float:left; width:220px}
#col2{display:none}
#col3{width:auto; margin:0 0 0 220px}
#col1_content{padding:4px 15px 150px 22px}
#col3_content{padding:0 30px 0 20px}
}
@media all{    html *{font-size:100.01%}
textarea, pre, code, kbd, samp, var, tt{ font-family:Consolas,"Lucida Console","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier}
body{ font-family:Arial,Helvetica,sans-serif;  font-size:75.00%;  color:#023; line-height:1.4}
h1, h2, h3, h4, h5, h6{font-weight:bold; margin:0 0 0.25em 0; color:#023} 
h1{font-size:160%;  font-weight:normal; color:#605070}
h2{font-size:125%; margin:0 0 0.2em 0; color:#256}
h3{font-size:110%; color:#865}
h4{font-size:100%}
h5{font-size:100%}
h6{font-size:100%}
div#col1_content h2{color:#605070}
div#col1_content h3{color:#256; font-size:120%}
ul, ol, dl{line-height:1.5em; margin:0 0 1em 1em}
ul{list-style-type:disc}
ul ul{list-style-type:circle; margin-bottom:0}
ol{list-style-type:decimal}
ol ol{list-style-type:lower-latin; margin-bottom:0}
ol.alpha{list-style-type:upper-alpha}
li{margin-left:0.8em; line-height:1.5em}
dt{font-weight:bold}
dd{margin:0 0 1em 0.8em}
ul.sitemap, ul.sitemap ul{padding:0; margin:0; list-style:none}
ul.sitemap li{ margin-left:0;  line-height:1.8}
ul.sitemap ul{margin-left:1em}
ul.sitemap li a{font-weight:bold}
p{line-height:1.5em; margin:0 0 1em 0}
blockquote, cite, q{ font-family:Georgia,"Times New Roman",Times,serif;  font-style:italic}
blockquote{margin:0 0 1em 1.6em; color:#666}
strong, b{font-weight:bold}
em, i{font-style:italic}
big{font-size:116.667%}
small{font-size:91.667%}
pre{line-height:1.5em; margin:0 0 1em 0}
pre, code, kbd, tt, samp, var{font-size:100%}
pre, code{color:#800}
kbd, samp, var, tt{color:#666; font-weight:bold}
var, dfn{font-style:italic}
acronym, abbr{ border-bottom:1px #aaa dotted;  font-variant:small-caps;  letter-spacing:.07em;  cursor:help}
sub{vertical-align:sub; font-size:smaller}
sup{vertical-align:super; font-size:smaller}
hr{ color:#fff;  background:transparent;  margin:0 0 0.5em 0;  padding:0 0 0.5em 0;  border:0;  border-bottom:1px #eee solid}
a, a:link{color:#568798; background:transparent; text-decoration:none; font-weight:bold}
a:visited{color:#568798}
a:focus, 
a:hover, 
a:active{color:#605070; outline:0 none}
p.icaption_left{float:left; display:inline; margin:0 1em 0.15em 0}
p.icaption_right{float:right; display:inline; margin:0 0 0.15em 1em}
p.icaption_left img, 
p.icaption_right img{padding:0; border:1px #888 solid}
p.icaption_left strong, 
p.icaption_right strong{display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%}
.highlight{color:#c30}
.dimmed{color:#888}
.info{background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%}
.note{background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em}
.important{background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em}
.warning{background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em}
.float_left{float:left; display:inline; margin-right:1em; margin-bottom:0.15em}
.float_right{float:right; display:inline; margin-left:1em; margin-bottom:0.15em}
.center{display:block; text-align:center; margin:0.5em auto}
img#logo{height:130px; width:400px; margin-left:175px}
table{width:auto; border-collapse:collapse; margin-bottom:1em}
table caption{font-variant:small-caps}
table.full{width:100%}
table.fixed{table-layout:fixed}
th, td{text-align:left; vertical-align:top; padding:0 15px 20px 0}
table.style2 td{padding:0 15px 10px 0}
#accordion{width:628px}
#dialog_link{padding:.4em 1em .4em 20px; text-decoration:none; position:relative}
#dialog_link span.ui-icon{margin:0 5px 0 0; position:absolute; left:.2em; top:50%; margin-top:-8px}
ul#icons{margin:0; padding:0}
ul#icons li{margin:2px; position:relative; padding:4px 0; cursor:pointer; float:left;  list-style:none}
ul#icons span.ui-icon{float:left; margin:0 4px}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{ color:#256; font-weight:bold}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{ color:#865; font-weight:bold}
.ui-widget{ font-family:Arial,Helvetica,sans-serif;  font-size:100%}
#slideshow img{display:none}
#slideshow img.first{display:block}
#slideshow{height:298px; width:432px}
#slideshow img{padding:15px; border:1px solid #ccc; background-color:#eee}
/* HIDE FORMS FROM NON JS BROWSERS */
#browser_js_on {display:none}
}

@media screen, projection{.yform{margin:0 0 1em 0}
.yform fieldset{border:1px #ccc solid; background:#fafafa; margin:0 0 1em 0; padding:0.5em}
.yform legend{font-size:125%; font-weight:normal; color:#000}
.yform p{color:#023; padding-bottom:1px; margin-bottom:0}
.yform label{color:#023; padding-bottom:1px}
.yform label.inline{display:inline; padding-right:20px}
.yform input, 
.yform textarea, 
.yform select, 
.yform optgroup{font-family:Arial,Helvetica,sans-serif}
.yform .type-text input, 
.yform .type-text textarea, 
.yform .type-select select{border:1px solid #bbb}
.yform div.type-text input:focus, 
.yform div select:focus, 
.yform div textarea:focus, 
.yform div.type-text input:hover, 
.yform div select:hover, 
.yform div textarea:hover, 
.yform div.type-text input:active, 
.yform div select:active, 
.yform div textarea:active{border:1px #a66 solid; background:#fff}
.yform .type-button input{border-top:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid; font-weight:bold; padding:5px 1em; color:#fff; background-color:#605070}
.yform .type-button input[type=reset]{color:#fff; background-color:#605070}
.yform .type-button input[type=submit]{color:#fff; background-color:#605070}
.yform .type-button input.reset{color:#fff; background-color:#605070}
.yform .type-button input.submit{color:#fff; background-color:#605070}
.yform div.type-button input:focus, 
.yform div.type-button input:hover, 
.yform div.type-button input:active{border-top:1px #ddd solid; border-left:1px #ddd solid; border-right:1px #ccc solid; border-bottom:1px #ccc solid; background-color:#8f849b; color:#256}
.yform div.type-button input.reset:focus, 
.yform div.type-button input.reset:hover, 
.yform div.type-button input.reset:active{background-color:#8f849b; color:#256}
.yform div.type-button input.submit:focus, 
.yform div.type-button input.submit:hover, 
.yform div.type-button input.submit:active{background-color:#8f849b; color:#256}
.yform{overflow:hidden}
.yform fieldset{display:block; zoom:1}
.yform label{display:block; cursor:pointer}
.yform legend{background:transparent; border:0; padding:0 0.5em}
.yform .message{display:block; margin-bottom:0.5em; color:#023}
.yform input[type=hidden]{display:none !important}
.yform sup{color:#800; font-weight:bold}
fieldset:after, 
.yform div.type-text:after, 
.yform div.type-select:after, 
.yform div.type-check:after, 
.yform div.type-button:after{clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden}
.yform div.type-text, 
.yform div.type-select, 
.yform div.type-check, 
.yform div.type-button{display:block; margin:0 0 .7em 0; padding:3px 0; position:relative; zoom:1}
.yform div.type-button{padding:3px 0em}
.yform .type-text input, 
.yform .type-text textarea{display:block; position:relative; padding:0.3em 0.3em; width:58.5%}
.yform .type-select select{display:block; position:relative; padding:0.3em 2px 0.3em 1px; width:60%; cursor:pointer}
.yform .type-select select optgroup{font-style:normal; font-weight:bold}
.yform .type-check input{cursor:pointer}
.yform .type-check label{display:inline}
.yform .type-button input{cursor:pointer; overflow:visible;  width:auto}
.yform div.error{border:1px #a00 dashed; background:#faf4f4; padding:0.5em}
.yform div.error label{color:#000; font-weight:bold}
.yform div.error .message{color:#800}
.yform div.type-check input:focus, 
.yform div.type-check input:hover, 
.yform div.type-check input:active{border:0 none}
.full div.type-text input, 
.full div.type-text textarea{width:95.5%; margin-right:-3px}
.full div.type-select select{width:97.0%; margin-right:-3px}
* html .full div.type-text input, 
* html .full div.type-text textarea{width:95.5%}
* html .full div.type-select select{width:97.0%}
.columnar .type-text label, 
.columnar .type-select label{float:left; width:30%}
.columnar div.type-check input{margin-left:30%}
.columnar div.error .message{margin-left:30%}
.columnar fieldset div.type-button, 
fieldset.columnar div.type-button{padding-left:30%}
.columnar div.type-text input, 
.columnar div.type-text textarea{float:left; width:67.8%; margin-right:-3px}
.columnar div.type-select select{float:left; width:69.4%; margin-right:-3px}
* html .columnar div.type-text input, 
* html .columnar div.type-text textarea{width:67.2%}
* html .columnar div.type-select select{width:68.8%}
.yform, 
.yform div, 
.yform div *{zoom:1}
.yform{padding-top:0\9}
.yform fieldset{padding:0 5px\9; padding-top:1em\9}
.yform legend{position:absolute\9; top:-.5em\9; *left:0\9}
.yform fieldset{position:relative\9; overflow:visible\9;  margin-top:1.5em\9; zoom:1}
.yform legend{*padding:0 5px}
.yform fieldset{*padding-top:1.5em}
* html .yform{padding-top:10px}
div.type-button, 
div.type-text, 
div.type-check, 
div.type-select{margin-bottom:.7em}
label{display:block}
label.inline{display:inline; padding-right:20px}
p.inline label {padding-left: 20px;}
.required{color:#861010; font-weight:bold}
.pad input{margin-top:15px}
}
div#nav_main{background-color:#b6acc0; border-top:1px solid #543; overflow:hidden}
div#nav_main span.nav_pipe{padding-right:22px; margin-left:-22px; color:#543}
div#nav_main ul{padding:0; margin:0; list-style:none}
div#nav_main li{float:left; list-style:none; margin-left:0px; margin-bottom:0}
div#nav_main li a, div#nav_main li a:visited{display:block; color:#256; padding:5px 22px 5px 20px; font-weight:bold; font-size:105%}
div#nav_main li a:hover, div#nav_main li a:active, div#nav_main li a.selected{background-color:#8f849b; color:#fff}
div#nav_main li li{border-top:1px solid #543; width:165px}
div#nav_main li li a, div#nav_main li li a:visited{font-size:90%; background-color:#b6acc0; line-height:1.2; padding:6px 15px 6px 20px}
div#nav_main li li a:hover, div#nav_main li li a:active, div#nav_main li li a.selected{background-color:#8f849b}
div#nav_main li ul{position:absolute; width:165px; left:-999em; z-index:10; font-weight:normal}
div#nav_main li:hover ul, div#nav_main li.sfhover ul{left:auto}
div#nav_main li:hover, div#nav_main li.hover{position:static}
div#nav_main a:focus{outline:none}
div#nav_sub ul{margin-left:0; list-style-type:none}
div#nav_sub li{list-style-type:none; margin-left:0}
div#nav_sub li li{ list-style-type:none; margin-left:1em}
div#nav_sub h3 a, div#nav_sub h3 a:visited{color:#256}
div#nav_sub h3 a:hover, div#nav_sub h3 a:active, div#nav_sub h3 a.selected{color:#605070}
div#nav_sub li a, div#nav_sub li a:visited{ padding:2px 0 3px 0; display:block; color:#605070; line-height:1.3; font-weight:bold}
div#nav_sub li a:hover, div#nav_sub li a:active, div#nav_sub li a.selected{color:#256}
div#footer{}
div#footer p{float:left;  color:#eee; margin-bottom:0}
div#footer ul{padding:0; margin:0; margin:0 0 0 230px}
div#footer li{float:right; display:inline; list-style-type:none; margin-left:0}
div#footer a, div#footer a:visited{color:#eee}
div#footer a:hover, div#footer a:active, div#footer a.selected{color:#023}
div#footer span.nav_pipe{padding:0 10px; color:#eee}