@import url("reset.css");
@import url("contribute.css");

/*********************************************************************************************************************/
/* WRAPS THE ENTIRE PAGE */
html.home { background: #F2F2F2 url(../images/build/bg-home.jpg) repeat-x; height: 100%; margin-bottom: 0.01em; }
html.content { background: #F2F2F2 url(../images/build/bg-content.jpg) repeat-x; height: 100%; margin-bottom: 0.01em; }
body { background: url(../images/build/bg-stripes.jpg) repeat-x 0px 92px; height: 100%; font-family: Arial, Helvetica, sans-serif; }
#wrapper { width: 801px; margin: 0 auto; }



/*********************************************************************************************************************/
/* HEADER */
#header { float: left; width: 801px; }
#logo-cont { background: url(../images/build/logo-cont.png) no-repeat; float: left; width: 215px; height: 115px; }
#logo-nsny { float: left; width: 187px; height: 82px; padding: 10px 0px 0px 13px; }

/*********************************************************************************************************************/
/* HEADER NAVIGATION */
#header-nav { float: right; width: 585px; }
#header-nav ul { float: right; width: 585px; list-style: none; height: 47px; margin-top: 43px;}
#header-nav ul li { float: right; height: 13px; margin: 23px 7px 0px 7px; }
#header-nav ul li a { float: left; height: 13px; }
#header-nav ul li.divider { background: url(../images/build/nav-divider.jpg) no-repeat; width: 1px; height: 47px; margin: 0px 0px 0px 0px; }

/* LINKS */
#header-nav ul li#about-us a { background: url(../images/build/nav-about.png) no-repeat; width: 60px; }
#header-nav ul li#cor-certified a { background: url(../images/build/nav-cor.png) no-repeat; width: 159px; }
#header-nav ul li#audits a { background: url(../images/build/nav-audits.png) no-repeat; width: 44px; }
#header-nav ul li#links a { background: url(../images/build/nav-links.png) no-repeat; width: 35px; }
#header-nav ul li#contact-us a { background: url(../images/build/nav-contact.png) no-repeat; width: 72px; }
#header-nav ul li#home a { background: url(../images/build/nav-home.png) no-repeat; width: 35px; }
#header-nav ul li#products a { background: url(../images/build/nav-products.png) no-repeat; width: 62px; }
/* HOVER */
#header-nav ul li#about-us a:hover { background: url(../images/build/nav-about-over.png) no-repeat; }
#header-nav ul li#cor-certified a:hover { background: url(../images/build/nav-cor-over.png) no-repeat; }
#header-nav ul li#audits a:hover { background: url(../images/build/nav-audits-over.png) no-repeat; }
#header-nav ul li#links a:hover { background: url(../images/build/nav-links-over.png) no-repeat; }
#header-nav ul li#contact-us a:hover { background: url(../images/build/nav-contact-over.png) no-repeat; }
#header-nav ul li#home a:hover { background: url(../images/build/nav-home-over.png) no-repeat; }
#header-nav ul li#products a:hover { background: url(../images/build/nav-products-over.png) no-repeat; }



/*********************************************************************************************************************/
/* BANNER STYLES */
/*********************************************************************************************************************/
/* HOME PAGE */
#banner-home { float: left; width: 801px; padding: 10px 0px 9px 0px; }
#flash { float: left; width: 575px; height: 332px; padding-bottom: 8px; }



/*********************************************************************************************************************/
/* HOME PAGE SIDE NAV */
#side-nav { float: left; width: 183px; padding-left: 20px; }
#side-nav ul { float: left; width: 183px; list-style: none; padding-left: 10px; }
#side-nav ul li { float: left; width: 183px; height: 82px; margin-bottom: 2px; }
#side-nav ul li a { float: left; width: 183px; height: 82px; }
/* STRUCTURE */
#side-nav ul li#side-courses { background: url(../images/build/nav-side-courses.png) no-repeat; }
#side-nav ul li#side-cor-programs { background: url(../images/build/nav-side-cor-programs.png) no-repeat; }
#side-nav ul li#side-safety-info { background: url(../images/build/nav-side-safety-info.png) no-repeat; }
#side-nav ul li#side-health-safety { background: url(../images/build/nav-side-health-safety.png) no-repeat; }
#side-nav ul li#side-news-stats { background: url(../images/build/nav-side-news-stats.png) no-repeat; }
#side-nav ul li#side-heo-training { background: url(../images/build/nav-side-heo-training.png) no-repeat; margin-bottom: 0px; }
/* LINKS */
#side-nav ul li#side-courses a { background: url(../images/build/nav-side-courses.png) no-repeat; }
#side-nav ul li#side-cor-programs a { background: url(../images/build/nav-side-cor-programs.png) no-repeat; }
#side-nav ul li#side-safety-info a { background: url(../images/build/nav-side-safety-info.png) no-repeat; }
#side-nav ul li#side-health-safety a { background: url(../images/build/nav-side-health-safety.png) no-repeat; }
#side-nav ul li#side-news-stats a { background: url(../images/build/nav-side-news-stats.png) no-repeat; }
#side-nav ul li#side-heo-training a { background: url(../images/build/nav-side-heo-training.png) no-repeat; }
/* HOVER */
#side-nav ul li#side-courses a:hover { background: url(../images/build/nav-side-courses-over.png) no-repeat; }
#side-nav ul li#side-cor-programs a:hover { background: url(../images/build/nav-side-cor-programs-over.png) no-repeat; }
#side-nav ul li#side-safety-info a:hover { background: url(../images/build/nav-side-safety-info-over.png) no-repeat; }
#side-nav ul li#side-health-safety a:hover { background: url(../images/build/nav-side-health-safety-over.png) no-repeat; }
#side-nav ul li#side-news-stats a:hover { background: url(../images/build/nav-side-news-stats-over.png) no-repeat; }
#side-nav ul li#side-heo-training a:hover { background: url(../images/build/nav-side-heo-training-over.png) no-repeat; }

/*********************************************************************************************************************/
/* CONTENT PAGES */
#banner-content { float: left; width: 800px; padding: 12px 0px 13px 0px; }
#banner { float: left; width: 800px; height: 168px; }
#banner-img { float: left; width: 800px; height: 168px; }

/*********************************************************************************************************************/
/* CONTENT NAVIGATION */
#content-nav { float: left; width: 801px; padding-bottom: 10px; }
#content-nav ul { float: left; width: 801px;; height: 37px; list-style: none; }
#content-nav ul li { float: left; height: 37px; }
#content-nav ul li a { float: left; height: 37px; }
/* STRUCTURE */
#content-nav ul li#courses { background: url(../images/build/nav-courses.png) no-repeat; width: 291px; }
#content-nav ul li#cor-programs { background: url(../images/build/nav-cor-programs.png) no-repeat; width: 279px; }
#content-nav ul li#news-stats { background: url(../images/build/nav-news-stats.png) no-repeat; width: 231px; }
/* LINKS */
#content-nav ul li#courses a { background: url(../images/build/nav-courses.png) no-repeat; width: 291px; }
#content-nav ul li#cor-programs a { background: url(../images/build/nav-cor-programs.png) no-repeat; width: 279px; }
#content-nav ul li#news-stats a { background: url(../images/build/nav-news-stats.png) no-repeat; width: 231px; }
/* HOVER */
#content-nav ul li#courses a:hover { background: url(../images/build/nav-courses-over.png) no-repeat; width: 291px; }
#content-nav ul li#cor-programs a:hover { background: url(../images/build/nav-cor-programs-over.png) no-repeat; width: 279px; }
#content-nav ul li#news-stats a:hover { background: url(../images/build/nav-news-stats-over.png) no-repeat; width: 231px; }


/*********************************************************************************************************************/
/* CONTENT STYLES */
#content-cont { float: left; width: 801px; }
#content-bottom { background: url(../images/build/bg-cont-bottom.jpg) no-repeat bottom; float: left; width: 801px; }
#content-bottom2 { background: url(../images/build/bg-blue-bottom.jpg) no-repeat bottom; float: left; width: 801px; }
#content { background: url(../images/build/bg-cont.jpg) repeat-y; float: left; width: 801px; }
#content2 { background: url(../images/build/bg-cont-blue.jpg) repeat-y; float: left; width: 801px; } 

/*********************************************************************************************************************/
/* LEFT CONTENT POSITION */
#cont-left { float: left; width: 567px; }
#title-left { background: url(../images/build/title-cont.png) no-repeat; float: left; width: 567px; height: 39px; }
#title-left h1 { width: 547px; color: #ffffff; padding: 7px 10px 5px 10px; font-size: 21px; font-weight: bold; }
#text-left { float: left; padding: 8px 25px 20px 12px; width: 530px; }
.text-left { float: left; padding: 8px 25px 20px 12px; width: 530px; }

.col-cont { float: left; width: 530px; }
#text-left ul.col-list, .text-left ul.col-list { float: left; width: 225px; padding: 0px 20px 15px 20px; }
#text-left ul.col-list li, .text-left ul.col-list li { width: 225px; font-size: 11px; padding: 0px 0px 5px 0px; }

#title-course { background: url(../images/build/title-course.jpg) no-repeat; float: left; width: 560px; height: 41px; margin: 0px 0px 0px 2px; }
.title-course { background: url(../images/build/title-course.jpg) no-repeat; float: left; width: 560px; height: 41px; margin: 0px 0px 0px 2px; }
* html #title-course, * html .title-course { margin-left: 1px; }
#title-course h1, .title-course h1 { width: 540px; color: #ffffff; padding: 5px 10px 5px 10px; font-size: 16px; font-weight: bold; }

/*********************************************************************************************************************/
/* RIGHT CONTENT POSITION */
#cont-right { float: left; width: 234px; }
#title-right { background: url(../images/build/title-side-cont.png) no-repeat; float: left; width: 234px; height: 39px; }
#text-right-home h1, #title-right h1 { width: 214px; color: #ffffff; padding: 10px 10px 5px 10px; font-size: 18px; font-weight: bold; }
#text-right-home, #text-right { float: left; width: 214px; padding: 8px 10px 10px 10px; }


/* HOME PAGE */
ul#home-news-list { float: left; width: 214px; padding: 0px 0px 0px 0px; list-style: none; }
ul#home-news-list li { float: left; width: 214px; border-bottom: solid 1px #4C4C4B; padding: 0px 0px 18px 0px; margin-top: 10px; }
ul#home-news-list li.no-border { border-bottom: 0px; }
ul#home-news-list p { padding: 0px 5px 10px 5px; }
.read-more { float: right; width: 90px; height: 15px; font-size: .75em; font-weight: bold; }
.read-more a { float: right; background: #FCB400; color: #ffffff; padding: 3px 6px 3px 6px; text-decoration: none; border: solid 1px #E8A000; }
.read-more a:hover { background: #878583; border: solid 1px #4C4C4B; color: #ffffff; text-decoration: none; }

/* CONTENT PAGES */
#nav-color { background: url(../images/build/bg-sub-nav.jpg) repeat-y; float: left; width: 234px; }
ul#nav-sub { float: left; width: 234px; list-style: none; padding: 14px 0px 7px 0px; }
ul#nav-sub li { float: left; width: 214px; padding: 0px 0px 12px 16px; }
ul#nav-sub li:hover { background: url(../images/build/nav-sub-arrow.jpg) no-repeat 0px 1px; float: left; width: 214px; }
ul#nav-sub li a { float: left; width: 214px; text-decoration: none; color: #383838; font-weight: bold; font-size: .75em; }
ul#nav-sub li.active { background: url(../images/build/nav-sub-arrow.jpg) no-repeat 0px 1px; float: left; width: 214px; }

/* CONTENT PAGES CONTENT LIST */
#text-left ul, .text-left ul, #text-right ul { padding: 0px 25px 5px 20px; font-size: 12px; color: #4C4C4B; }
#text-left ul li, .text-left ul li, #text-right ul li { padding: 0px 0px 10px 0px; }

/* COURSE DESCRIPTION */
.course-desc { float: left; width: 315px; padding-right: 20px; }
/* COURSE REGISTRATION */
.course-reg { background: url(../images/build/bg-course-info.jpg) repeat-y; float: left; width: 193px; margin-top: 12px; }
.course-dates { background: url(../images/build/title-course-date.jpg) no-repeat top; float: left; width: 179px; padding: 32px 7px 10px 7px; }
.course-fees { background: url(../images/build/title-course-fees.jpg) no-repeat top; float: left; width: 179px; padding: 28px 7px 10px 7px; }
.register a { background: url(../images/build/title-register.jpg) no-repeat; float: left; width: 193px; height: 34px; }
.register a:hover { background: url(../images/build/title-register-over.jpg) no-repeat; }

.iframe { float: left; width: 520px; border-width:0; padding: 10px 0px 20px 0px; margin-bottom: 10px; }


/* CONTACT US STYLES */
#map { float: left; width: 520px; border: 1px solid #4C4C4B; margin-bottom: 10px; }
.contact { padding-bottom: 10px; }




/*********************************************************************************************************************/
/* FORM STYLES */
.form-cont { float: left; width: 510px; padding: 20px 0px 0px 20px; border-bottom: solid 1px #D1D1D1; }
#final-section { border-bottom: 0px; }
.form-line { float: left; width: 500px; font-size: .75em; color: #666666; padding-bottom: 15px; }
.data-line { float: left; }
label { float: left; width: 80px; }
.data-line label { float: left; width: 60px; }
.input-text { float: left; width: 140px; margin-right: 20px; color: #666666; }
.input-radio { float: left; width: 20px; color: #666666; }
.label-radio { width: 80px; }
.input-check { float: left; width: 20px; color: #666666; }
*:first-child+html .input-radio, *:first-child+html .input-check { margin-top: -3px; }
* html .input-radio, * html .input-check { margin-top: -3px; }
.select { float: left; width: 140px; margin-right: 20px; color: #666666; }
.textarea { float: left; font-family: Arial, Helvetica, sans-serif; }
select { color: #666666; }

#quantity { width: 40px; }
#postal_code { width: 55px; }

table.event-info { width: 520px; padding: 0px 0px 10px 20px; border-collapse: collapse; }
table.event-info td { padding: 8px 5px 0px 10px; }
table.event-info tr.alt, table.event-info td.alt { background: #F2F2F2; }
table.event-info td.total { background: #EFF9FF; }
p.location { padding: 0px 0px 10px 20px; }

table.event-receipt { width: 520px; padding: 0px 0px 10px 20px; font-size: 12px; border-collapse: collapse; }
table.event-receipt td { padding: 5px; }


.label-long { width: 140px; }
#orgname { width: 322px; }
#position { width: 322px; }
#comments { width: 322px; height: 120px; }


/*********************************************************************************************************************/
/* ADMIN FORM STYLES */
.form-col { float: left; width: 250px; }
.form-col label { width: 220px; }
.form-col .input-text { width: 220px; margin-right: 0px; }
.form-col .select { width: 220px; }

.small { font-size: 10px; }
#category_id { width: 300px; }
#name { width: 300px }
#event_time, #event_end_time { width: 150px; margin-right: 10px; }
#event_time_ampm, #event_end_time_ampm { width: 60px; }
#tax_percentage { margin-right: 5px; }
#registrant_listing { width: 350px; }
#label-event { width: 350px; }
#event { width: 350px; }


/*********************************************************************************************************************/
/* FOOTER STYLES */
#footer-cont { background: url(../images/build/bg-footer.jpg) repeat-y; float: left; width: 801px; margin: 10px 0px 0px 0px; }
#footer-top { background: url(../images/build/bg-footer-top.jpg) no-repeat top; float: left; width: 801px; }
#footer-bottom { background: url(../images/build/bg-footer-bottom.jpg) no-repeat bottom; float: left; width: 801px; }
#footer-text { float: left; padding: 9px 12px 8px 12px; font-size: 10px; color: #ffffff; }
#footer-left { float: left; width: 440px; text-align: left; }
#footer-right { float: right; width: 330px; text-align: right; }
#footer-text a { color: #ffffff; text-decoration: none; }
#footer-text a:hover { color: #D7EEF4; }



/*********************************************************************************************************************/
/* MODERN EARTH BRANDING */
#modernearth a { float: right; clear: both; margin: 0px 10px 5px 0px; }
#binarycanary a { float: right; clear: both; text-decoration: none; font-size: 10px; color: #B3B3B3; margin: 0px 10px 5px 0px; }