@charset "UTF-8"; ::-webkit-input-placeholder { color:#fdb913 !important; } :-moz-placeholder { color:#fdb913 !important; } a { color:#3456b5; text-decoration:none; } a:hover, a:focus { text-decoration:underline; } a img { border:0; } a.nw { padding-right:13px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) right top no-repeat; } address { display:block; font-style:normal; padding-left:2em; } address hr { border:0; margin:0; padding:0; padding-top:1em; } body { background:url(../images/canvas-small.gif) 0 0 repeat-x #fdfaf3; font:9pt Arial, Helvetica, sans-serif; height:100%; line-height:1.6em; margin:0; padding:0; } body.lite #main { font-size:1.2em; } body.ads #body { padding-right:20px; } h1, h2, h3, h4, h5, h6 { padding:0; line-height:1.2em; margin:0 0 0.5em; clear:both; } h1 { margin:0 0 0.5em !important; font-size:24pt; } h2 { font-size:18pt; } h3 { font-size:14pt; } h4 { font-size:12pt; } html { height:100%; } hr { border:0; border-bottom:2px dotted #e3ddd2; clear:both; margin:15px 0; padding:0; } footer { background:url(../images/footer-bg.png) center bottom repeat-x #1e2022; border-top:8px solid #e3ddd2; color:white; line-height:1.4em; font-size:10pt; } input[type=search] { -webkit-appearance:textfield; -webkit-box-sizing:content-box; } nav ul { list-style:none; margin:0; padding:0; } p { margin:0; padding:0 0 1em; } p.strong { text-transform:uppercase; } p.stronger { font-weight:bold; } p.bigem { color:#666; font-size:1.2em; font-style:italic; } section ::-webkit-input-placeholder { color:#999 !important; } section :-moz-placeholder { color:#999 !important; } ul { margin:0; padding-bottom:1em; } #ads { margin:0; padding:0; list-style:none; } #ads li { float:left; display:none; } #betabar { background:url(../images/beta.png) 0 0 repeat-x red; display:inline-block; width:960px; position:absolute; top:43px; text-align:center; color:white; font-weight:bold; font-size:12pt; text-transform:uppercase; padding:10px; border:2px solid #900; left:50%; margin-left:-480px; } #body { color:#333; clear:both; height:auto; padding:5%; overflow:hidden; } #canvas { clear:both; margin-top:4px; height:63px; width:100%; float:left; } #canvas h1 { padding:10px 5% 0 5%; margin:0 !important; width:auto; height:51px; color:#393C42; text-shadow:-1px 1px #969591; font:800 28pt "Open Sans", Arial, Helvetica, sans-serif !important; margin:7px 20px; color:#393C42; text-shadow:-1px 1px #969591; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center; } #cap { height:102px; clear:both; } #company span { font-style:normal; padding-right:7px; margin-right:2px } #company-name, #company-street { border-right:1px dotted #000; } #container { min-height:100%; height:auto !important; height:100%; margin:0 auto -110px; min-width:320px; width:100%; max-width:960px;/* max-width:1216px;*/ } #cpanel { display:none; } #disclaimer { background:url(../images/footer.png) center 0 no-repeat; height:82px; margin:0 auto; text-align:center; color:#000; padding:10px; max-width:960px; } #footer { background:#1e2022; max-width:960px; margin:0 auto;height:auto; overflow:hidden; color:white; clear:both; } #footer > div { padding-top:20px; } #links-affiliates { float:left; list-style:none; margin:10px 0 0; padding:0; } #links-affiliates li { float:left; margin-right:10px; } #links-affil-pbs, #links-affil-wnit, #links-other, #company, #terms-note, #like, #company-name, #logo-pbs img, #menu .whole, .yui-overlay, .yui-panel-container { display:none; } #logo { background:url(../images/logo-small.png) 0 -10px no-repeat; float:left; margin:0 0 0 10px; padding:0; position:absolute; left:0; top:0; height:42px; width:65px; } #logo img { height:111px; display:none; } #main { height:auto; overflow:hidden; } #menu { margin:0; padding:0; float:right; margin-top:0px; line-height:16px; } #menu-heading { background:url(../images/menu.png) -1143px 1px no-repeat; float:right; width:56px; height:43px; padding-left:30px; text-decoration:none; } #menu-heading h2 { font-weight:normal; color:white; font-size:1.2em; padding:12px 5px; margin:0; } #menu .compact { display:none; background:url(../images/menu.png) -952px bottom no-repeat; position:absolute; width:191px; height:auto; overflow:hidden; top:43px; right:0; z-index:100; padding-bottom:17px; margin-left:20px; } #menu li { float:left; } #menu > ul li { float:left; clear:left; width:100%; } #menu > .compact li a { background:url(../images/menu.png) -952px 0 no-repeat !important; color:white; text-decoration:none; font-size:1em; padding:4px 4px 4px 35px; display:block; width:100%; display:block; height:20px; } #menu > .compact li a:hover, #menu > .cimpact li a:focus { background-position:-952px -28px !important; } #menu-featured { float:left; padding:0 0 0 120px; display:none; } #menu-featured li { float:left; } #menu-featured a { display:block; padding:8px 5px; color:white; text-decoration:none; font-size:1.2em; } #msgbox { background:url(../images/footer.png) 0 0 repeat-x; display:block; margin:0 0 10px; padding:5px 20px; color:white; border-radius:10px; border:4px solid #e3ddd2; font-weight:bold; } #logo-pbs { background:url(../images/logo-pbs.png) 0 -5px no-repeat; width:90px; margin-left:82px; height:42px; float:left; } #pass_strength { clear:both; float:right; padding:0 5px; color:#333; display:inline; } #pass_strength .weight { color:#333; display:inline; float:none; width:auto; font-weight:bold; } #pass_strength .err { color:#333 !important; } #terms { color:#fdb812; text-transform:uppercase; text-decoration:none; } #terms:hover, #terms:focus { color:white; } /*Submenu*/ img.loading { margin:50px 0; } #submenu { width:243px; margin-bottom:20px; float:left; margin-right:20px; } #submenu h2 { display:none; padding:8px 20px 8px; width:auto; text-align:left; left:0; font:bold 16pt "Times New Roman", Times, serif; } #submenu h3 { background:url(../images/box-side-top.png) 0 0 no-repeat; width:auto; padding:13px 20px; height:24px; width:203px; font:bold 14pt "Open Sans", Arial, Helvetica, sans-serif; color:white; margin:0; } #submenu > ul { background:url(../images/box-side-cap.png) 0 bottom no-repeat; margin:0 0 20px; padding:0 0 20px; list-style:none; } #submenu ul ul { background:url(../images/submenu-bg.gif) 0 0 repeat-y white; margin:0; padding:10px 0; list-style:none; border:1px solid #999; border-left:0; position:absolute; margin-left:238px; border-top-right-radius:10px; border-bottom-right-radius:10px; margin-top:-30px; width:200px; display:none; z-index:100; } #submenu ul li:hover ul { display: block; } #submenu ul ul a { color:black; } #submenu ul a { padding:6px 20px; } #submenu ul a span { line-height:1.2em; } #submenu ul li { background:url(../images/box-side.png) 0 0 repeat-y; padding:0; } #submenu ul ul li { background:none; } #submenu li span { color:#666; } #submenu ul a { display:block; text-decoration:none; padding:6px 20px; color:#333; } #submenu ul li:hover > a, #submenu li:focus > a { color:#3456b5; background-image:url(../images/submenu-sel2.png); background-position:-20px center; background-repeat:repeat-y; } #submenu ul li.sub:hover > a, #submenu li.sub:focus > a { color:#3456b5; background-image:url(../images/submenu-sel2.png), url(../images/arrow.png); background-position:-20px center, 215px center; background-repeat:repeat-y, no-repeat; } #submenu ul li:hover a span, #submenu ul li:focus a span { color:#333; } #submenu .sel { padding-bottom:1px; } #submenu .sel ul { } #submenu .sel > a { background:url(../images/submenu-sel.png) 0 center no-repeat !important; color:black; font-weight:bold; } #submenu .sel > a:hover { background:url(../images/submenu-sel.png) 0 center no-repeat !important; color:#333; } #submenu .sel a span { color:#74491d; font-weight:normal; } #submenu .sel a:hover span { color:#74491d; } #submenu ul ul .sel a { color:#000; font-weight:bold; } #submenu ul ul a:hover, #submenu ul ul a:focus { color:#000; } #submenu ul ul a span { color:#74491d; } #submenu ul ul a { color:#000; font-weight:normal; padding:6px 20px 6px 20px; } #submenu ul ul a:hover, #submenu ul ul a:focus { background:#eee; } #submenu .sub > a { background:url(../images/arrow.png) 215px center no-repeat; } #submenu-dinner--amp--a-book { margin-top:-57px !important; } #submenu-economic-outlook { margin-top:-83px !important; } #submenu-experience-michiana { margin-top:-110px !important; } #submenu-outdoor-elements { margin-top:-136px !important; } #submenu-politically-speaking { margin-top:-162px !important; } /*Partners*/ #partners-list { margin:0; padding:0; list-style:none; } #partners-list li { float:left; margin:0 10px 10px 0; } #partners h2 { border:0; } #partners a { color:#f58023; display:block; text-transform:lowercase; color:white; width:150px; border:3px solid #E2DDD2; } #partners a img { margin:0; padding:0; display:block; } #partners ul a { width:auto; margin:0; } #footer { background:#1e2022; /*padding:20px;*/ max-width:960px; min-width:320px; margin:0 auto;height:auto; overflow:hidden; color:white; } #footer > div { padding:5% 5% 5% 5%; height:auto; overflow:hidden; } #footer h2 { color:#f99e1a; text-transform:lowercase; } #partners-join { margin:-14px 0 15px 2px !important; border:0 !important; width:170px !important; } /* Highlights */ #highlights, #highlights ul { margin:0; padding:0; list-style:none; } #highlights time { color:#005696; position:relative; top:-1em; font-size:1.4em; line-height:2em; } #highlights > li { border-top:2px dotted #E2DDD2; padding-top:2%; margin-top:2%; height:auto; overflow:hidden } #highlights .logo { float:left; margin-right:5%; text-align:center; width:178px; } #highlights .logo img { display:block; border-radius:5px; margin-bottom:5%; } #highlights h2, #highlights h3 { clear:none; } #highlights .top { float:right; } /*Tabs*/ #tabs { width:970px; margin:-44px auto 0; padding:0; } #tabs ul { margin:0; padding:0; list-style:none; float:right; } #tabs li { background:url(../images/tab.png) 0 0 repeat-x; height:40px; float:left; margin-right:10px; padding:0; } #tabs a { background:url(../images/tab-cap.png) right top no-repeat; display:block; height:23px; padding:12px 30px 5px 25px; font-size:1.2em; color:#ccc; text-decoration:none; text-transform:lowercase; } #tabs a:hover, #tabs a:focus { color:#f2cd21; } #tabs .sel { background-position:0 -40px; } #tabs .sel a { background-position:right -40px; color:white; } #tabs .sel a:hover, #tabs .sel a:focus { color:#f2cd21; } /* Boxes */ div.window { background:url(../images/box.png) -671px bottom no-repeat; width:335px; float:left; margin:0 5px 20px 0; padding:0 0 35px 0; } div.window h1 { display:none; } div.window h2 { background:url(../images/box.png) 0 0 no-repeat; color:white !important; margin:0; padding:10px 0 0 20px; height:38px;font:bold 14pt "Open Sans",Arial,Helvetica,sans-serif; } div.window p { background:url(../images/box.png) -335px 0 repeat-y; display:block; margin:0; padding:1em 20px 0; } div.window ul { background:url(../images/box.png) -335px 0 repeat-y; margin:0; padding:1em 20px 0; list-style:none; } div.window li { background:url(../images/arrow.png) 0 center no-repeat; margin:0; padding:0 0 0 20px; } div.window a { color:#005696 } div.window a:hover, div.window a:focus { color:#333; } /*Forms*/ fieldset { margin:0; border:0; padding:0; } fieldset legend { display:block; text-align:center; padding:5px; text-transform:lowercase; margin:0 0 10px; position:relative; width:100%; background:#efeade; } fieldset .field { clear:left; padding:5px 0 5px 0px !important; height:auto; overflow:hidden; } fieldset .field label { float:left; padding:0 10px 5px 0; width:300px; } fieldset .field label.req { font-weight:bold; } fieldset .field input, fieldset .field select, fieldset .field textarea { min-width:255px; max-width:278px; margin:0; padding:4px 8px; vertical-align:middle; float:right; border:4px solid #ede9e0; vertical-align:middle; line-height:20px; } fieldset .field textarea { min-width:241px; max-width:264px; min-height:100px; resize:none; padding:10px 15px; font-family:Arial, Helvetica, sans-serif; } fieldset .field input:focus, fieldset .field input:hover, fieldset .field select:focus, fieldset .field select:hover, fieldset .field textarea:focus, fieldset .field textarea:hover { border-color:#e3ddd2; } fieldset .field select { height:39px; padding:10px 15px; width:304px; } fieldset .field option { background:#041f24; padding:5px 10px; color:white; } fieldset .field ul { list-style:none; margin:0; padding:0; float:right; } fieldset .field li { float:left; padding-right:10px; } fieldset .field > span.msg { width:300px; clear:both; float:right; padding:5px 0; color:#333; display:inline; font-size:0.8em; line-height:1.4em; } fieldset .select, fieldset .file { min-height:40px; } fieldset .file a.img { max-height:100px; border:2px dotted #ede9e0; padding:5px; margin:0 -5px 0 0; float:right; vertical-align:baseline; } fieldset .file a.img:hover { border:2px dotted #e3ddd2; } fieldset .file a.img img { max-height:100px; vertical-align:baseline } fieldset .file input { vertical-align:baseline; } fieldset .select label { position:absolute; } fieldset .err > span { color:#900 !important; float:right; clear:right; } fieldset .err input, fieldset .err textarea { border-color:#d6bcbc !important; } fieldset .file_container { position:absolute; width:300px; margin-left:350px; } fieldset .file_container span { float:right; font-weight:bold; padding:7px; } fieldset .file_container button { float:right; clear:right; margin:2px; } fieldset .file > input { position:relative; cursor:pointer; width:125px; margin-left:35px; z-index:1000; height:40px; } div.result { text-align:left; } div.result h2 { display:inline; font-size:1.1em; display:none; } div.result p { margin:0; padding:0; display:inline; } caption, #main .content h2 #main article section h2 { background:#efeade; text-align:center; margin:0 0 1em; padding:10px 0; font:bold 10pt Arial, Helvetica, sans-serif; text-align:center; text-transform:lowercase; width:640px; left:0; border-left:4px solid #e3ddd2; border-right:4px solid #e3ddd2; color:#666; } table { background:#d6cebf; width:100%; margin:0 0 20px; padding:0; border-top-left-radius:10px; border-top-right-radius:10px; } table tbody tr { background:url(../images/table.png); } table thead tr { border:0; font:10pt "Times New Roman", Times, serif; text-transform:uppercase; letter-spacing:1px; line-height:24px; } table td, table th { padding:10px 20px; text-align:left; border-bottom:1px solid #d6cebf; } table thead td, table thead th { background:none; border-bottom:2px solid #666; } table thead a { color:black; } table .actions { text-align:right; width:auto !important; padding:10px 0 10px 20px !important; } table .actions img { vertical-align:middle; } table .asc { background:url(../images/list-asc.gif) 5px center no-repeat; padding-left:19px; } table .desc { background:url(../images/list-desc.gif) 5px center no-repeat; padding-left:19px; } table ul { list-style:none; margin:0; padding:0; } table a.flag { text-decoration:none !important; } ul.pagination { margin:10px 0 0; padding:0; list-style:none; float:right; } ul.pagination li { float:left; } ul.pagination a, ul.pagination .skip { display:block; padding:3px 10px; color:black; font-size:1.2em; color:#666; } ul.pagination a:hover, ul.pagination .sel a { font-weight:bold; text-decoration:none; color:black; } ul.pagination .prev a { background:url(../images/prev.png) 0 0 no-repeat; width:30px; height:31px; text-indent:-9999px; padding:0; } ul.pagination .prev a:hover { background-position:0 -31px; } ul.pagination .next a { background:url(../images/next.png) 0 0 no-repeat; width:30px; height:31px; text-indent:-9999px; padding:0; } ul.pagination .next a:hover { background-position:0 -31px; } ul.pagination .disabled a { background-position:0 -62px !important; } .subtabs { width:auto; border-bottom:1px solid #EFEADE; height:auto; overflow:hidden; } .subtabs ul { margin:0; padding:0; list-style:none; height:auto; overflow:hidden; float:left; border-left:4px solid #E3DDD2; } .subtabs li { margin:0; padding:0; float:left; } .subtabs a { display:block; padding:5px 20px; text-shadow:1px 1px #eee; text-decoration:none; background:none; font:10pt "Times New Roman", Times, serif; text-transform:uppercase; letter-spacing:1px; line-height:24px; color:#999; border-right:2px solid #E3DDD2 } .subtabs a.sel { background:#E3DDD2; color:#666; } #confirm { margin:1px; } #confirm-actions { text-align:center; margin-top:10px; } #confirm-cancel { margin:3px; padding:5px 10px; } #confirm-ok { margin:3px; padding:5px 10px; } /* login */ #login-normal { float:left; padding-right:70px; margin-bottom:20px; } #login-openids { float:right; width:380px !important; } #login-normal label, #login-openids label { width:auto !important; } #login-normal fieldset, #login-openids fieldset { border:0 !important; padding:0; } #login-openids .sbHolder { margin-left:132px !important; } /*Search*/ #search_results { position:absolute; width:298px; margin:30px 0 0 2px; z-index:1000; } #search_results ul { margin:0; padding:0; list-style:none; background:#fff; width:298px; border-left:1px solid #e3ddd2; border-right:1px solid #e3ddd2; } #search_results li { margin:0; padding:0; border:0; width:298px; } #search_results a { padding:5px 10px; display:block; border-bottom:1px solid #e3ddd2; color:#333; } #search_results a:hover, #search_rseults a:focus { background:#eee; text-decoration:none; } form.module { max-width:430px; float:right; clear:right; padding:10px 0 0 10px; } form.module input { width:224px; } form.module div.field ul.radio { min-width:0; } form.module .radio input { background:none; width:auto; } form.module textarea { background:white; width:210px; } form.module legend { display:none; } form.module .file_container { margin:0; } fieldset .options { border:0; text-align:center; margin:0; padding:0 0 5px; } fieldset .explain { padding:0 !important; float:none !important; font-weight:normal !important; display:block; margin-top:-7px; } form.module .field > span.msg { width:244px; } form.module .field { padding:5px 0 !important; } form.module #provider_label { padding:0; } form.module label { width:170px; margin-right:10px; } form.module div.add label { margin-left:185px; } form.module div.add input { width:160px; } form.module fieldset { border-bottom:2px dotted #e3ddd2; padding-top:10px; } form { margin:0; padding:0; clear:both; } form p { background:#EFEADE; display:block; margin:0 0 10px; padding:10px 15px; border-left:4px solid #e3ddd2; border-right:4px solid #e3ddd2; } form .actions { text-align:right; clear:both; padding:0 0 10px 20px; } form.module .actions { padding:10px 0; } form button { padding:5px 10px; margin-left:5px; vertical-align:middle; } section.content { width:643px; float:left; padding:10px 0 0; clear:none; } section fieldset { padding-bottom:1em; } legend { display:block; text-align:center; padding:5px 0; margin-bottom:1em; text-transform:lowercase; background:#efeade; font-size:1.1em; font-weight:bold; border-left:4px solid #e3ddd2; border-right:4px solid #e3ddd2; color:#666; } section.content legend { width:623px; } section.content p { padding:0; } section.content p.info { background:none !important; display:block; margin:0 0 20px; padding:10px 20px; border:2px dotted #e3ddd2; } section.content .actions { width:623px; padding:10px 0; } section.forbidden { text-align:center; margin:0 !important; } span.footnote { font-size:0.8em; text-align:right; display:block; margin-top:-10px; padding:0 20px 20px; } ul.check, ul.radio { list-style:none; margin:0; padding:5px 0; float:right; width:auto !important; } ul.radio { min-width:310px; } ul.check li, ul.radio li { float:left; width:auto; margin-bottom:0.5em; margin:0 5px; border:0 !important; padding:0; } ul.check input, ul.radio input { background:none; float:left; padding:0; width:auto; border:0; margin:3px 8px; vertical-align:middle; height:auto; } ul.check label, ul.radio label { float:left; padding:0; margin:0; width:auto; } div.field .find { clear:both; float:right; width:300px; } div.field .msg { display:block; padding:5px 0; clear:both; } div.field ul { list-style:none; margin:0; padding:0; float:right; width:300px; } div.field ul li { margin:0; padding:5px 10px; border-top:1px dotted #e3ddd2; } div.field ul.check li { padding:5px 0; } div.field ul li:first-child { border:0; } div.field ul .delete { float:right; } div.largehtml { } div.largehtml label { width:604px; float:none; } div.largehtml .mceEditor { clear:both; float:none; } div.largehtml .mceEditor table { } div.largehtml textarea.tinymce { width:604px; height:300px; clear:both; } div.largehtml > span.msg { width:604px; float:none; } #segment_guestlist li { width:286px; } .embed1, .list1 { float:left; margin:0 2% 2% 0; width:47%; } .embed2, .list2 { float:right; margin:0 0 2% 2%; width:47%; } .list1, .list2 { font-size:9pt; line-height:19px; width:42%; } section { clear:both; } @media screen and (min-width: 380px) { #disclaimer { padding-top:20px; height:72px; } } @media screen and (min-width: 480px) { #body { padding:3%; } #footer > div { padding:3%; } #canvas h1 { text-align:left; padding:10px 3%; } #company { margin-top:1em; display:block; } #company span { font-style:normal; padding-right:7px; margin-right:2px } #company-name, #company-street { border-right:1px dotted #000; } #disclaimer { padding-top:10px; height:82px; } #menu .whole { float:right; display:block; width:auto; } #menu .whole li { width:auto; } #menu .whole li:hover ul { display:block; } #menu .whole ul { position:absolute; z-index:200; display:none; } #menu .whole li { clear:none; } #menu .whole li a { display:block; height:19px; padding:12px 8px; color:white; text-decoration:none; font-size:1.3em; } #menu .whole ul { background:url(../images/menu.png) -649px bottom no-repeat; position:absolute; padding-bottom:17px; margin-left:-8px; right:0; } #menu .whole ul li { background:url(../images/menu.png) -649px 0 no-repeat !important; float:left; clear:left; height:auto; overflow:hidden; width:291px; height:28px; } #menu .whole ul a { text-indent:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height:20px; display:block; font-size:1em; padding:4px 20px 4px 36px; } #menu .whole ul li:hover, #menu .whole ul li:focus { background-position:-649px -28px !important; } #menu-home > a { width:19px !important; } #menu-watch > a { background-position:-55px 0 !important; } #menu-watch > a:hover, #menu-watch > a:focus { background-position:-55px -43px !important; } #menu-support > a { background-position:-202px 0 !important; } #menu-support > a:hover, #menu-support > a:focus { background-position:-202px -43px !important; } #menu-learn > a { background-position:-346px 0 !important; } #menu-learn > a:hover, #menu-learn > a:focus { background-position:-346px -43px !important; } #menu-about > a { background-position:-491px 0 !important; } #menu-about > a:hover, #menu-about > a:focus { background-position:-491px -43px !important; } #menu-home, #menu-learn, #menu-about, #compact-join, #compact-schedule, #compact-video, #menu .whole h2, #company-name { display:none; } #menu-learn, #menu-about, #menu-watch, #menu-support{ right:0; } #affiliates-1, #affiliates-2, #affiliates-3, #affiliates-4 { display:none; } } @media screen and (min-width: 550px) { #cpanel { height:40px; float:right; display:block; width:65px; } #affiliates { margin:5px 20px 0 0; padding:0; list-style:none; float:right; } #affiliates a { color:#c6cad3; text-decoration:none; margin:-8px 10px 0; font-weight:bold; font-size:8pt; text-shadow:0 1px #282d31; height:33px; } #affiliates li { float:left; } #affiliates-1 { display:block; } } @media screen and (min-width: 680px) { #menu-heading, #menu .compact { display:none; } #menu-about, #menu-learn, #menu-support { display:block; } #affiliates-2 { display:block; } #cpanel { width:135px; } } @media screen and (min-width: 730px) { #affiliates-3 { display:block; } #cpanel { width:210px; } } @media screen and (min-width: 768px) { body { background-image:url(../images/canvas.gif); font-size:10pt; } body.ads #body { background:url(../images/sidebar.png) right 0 repeat-y; } body.ads #main { width:69%; float:left; } header { background:url(../images/header.png) -20px 40px no-repeat; height:315px; line-height:20px; } h1 { font-size:28pt; } h2 { font-size:20pt; } h3 { font-size:18pt; } h4 { font-size:14pt; } #account { margin:14px 0 0; padding:0 5px; } #account h2 { margin:0; padding:0; font:9pt Arial, Helvetica, sans-serif; color:#c4c1b3; float:left; margin:15px 10px 0; text-transform:uppercase; display:none; } #account ul { margin:0; padding:0; list-style:none; float:right; } #account li { float:left; } #account a { text-decoration:none; margin:0 5px 0; line-height:14px; display:block; color:#c6cad3; font-size:8pt; padding-bottom:0; font-weight:bold; text-shadow:0 1px #313028; } #account-pref a { background:url(../images/config.png) 0 0 no-repeat; height:14px; width:14px; text-indent:-99999px; } #account-pref a:hover, #account-pref a:focus { background-position:0 -14px; } #account a:hover, #account a:focus, #affiliates a:hover, #affiliates a:focus { color:white; } #affiliates-3, #affiliates-4 { display:block; } #ads { float:right; margin:-10px -10px 0 15px; width:179px; } #ads li { padding-bottom:15px; display:block; text-align:center; width:100%; } #ads h2 { color:#92908E; text-align:center; font-size:15pt; text-transform:uppercase; } #ads img { border-radius:5px; } #ad-fb, #ad-twitter { background:url(../images/get-social.png) center 0 no-repeat; height:53px; width:53px; display:block; text-indent:-999999px; float:left; margin:0 0 10px 24px; } #ad-twitter { background-position:center -54px; } #ad-fb:hover, #ad-fb:focus { background-position:center -108px; } #ad-twitter:hover, #ad-twitter:focus { background-position:center -162px; } #ad-kids { display:block; background:url(../images/ad-kidsclub.png) center 0 no-repeat; text-indent:-999999px; height:180px; margin-bottom:10px; } #ad-kids:hover, #ad-kids:focus { background-position:center -180px; } #ad-membercard { display:block; background:url(../images/ad-membercard.png) center 0 no-repeat; text-indent:-999999px; height:150px; margin-bottom:10px; } #ad-membercard:hover, #ad-membercard:focus { background-position:center -141px; } #ads div { background:url(../images/box-side-cap-short.png) 0 bottom no-repeat; width:193px; float:left; margin:0 0 20px 0; padding:0 0 20px 0; text-align:left; } #ads div h1, #logo-pbs, #menu-featured h2 { display:none; } #ads div h2 { background:url(../images/box-side-top-short.png) 0 0 no-repeat; color:white !important; margin:0; padding:12px 16px 0; height:38px; font:bold 14pt "Open Sans",Arial,Helvetica,sans-serif; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } #ads div h3 { background:url(../images/box-side-short.png) 0 0 repeat-y; margin:0; padding:1em 20px 0; } #ads div p { background:url(../images/box-side-short.png) 0 0 repeat-y; display:block; margin:0; padding:1em 20px 0; font-size:10pt; } #ads div ul { background:url(../images/box-side-short.png) 0 0 repeat-y; margin:0; padding:1em 20px 0; list-style:none; height:auto; overflow:hidden; } #ads div li { background:url(../images/arrow.png) 0 7px no-repeat; margin:0; padding:0 20px; width:auto; font-size:9pt; text-align:left } #ads div a { color:#005696 } #ads div a:hover, div a:focus { color:#333; } #ads div form { background:url(../images/box-side-short.png) 0 0 repeat-y; display:block; margin:0; padding:1em 20px 0; } #ads .ad-center { text-align:center; } #ads div address { background:url(../images/box-side-short.png) 0 0 repeat-y; display:block; margin:0; padding:1em 20px 0; font-style:italic } #ads div hr { background:url(../images/box-side-short.png) 0 0 repeat-y; display:block; margin:0; padding:1em 20px 0; } #canvas h1 { padding:7px 2%; } #company-name { display:inline; } #cpanel { width:auto; } #like { display:block; height:30px; margin-left:175px; position:absolute; top:167px; width:100px; } #links-affil-wnit img { width:65px; height:64px; } #logo { top:21px; background:none; height:auto; width:auto; } #logo img { height:174px; display:block; } #menu-featured { background:url(../images/feat.png) right -31px no-repeat; padding-right:8px; float:right; clear:right; margin:126px 20px 0 0; display:block; } #menu-featured ul { float:right; height:31px; width:auto; } #menu-featured li { background:url(../images/feat.png) 0 -93px no-repeat; padding-left:3px; float:left; } #menu-featured li:first-child { background:url(../images/feat.png) 0 0 no-repeat; padding-left:8px; } #menu-featured a { background:url(../images/feat.png) 0 -62px repeat-x; display:block; height:17px; padding:6px 9px; color:#818795; font-size:10pt; text-transform:lowercase; font-weight:bold; text-decoration:none; width:auto; } #menu-featured a:hover, #menu-featured a:focus { color:#000; } #feat-membership, #feat-local, #feat-hire, #feat-contact, #menu-home, #logo-pbs img, #links-affil-wnit { display:block; } #feat-pledge a { color:#2c2e33; } #menu { clear:both; width:630px; float:left; padding-left:10px; margin-top:-2px; margin-bottom:4px; } #menu .whole ul { right:auto; } #menu .whole > li > a { background:url(../images/menu.png) -1px 0 no-repeat; display:block; height:35px; width:106px; text-indent:-99999px; padding:4px 4px 4px 31px; } } @media screen and (min-width: 810px) { body.ads #main { width:71%; } } @media screen and (min-width: 860px) { body.ads #main { width:73%; } } @media screen and (min-width: 910px) { body.ads #main { width:75%; } } @media screen and (min-width: 960px) { body { font-size:11pt; } h1 { font-size:32pt; } h2 { font-size:24pt; } h3 { font-size:20pt; } h4 { font-size:16pt; } body.ads #main { width:77%; } header { background-position:center 40px; } #body { padding:2.5%; } #company { margin-top:0; } #links-affil-pbs { display:block; margin:5px 10px 0 10px; } #links-affil-pbs img, #logo-pbs img { width:90px; height:53px; } #links-other { float:right; list-style:none; margin:20px 0 0; padding:0; display:block; } #links-other li { float:left; margin-right:10px; } #other-cc img, #other-contact img, #other-fcc img { height:40px; width:40px; } #logo { float:left; margin:22px 0 0; position:static; } #logo img { height:174px; width:195px; display:block; } #logo-pbs { float:right; clear:right; margin-top:40px; margin-right:75px; display:block; background:none; width:auto; margin-left:inherit; height:auto; } #menu-featured { margin-top:33px; } #terms-note { display:block; } #terms-note a { color:black; text-decoration:none; } #terms-note a:hover { color:#fdb812; } }