/* ERIC MEYERS RELOADED RESET STYLES ================================================================ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
 /* ERICKSON CONSULTING * * Hand crafted by Hein Haraldson Berg * Please comment your CSS, and organize it blockwise * * ================================================================ */ body { font-size: 62.5%; line-height: 1; font-family: Arial, "Lucida Grande", FreeSans, "Helvetica Neue", sans-serif; background: #4D4D4D; color: #666; } /* USE THE FOLLOWING CLASSES TO AVOID EXTENSIVE CSS REDUNDANCY ---------------------------------------------------------------- */ .clear { clear: both; } .rel { position: relative; } .abs { position: absolute; } .hid { overflow: hidden; } .full-block { float: left; width: 806px; } .main-col { width: 540px; float: left; clear: left; } .main-col-right { float: right; clear: right; } .side-col { width: 235px; float: right; clear: right; } .side-col-left { float: left; clear: left; } .main-col .full-block { width: 540px; } .side-col .full-block { width: 235px; } .section .content { width: 806px; margin: 0 auto; } /* SECTION: TOP ================================================================ */ #section-top { background: url(/sitefiles/34/ny/gfx/top-bg-x.png) 0 0 repeat-x; } #section-top .content { height: 179px; } a#home { display: block; width: 424px; height: 88px; top: 30px; left: 0; background: url(/sitefiles/34/ny/gfx/logo-slogan.png) 0 0 no-repeat; text-indent: -9999px; } a#en-summary { display: block; height: 14px; padding: 0 22px 0 0; top: 20px; right: 0; color: #FFF; font-size: 1.2em; text-decoration: none; background: url(/sitefiles/34/ny/gfx/flag-en.png) 100% 0 no-repeat; } a#en-summary:hover { text-decoration: underline; } /* INFORMATION MENU + SITE SEARCH ---------------------------------------------------------------- */ #info-and-search { width: 331px; height: 22px; padding: 8px 13px; top: 57px; right: 0; background: url(/sitefiles/34/ny/gfx/info-menu-and-search.png) 0 0 no-repeat; } #info-and-search .info { width: 150px; height: 22px; float: left; clear: left; } #info-and-search .info li { float: left; padding: 0 10px 0 0; margin: 0 8px 0 0; background: url(/sitefiles/34/ny/gfx/info-menu-sep.png) 100% 50% no-repeat; } #info-and-search .info li.last { padding: 0; background: none; margin: 0; } #info-and-search .info li a { display: block; float: left; height: 22px; line-height: 22px; font-size: 1.2em; color: #FFF; text-decoration: none; } #info-and-search .info li a:hover, #info-and-search .info li.active a { text-decoration: underline; } #info-and-search .search { width: 163px; float: right; clear: right; } #info-and-search .search label { display: none; } #info-and-search .search input#site-search-q { width: 101px; height: 17px; padding: 5px 6px 0; background: none; border: 0 none; color: #333; font-family: Arial, "Lucida Grande", FreeSans, "Helvetica Neue", sans-serif; font-size: 1.2em; float: left; clear: left; } #info-and-search .search input#site-search-submit { width: 45px; height: 22px; background: none; border: 0 none; float: right; clear: right; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; cursor: pointer; } /* MAIN MENU ---------------------------------------------------------------- */ #main-menu { top: 140px; left: 0; } #main-menu ul { display: block; float: left; left: 50%; } #main-menu ul li { float: left; right: 50%; padding: 0 22px 0 0; } #main-menu ul li.last { padding: 0; } #main-menu ul li a { display: block; float: left; height: 31px; line-height: 31px; padding: 1px 10px 0; text-transform: uppercase; color: #333; text-decoration: none; font-size: 1.2em; font-weight: bold; background: url(/sitefiles/34/ny/gfx/main-menu-hover-active.png) -1000px -1000px no-repeat; } #main-menu ul li a span { display: block; height: 32px; width: 4px; top: 0; right: 0; background: url(/sitefiles/34/ny/gfx/main-menu-hover-active.png) -1000px -1000px no-repeat; cursor: pointer; } #main-menu ul li a:hover, #main-menu ul li.active a { color: #FFF; background-position: 0 0; } #main-menu ul li a:hover span, #main-menu ul li.active a span { background-position: 0 -32px; } /* SECTION: FOCUS ================================================================ */ #section-focus { min-height: 225px; padding: 38px 0 0; background: #FFF url(/sitefiles/34/ny/gfx/focus-bg-x.png) 0 100% repeat-x; } /* COURSE OPT-IN ---------------------------------------------------------------- */ .course-opt-in { padding: 0 0 40px; } .course-opt-in h1 { font-family: Georgia, Garamond, serif; color: #333; font-size: 3em; font-weight: normal; padding: 0 0 1em; } .course-opt-in .course-main { width: 500px; float: left; clear: left; } .course-opt-in .course-main p.links { height: 32px; padding: 28px 0 0; width: 500px; float: left; } .course-opt-in .course-main p.links a { display: block; float: left; height: 32px; line-height: 32px; margin: 0 20px 0 0; font-size: 1.4em; } .course-opt-in .course-main p.links a.last { margin: 0; } .course-opt-in .course-main p.links a.text { color: #388844; text-decoration: underline; } .course-opt-in .course-main p.links a.text:hover { text-decoration: none; } .course-opt-in .course-main p.links a.button { color: #333; text-decoration: none; text-shadow: 1px 1px 0 #FFF; } .course-opt-in .course-main p.links a.button:hover { color: #388844; } .course-opt-in .course-main p.links a.button span { display: block; height: 32px; cursor: pointer; background: url(/sitefiles/34/ny/gfx/focus-field-cta.png) 0 0 no-repeat; } .course-opt-in .course-main p.links a.button .left { float: left; clear: left; margin: 0 6px 0 0; _margin: 0 3px 0 0; padding: 0 17px 0 23px; } .course-opt-in .course-main p.links a.button .right { background-position: 0 -32px; width: 6px; top: 0; right: 0; } .course-opt-in .course-offer { width: 266px; float: right; clear: right; } .course-opt-in h2 { font-size: 1.6em; color: #333; font-weight: bold; padding: 0 0 .5em; } .course-opt-in h3 { font-size: 1.4em; font-weight: bold; line-height: 1.25; } .course-opt-in h3 a { color: #388844; text-decoration: none; } .course-opt-in h3 a:hover { text-decoration: underline; } .course-opt-in p.excerpt { font-size: 1.4em; line-height: 1.25; } .course-opt-in p.excerpt a { color: #388844; text-decoration: underline; } .course-opt-in p.excerpt a:hover { text-decoration: none; } /* SECTION: CONTENT ================================================================ */ #section-content { background: #FFF; padding: 28px 0 0; } /* SUB MENU ---------------------------------------------------------------- */ #sub-menu ul { width: 233px; float: left; padding: 1em 1px; } #sub-menu ul li { width: 233px; float: left; border-bottom: #FDFDFD; } #sub-menu ul li a { width: 193px; float: left; padding: .5em 20px; font-size: 1.2em; line-height: 1.25; color: #333; font-weight: bold; text-decoration: none; border-bottom: 1px solid #E2E2E2; } #sub-menu ul li.active ul { background: #FFF; border-bottom: 1px solid #ECECEC; } #sub-menu ul li.active ul li, #sub-menu ul li.active ul li a { border: 0 none; } #sub-menu ul li.active ul li a { color: #333; width: 173px; padding: .5em 30px; } #sub-menu ul li a:hover, #sub-menu ul li.active a, #sub-menu ul li.active ul li a:hover, #sub-menu ul li.active ul li.active a { color: #388844; } #sub-menu ul li.last, #sub-menu ul li.last a { border: 0 none; } /* GENERIC CONTENT STYLING ---------------------------------------------------------------- */ .generic-content h1 { font-family: Georgia, Garamond, serif; font-size: 2.4em; font-weight: normal; padding: 0 0 .75em; } .generic-content h2 { font-size: 1.9em; padding: 0 0 .5em; font-weight: bold; } .generic-content h3 { font-size: 1.4em; padding: 0 0 .5em; font-weight: bold; } .generic-content p, .generic-content ul, .generic-content ol, .generic-content dl, .generic-content table { font-size: 1.4em; line-height: 1.286; padding: 0 0 1.35em; } .generic-content h1, .generic-content h2, .generic-content h3, .generic-content h4, .generic-content p.excerpt { color: #333; } .generic-content a { color: #388844; text-decoration: underline; } .generic-content a:hover { text-decoration: none; } .generic-content img { display: block; float: left; padding: .35em 1.5em 1em 0; } /* BOX IN SIDE COLUMN ---------------------------------------------------------------- */ .side-col .box { background: url(/sitefiles/34/ny/gfx/box-side.png) -235px 0 repeat-y; margin: 0 0 20px; } .side-col .box .box-bottom { background: url(/sitefiles/34/ny/gfx/box-side.png) -470px 100% no-repeat; } .side-col .box div.box-top { background: url(/sitefiles/34/ny/gfx/box-side.png) 0 0 no-repeat; } .side-col .box h2.box-top { height: 42px; line-height: 42px; padding: 0 20px; color: #FFF; font-size: 2em; font-weight: normal; font-family: Georgia, Garamond, serif; background: url(/sitefiles/34/ny/gfx/box-side.png) -705px 0 no-repeat; } .side-col .box h2.box-top a { color: #FFF; text-decoration: none; } /* LATEST NEWS IN MAIN COLUMN ---------------------------------------------------------------- */ .main-col .latest-news { padding: 10px 0; } .main-col .latest-news h2 { font-family: Georgia, Garamond, serif; font-size: 2.4em; font-weight: normal; padding: 0 0 .5em; color: #333; } .main-col .latest-news .article { width: 250px; float: left; clear: left; padding: 0 0 30px; } .main-col .news-archive .article { width: 540px; clear: both; } .main-col .latest-news .article-even { float: right; clear: right; } .main-col .latest-news .article h3 { font-size: 1.4em; line-height: 1.143; font-weight: bold; padding: 0 0 .5em; } .main-col .latest-news .article h3 a { color: #333; text-decoration: none; } .main-col .latest-news .article h3 a:hover { text-decoration: underline; } .main-col .latest-news .article p.excerpt { font-size: 1.4em; line-height: 1.143; padding: 0 0 .5em; } .main-col .latest-news .article p.excerpt a { color: #388844; text-decoration: none; } .main-col .latest-news .article p.excerpt a:hover { text-decoration: underline; } .main-col .latest-news .article p.read-more a { font-size: 1.4em; color: #388844; text-decoration: underline; } .main-col .latest-news .article p.read-more a:hover { text-decoration: none; } /* LATEST NEWS BOX IN SIDE COLUMN ---------------------------------------------------------------- */ .side-col .box-articles .box-bottom { padding: 16px 21px 0; } .side-col .box-articles h2 { font-size: 2em; font-weight: normal; font-family: Georgia, Garamond, serif; color: #333; padding: 0 0 .75em; } .side-col .box-articles .article { padding: 0 0 2em; } .side-col .box-articles .article h3 { font-size: 1.2em; line-height: 1.33; font-weight: bold; color: #333; padding: 0 0 .5em; } .side-col .box-articles .article h3 a { color: #333; text-decoration: none; } .side-col .box-articles .article h3 a:hover { text-decoration: underline; } .side-col .box-articles .article p.excerpt { color: #666; font-size: 1.2em; line-height: 1.33; padding: 0 0 .5em; } .side-col .box-articles .article p.excerpt a { color: #388844; text-decoration: none; } .side-col .box-articles .article p.excerpt a:hover { text-decoration: underline; } .side-col .box-articles .article p.read-more { font-size: 1.2em; } .side-col .box-articles .article p.read-more a { color: #388844; text-decoration: underline; } .side-col .box-articles .article p.read-more a:hover { text-decoration: none; } /* LINKS BOX IN SIDE COLUMN ---------------------------------------------------------------- */ .side-col .box-links .box-bottom { padding: 16px 21px; } .side-col .box-links h2 { font-size: 2em; font-weight: normal; font-family: Georgia, Garamond, serif; color: #333; padding: 0 0 .5em; } .side-col .box-links ul { font-size: 1.4em; line-height: 1.786; list-style: none; } .side-col .box-links ul li a { color: #388844; text-decoration: none; } .side-col .box-links ul li a:hover { text-decoration: underline; } /* EMAIL SUBSCRIPTION BOX IN SIDE COLUMN ---------------------------------------------------------------- */ .side-col #newsletter-subscription .box-bottom { padding: 16px 19px 16px 18px; } .side-col #newsletter-subscription h2 { font-size: 2em; font-weight: normal; font-family: Georgia, Garamond, serif; color: #333; padding: 0 0 .75em; } .side-col #newsletter-subscription p.excerpt { color: #666; font-size: 1.2em; line-height: 1.33; padding: 0 0 1.5em; } .side-col #newsletter-subscription p.error, .side-col #newsletter-subscription p.success { color: #000; font-size: 1.2em; line-height: 1.33; padding: 0 0 2em; } .side-col #newsletter-subscription ul li label { display: none; } .side-col #newsletter-subscription ul li input#emailaddress { width: 186px; height: 17px; padding: 3px 5px 0; margin: 0 0 25px; border: 1px solid #6D6D6D; background: #FFF url(/sitefiles/34/ny/gfx/box-side-input-shadow.png) 0 0 no-repeat; color: #666; font-family: Arial, "Lucida Grande", FreeSans, "Helvetica Neue", sans-serif; font-size: 1.2em; } .side-col #newsletter-subscription ul li input#emailaddress.focus, .side-col #newsletter-subscription ul li input#emailaddress:focus { color: #333; border-color: #3D3D3D; } .side-col #newsletter-subscription ul li.formcontrols input { width: 87px; height: 27px; padding: 0 0 3px; text-align: center; border: 0 none; background: url(/sitefiles/34/ny/gfx/box-side-cta-s-87.png) 0 0 no-repeat; color: #333; text-shadow: 1px 1px 0 #FFF; font-size: 1.4em; cursor: pointer; } /* GENERIC CONTENT BOX IN SIDE COLUMN ---------------------------------------------------------------- */ .side-col .box-generic .box-bottom { padding: 16px 16px 0; } #erickson .side-col .box-generic h2 { font-size: 2em; font-weight: normal; font-family: Georgia, Garamond, serif; color: #333; padding: 0 0 .75em; } /* COURSE CALENDAR IN MAIN COLUMN ---------------------------------------------------------------- */ #erickson .main-col .course-calendar h2 { font-size: 2.4em; font-weight: normal; font-family: Georgia, Garamond, serif; color: #333; padding: 0 0 .5em; } #erickson .main-col .course-calendar p.excerpt { color: #666; padding: 0 0 1.5em; } #erickson .main-col .course-calendar table { border-collapse: separate; border-spacing: 0; margin: 0 0 30px; } .main-col .course-calendar table colgroup .date { width: 115px; } .main-col .course-calendar table colgroup .title { width: 325px; } .main-col .course-calendar table th { background: #F3F3F3; color: #333; font-weight: bold; border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; padding: 4px 8px; } .main-col .course-calendar table th.first { border-left: 1px solid #CFCFCF; } .main-col .course-calendar table th.last { border-right: 1px solid #CFCFCF; } .main-col .course-calendar table td { padding: 4px 8px; color: #333; } .main-col .course-calendar table tr.first td { padding-top: 14px; } .main-col .course-calendar table td.title a { color: #333; } /* KEYPUBLISHER GENERATED FORMS ---------------------------------------------------------------- */ #erickson form.kpgenerated { color: #333; padding: 0 0 30px; } #erickson form.kpgenerated label { font-size: 1.2em; } #erickson form.kpgenerated ul li { padding: 0 0 1em; } #erickson form.kpgenerated ul li.radio, #erickson form.kpgenerated ul li.checkbox { margin: 0 ;} #erickson form.kpgenerated ul li.radio .umbrella-intro, #erickson form.kpgenerated ul li.checkbox .umbrella-intro { color: #333; font-size: 1.2em; font-style: normal; font-weight: bold; } #erickson form.kpgenerated ul li.radio li, #erickson form.kpgenerated ul li.checkbox li { padding: 0 ;} #erickson form.kpgenerated ul li.form-controls input { background: #333; border: 0 none; font-size: 1.4em; } /* SEARCH RESULTS ---------------------------------------------------------------- */ #search-result p.extract { padding: 0; } /* SITEMAP ---------------------------------------------------------------- */ #sitemap { padding: 0 0 30px; } #sitemap ul { padding: 0 0 20px 20px; list-style: square outside; } #sitemap ul ul { padding: 0 0 0 20px; list-style: disc outside; } #sitemap a { font-size: 1.4em; color: #333; text-decoration: none; line-height: 1.25; } #sitemap a:hover { color: #388844; text-decoration: underline; } #sitemap ul a { font-size: 1.2em; } /* SECTION: BOTTOM ================================================================ */ #section-bottom { background: #4D4D4D url(/sitefiles/34/ny/gfx/bottom-bg-x.png) 0 0 repeat-x; padding: 50px 0 0; } /* COLOPHON MAIN MENU ---------------------------------------------------------------- */ #colophon-main-menu { padding: 0 0 20px; background: url(/sitefiles/34/ny/gfx/section-bottom-hori-sep.gif) 0 100% repeat-x; margin: 0 0 18px; } #colophon-main-menu li { width: 102px; padding: 0 15px 0 0; float: left; } #colophon-main-menu li ul { width: 101px; float: left; padding: 0 0 .4em 1px; } #colophon-main-menu li li { clear: both; padding: 0; } #colophon-main-menu li a { display: block; float: left; width: 102px; font-size: 1.4em; line-height: 1.25; text-decoration: none; color: #FFF; } #colophon-main-menu li a.sub, #colophon-main-menu li a.see-all { color: #CCC; font-size: 1.2em; } #colophon-main-menu li a.main, #colophon-main-menu li a.see-all { padding: 0 0 .4em; } #erickson #colophon-main-menu li a:hover { color: #FFF; text-decoration: underline; } #colophon-main-menu li.last { padding: 0; } /* CONTACT INFORMATION ---------------------------------------------------------------- */ .address { padding: 0 0 20px; } .address p { float: left; padding: 0 25px 0 0; font-size: 1.2em; line-height: 1.33; color: #CCC; } .address .company-name { width: 170px; } .address .visiting-address { width: 125px; } .address .postal-address { width: 130px; } .address .phone { width: 110px; } .address .email { width: 146px; padding: 0; } .address .email a { color: #CCC; text-decoration: none; } .address .email a:hover { color: #FFF; text-decoration: underline; } #formID #hilylu-hilylu, #formID #Lastname, #formID #name { background:#FFFFFF url(/sitefiles/34/ny/gfx/box-side-input-shadow.png) no-repeat; border:1px solid #6D6D6D; color:#666666; font-family:Arial,"Lucida Grande",FreeSans,"Helvetica Neue",sans-serif; font-size:1.2em; height:17px; margin:0 0 10px; padding:3px 5px 0; width:186px; } .side-col #newsletter-subscription #formID ul li.formcontrols input.knapp { background:transparent url(/sitefiles/34/ny/gfx/box-side-cta-s-87.png) no-repeat; border:0 none; color:#333333; cursor:pointer; font-size:1.4em; height:27px; padding:0 0 3px; margin:10px 0 0 0 ; text-align:center; text-shadow:1px 1px 0 #FFFFFF; width:87px; } .side-col #newsletter-subscription #formID ul li label { display: block; }