body {background: url(images/bg.jpg) center repeat-y; margin: 0px; padding: 0px;}
body, td, p {font-size: 13px; font-family: Arial, Sans-serif; color: #0B2E3C;}
input, select, textarea {font-size: 10px; font-family: Arial, Verdana, Sans-serif; color: #666666; background-color: #F9F9F9; border: 1px solid #CCCCCC; height: 16px;}
table {border: 0px}
h1, h2, h3, h4, h5, h6 {padding: 0px; line-height: 18px; margin: 0px;}

/* --     layout    -- */
.topbg {background: url(images/bg_main.jpg) center top no-repeat;}
.topbghome {background: url(images/bg_main_home.jpg) center top no-repeat;}
.logocell {background: url(images/eco_training_logo.jpg) right top no-repeat; padding: 19px 10px 10px 10px; color: #84959B; font-size: 12px;}
.logocellhome {background: url(images/eco_training_logo_home.jpg) right top no-repeat;  font-family: Georgia, Serif; font-size: 32px; color: #FFFFFF; line-height: 38px; padding: 25px 360px 40px 65px;}

.menu {font-family: Arial, Sans-serif; font-size: 11px; color: #84959B; text-decoration: none; white-space: nowrap;}
A.menu:link {font-family: Arial, Sans-serif; font-size: 11px; color: #84959B; text-decoration: none; white-space: nowrap;}
A.menu:visited {font-family: Arial, Sans-serif; font-size: 11px; color: #84959B; text-decoration: none; white-space: nowrap;}
A.menu:hover {font-family: Arial, Sans-serif; font-size: 11px; color: #E7EAEB; text-decoration: none; white-space: nowrap;}


.smallicons {padding: 22px 0px 0px 0px;}
.internalsubmenu {color: #84959B; font-size: 12px;}
.iconmenucell {padding: 9px 0px 12px 0px;}
.iconmenu {font-family: "Trebuchet MS", Arial, Sans-serif; font-size: 17px; color: #FFFFFF; text-decoration: none; white-space: nowrap;}
A.iconmenu:link {font-family: "Trebuchet MS", Arial, Sans-serif; font-size: 17px; color: #FFFFFF; text-decoration: none; white-space: nowrap;}
A.iconmenu:visited {font-family: "Trebuchet MS", Arial, Sans-serif; font-size: 17px; color: #FFFFFF; text-decoration: none; white-space: nowrap;}
A.iconmenu:hover {font-family: "Trebuchet MS", Arial, Sans-serif; font-size: 17px; color: #E7EAEB; text-decoration: none; white-space: nowrap;}

.photoscell {background-color: #0B1E2F; padding: 6px;}
.newscell {border-top: 1px solid #6E919D; border-bottom: 1px solid #6E919D; padding: 10px 0px 10px 15px; font-size: 18px; color: #FFFFFF;}
.newslink {font-family: Arial, Sans-serif; font-size: 17px; color: #E7EBED; text-decoration: none;}
A.newslink:link {font-family: Arial, Sans-serif; font-size: 17px; color: #E7EBED; text-decoration: underline;}
A.newslink:visited {font-family: Arial, Sans-serif; font-size: 17px; color: #E7EBED; text-decoration: underline;}
A.newslink:hover {font-family: Arial, Sans-serif; font-size: 17px; color: #FFFFFF; text-decoration: underline;}
.submenucell {border-top: 1px solid #3D6371; border-bottom: 1px solid #3D6371; padding: 5px 0px 5px 10px; font-size: 18px; color: #FFFFFF;}
.submenu {font-family: Arial, Sans-serif; font-size: 13px; color: #E7EBED; text-decoration: none;}
A.submenu:link {font-family: Arial, Sans-serif; font-size: 13px; color: #E7EBED; text-decoration: none;}
A.submenu:visited {font-family: Arial, Sans-serif; font-size: 13px; color: #E7EBED; text-decoration: none;}
A.submenu:hover {font-family: Arial, Sans-serif; font-size: 13px; color: #FFFFFF; text-decoration: none;}

.whitebg {background-color: #FFFFFF; border-top: 1px solid #436C7D;}
.contentcell {padding: 30px 10px 30px 10px; vertical-align: top; background-color: #FFFFFF;}
.dynamiccell {padding: 0px 12px 38px 30px;}

.footercell {background: url(images/bg_footer.jpg) top center no-repeat #031117; border-top: 1px solid #4C7484;}
.footerleftcells {border-top: 1px solid #354145; padding: 15px 0px 15px 0px;}
.footermenucell {padding-right: 18px;}
.footermenuhead {font-size: 14px; color: #6D7679; border-bottom: 1px solid #6D7679; padding-bottom: 20px;}
.footermenuhead1 {font-size: 14px; color: #6D7679; border-bottom: 1px solid #6D7679; padding-bottom: 4px;}
.footermenuhead2 {font-size: 14px; color: #6D7679;}
.footermenu {padding: 7px 2px 7px 1px; border-bottom: 1px solid #6D7679;}
.footerlinks {font-size: 11px; color: #6D7679;}
A.footerlinks:link {font-size: 11px; color: #6D7679; text-decoration: none;}
A.footerlinks:visited {font-size: 11px; color: #6D7679; text-decoration: none;}
A.footerlinks:hover {font-size: 11px; color: #FFFFFF; text-decoration: none;}
.ecosalogo {padding: 18px;}
.creditscell {border-top: 1px solid #354145; padding: 8px 8px 15px 8px; font-size: 11px; color: #CDCFD1;}
.credits {font-size: 11px; color: #CDCFD1;}
A.credits:link {font-size: 11px; color: #CDCFD1; text-decoration: none;}
A.credits:visited {font-size: 11px; color: #CDCFD1; text-decoration: none;}
A.credits:hover {font-size: 11px; color: #FFFFFF; text-decoration: none;}

.pointsbg {background: url(images/points_background.gif) top left no-repeat;}
.pointshead {padding: 10px; color: #FFFFFF; font-size: 17px; font-weight: bold;}
.pointstext {padding: 10px 25px 10px 25px; color: #000000; font-size: 12px; line-height: 13px;}

.contactbox {background-color: #102C37; border: 1px solid #8A989A; padding: 8px; font-size: 10px; font-family: Verdana, Arial, Sans-serif; color: #FFFFFF;}
A.contactlink:link {font-size: 10px; font-family: Verdana, Arial, Sans-serif; color: #FFFFFF; text-decoration: none;}
A.contactlink:visited {font-size: 10px; font-family: Verdana, Arial, Sans-serif; color: #FFFFFF; text-decoration: none;}
A.contactlink:hover {font-size: 10px; font-family: Verdana, Arial, Sans-serif; color: #EFF3EA; text-decoration: underline;}
.enquirybox {background-color: #FEFEFE; border: 1px solid #143136; padding: 8px; font-size: 11px; font-family: Verdana, Arial, Sans-serif; color: #010202;}
A.enquirylink:link {font-size: 11px; font-family: Verdana, Arial, Sans-serif; color: #010202; text-decoration: none;}
A.enquirylink:visited {font-size: 11px; font-family: Verdana, Arial, Sans-serif; color: #010202; text-decoration: none;}
A.enquirylink:hover {font-size: 11px; font-family: Verdana, Arial, Sans-serif; color: #000000; text-decoration: underline;}
.submenutable {background-color: #102C37; border: 1px solid #BECDA9; padding: 4px; font-size: 11px; color: #FFFFFF;}
A.submenulink:link {font-size: 10px; font-family: Verdana, Arial, Sans-serif; color: #FFFFFF; text-decoration: underline;}
A.submenulink:visited {font-size: 10px; font-family: Verdana, Arial, Sans-serif; color: #FFFFFF; text-decoration: underline;}
A.submenulink:hover {font-size: 10px; font-family: Verdana, Arial, Sans-serif; color: #BECDA9; text-decoration: underline;}

.seolinks {font-size: 10px; color: #757556;}
A.seolinks:link {font-size: 10px; color: #757556; text-decoration: none;}
A.seolinks:visited {font-size: 10px; color: #757556; text-decoration: none;}
A.seolinks:hover {font-size: 10px; color: #535334; text-decoration: underline;}

.ratestable td {padding: 4px 20px 4px 5px;}
.ratescells {background-color: #8A989A; border-top: 9px solid #FFFFFF; color: #FFFFFF;}
.months {background-color: #8A989A; border-top: 9px solid #FFFFFF; color: #000000; font-weight: bold;}
.courses {background-color: #8A989A; border-top: 1px solid #BECDA9; border-bottom: 1px solid #BECDA9; color: #000000; font-weight: bold;}
.ratesheaders {background-color: #102C37; font-size: 12px; color: #FEFEFE; border-top: 1px solid #BECDA9; border-bottom: 1px solid #BECDA9;}
.ratelinkcells {border-top: 9px solid #FFFFFF; background-color: #8A989A;}
.rateslink {background-color: #8A989A; border: 1px solid #253410; padding: 2px; font-size: 10px; font-family: Verdana, Arial, Sans-serif; color: #EFF3EA;}
.rateslink {background-color: #FEFEFE; border: 1px solid #143136; padding: 2px; font-size: 10px; font-family: Verdana, Arial, Sans-serif; color: #010202;}
A.rateslink:link {font-size: 10px; font-family: Verdana, Arial, Sans-serif; color: #010202; text-decoration: none;}
A.rateslink:visited {font-size: 10px; font-family: Verdana, Arial, Sans-serif; color: #010202; text-decoration: none;}
A.rateslink:hover {font-size: 10px; font-family: Verdana, Arial, Sans-serif; color: #000000; text-decoration: underline;}
.courseslink {font-size: 11px; font-family: Verdana, Arial, Sans-serif; color: #000000;}
A.courseslink:link {font-size: 11px; font-family: Verdana, Arial, Sans-serif; color: #000000; text-decoration: underline;}
A.courseslink:visited {font-size: 11px; font-family: Verdana, Arial, Sans-serif; color: #000000; text-decoration: underline;}
A.courseslink:hover {font-size: 11px; font-family: Verdana, Arial, Sans-serif; color: #EFF3EA; text-decoration: underline;}


/* --     text styles    -- */
.error {font-weight: bold; color: #CC0000;}
.header1 {font-size: 20px; color: #0B2E3C;}
.subheader1 {font-size: 15px; color: #0B2E3C;}
.header2 {font-size: 20px; color: #666666;}
.subheader2 {font-size: 15px; color: #666666;}
.details {font-size: 10px; color: #999999;}
.ColorText {color: #CC0000;}
.new {font-size: 9px; font-weight: bold; color: #FFFFFF; background-color: #CC0000; padding: 3px;}
.feature {font-size: 9px; font-weight: bold; color: #FFFFFF; background-color: #CC0000; padding: 3px;}

/* --     text links     -- */
a:link {color: #0B2E3C; text-decoration: underline;}
a:visited {color: #0B2E3C; text-decoration: underline;}
a:hover {color: #000000; text-decoration: underline;}

/* -- forms -- */
#listcontainer, #menu, #nested1 {background-color: #FFFFFF; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
#listcontainer td, #nested1 td {background-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;}
#listcontainer td.dark, #nested1 td.dark {background-color: #102C37; color: #FEFEFE;}
#listcontainer td.divide, #nested1 td.divide {border-right: 1px solid #CCCCCC;}
#listcontainer2, #menu, #nested1 {background-color: #FFFFFF; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
#listcontainer2 td, #nested1 td {background-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;}
#listcontainer2 td.dark, #nested1 td.dark {background-color: #102C37; color: #FEFEFE;}
#listcontainer2 td.divide, #nested1 td.divide {border-right: 1px solid #CCCCCC;}
.dark {background-color: #F9F9F9;}

/* --     shopping cart process     -- */
.cartprocess {background-color: #F9F9F9; color: #CCCCCC; font-size: 18px; padding: 12px; padding-top: 6px; padding-bottom: 6px; border: 1px solid #424345;}
.cartprocesson {border: 1px solid #424345; background-color: #9F9FA0; color: #FFFFFF; font-size: 18px; padding: 12px; padding-top: 6px; padding-bottom: 6px;}
.cartlabels {font-weight: bold; color: #999999;}
.cartlabelson {font-weight: bold; color: #333333;}
.cartlinks {border: 1px solid #424345; background-color: #F9F9F9; color: #424345; font-size: 16px; padding: 5px; text-decoration: none;}
A.cartlinks:link {border: 1px solid #424345; background-color: #F9F9F9; color: #424345; font-size: 16px; padding: 5px; text-decoration: none;}
A.cartlinks:visited {border: 1px solid #424345; background-color: #F9F9F9; color: #424345; font-size: 16px; padding: 5px; text-decoration: none;}
A.cartlinks:hover {border: 1px solid #424345; background-color: #DDDDDD; color: #333333; font-size: 16px; padding: 5px; text-decoration: none;}

/* -- general elements across all templates -- */
.formdetails {font-size: 10px; color: #999999;}

.formheaders {font-weight: bold; text-decoration: none; color: #333333;}
A.formheaders:link {font-weight: bold; text-decoration: none; color: #333333;}
A.formheaders:visited {font-weight: bold; text-decoration: none; color: #333333;}
A.formheaders:hover {font-weight: bold; text-decoration: underline; color: #666666;}

.pagingdetails {text-decoration: none; color: #999999;}
A.pagingdetails:link {color: #999999; text-decoration: none;}
A.pagingdetails:visited {color: #999999; text-decoration: none;}
A.pagingdetails:hover {color: #00A4A9; text-decoration: none;}

.backtosearch {color: #999999; text-decoration: none; white-space: nowrap;}
A.backtosearch:link {color: #999999; text-decoration: none; white-space: nowrap;}
A.backtosearch:visited {color: #999999; text-decoration: none; white-space: nowrap;}
A.backtosearch:hover {color: #00A4A9; text-decoration: none; white-space: nowrap;}