/************************************************************************************************************************/
/* RESET THE CSS */
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 { border:0pt none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; font-style:inherit; font-weight:inherit; margin:0pt; outline-color:invert; outline-style:none; outline-width:0pt; padding:0pt; vertical-align:baseline; }
table { border-collapse:separate; border-spacing:0pt; }
caption, th, td { font-weight:normal; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
strong { font-weight:bold; }
em { font-style:italic; }
* { margin:0pt; padding:0pt; }
a { outline: none; }

/*******************************************************************************************************************************/
/* TEXT FORMATTING STYLES */
h1 { font-size: 15px; font-weight: bold; color: #474747; padding-bottom: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 a { color: #474747; text-decoration: none; }
h1 a:hover { color: #F6921E; }
h2 { font-size: 13px; font-weight: bold; color: #474747; padding-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; }
h3 { font-size: 13px; font-weight: bold; color: #474747; padding-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; }
p { color: #474747; font-size: 11px; padding-bottom: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#inside-side ul { font-size: 11px; list-style: disc; padding: 7px 50px 12px 20px; }
#inside-side ul li { color: #59574D; padding-bottom: 10px; }
#inside-side ol { font-size: 11px; list-style: number; padding: 7px 50px 12px 20px; }
#inside-side ol li { color: #59574D; padding-bottom: 10px; }
a { color: #58AEEB; text-decoration: none; }
a:hover { color: #474747; }
.read-more { font-weight: bold; font-style: italic; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.img-right { float: right; }

/*******************************************************************************************************************************/
/* CENTERING AND POSITIONING */
body { background: #A4D7EA url(../images/bg.jpg) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; }
#wrapper { margin: 0 auto; width: 789px; }

/*******************************************************************************************************************************/
/* LOGO AND HEADER AND BANNER */
#header {  float: left; width: 789px; height: 312px; margin: 16px 0px 0px 0px; }
#logo a { background: url(../images/logo-mta.png); float: left; width: 140px; height: 144px; }
* html #logo a { behavior: url(../images/iepngfix.htc); float: left; width: 140px; height: 144px; cursor: pointer; }
#logo-home a { background: url(../images/logo-mta-top.png) no-repeat; float: left; width: 140px; height: 97px; }
* html #logo-home a { behavior: url(../images/iepngfix.htc); float: left; width: 140px; height: 97px; cursor: pointer; }
#nav-logo-cont { background: url(../images/bg-nav.jpg) repeat-x 0px 20px; float: right; width: 789px; height: 97px; }
#banner { background: url(../images/banner1.jpg) no-repeat 19px 96px; float: left; width: 789px; height: 312px; }
#banner-home { float: left; width: 789px; height: 216px; }

/*******************************************************************************************************************************/
/* NAVIGATION STYLES */
#nav { float: right; width: 636px; height: 76px; margin-top: 20px; }
#nav ul { float: left; width: 636px; height: 76px; list-style: none; }
#nav ul li { float: left; height: 76px; }
#nav ul li a { float: left; height: 76px; }
/* NAVIGATION LAYOUT*/
#nav ul li#about { background: url(../images/nav-about.jpg) no-repeat; width: 55px; }
#nav ul li#benefits { background: url(../images/nav-benefits.jpg) no-repeat; width: 78px; }
#nav ul li#courses { background: url(../images/nav-courses.jpg) no-repeat; width: 60px; }
#nav ul li#events { background: url(../images/nav-events.jpg) no-repeat; width: 62px; }
#nav ul li#committees { background: url(../images/nav-committees.jpg) no-repeat; width: 76px; }
#nav ul li#scholarships { background: url(../images/nav-scholarships.jpg) no-repeat; width: 77px; }
#nav ul li#industry { background: url(../images/nav-industry.jpg) no-repeat; width: 60px; }
#nav ul li#members { background: url(../images/nav-members.jpg) no-repeat; width: 64px; }
#nav ul li#products { background: url(../images/nav-products.jpg) no-repeat; width: 56px; }
#nav ul li#contact { background: url(../images/nav-contact.jpg) no-repeat; width: 47px; }
/* NAVIGATION LINK */
#nav ul li#about a { background: url(../images/nav-about.jpg) no-repeat; width: 55px; }
#nav ul li#benefits a { background: url(../images/nav-benefits.jpg) no-repeat; width: 78px; }
#nav ul li#courses a { background: url(../images/nav-courses.jpg) no-repeat; width: 60px; }
#nav ul li#events a { background: url(../images/nav-events.jpg) no-repeat; width: 62px; }
#nav ul li#committees a { background: url(../images/nav-committees.jpg) no-repeat; width: 76px; }
#nav ul li#scholarships a { background: url(../images/nav-scholarships.jpg) no-repeat; width: 77px; }
#nav ul li#industry a { background: url(../images/nav-industry.jpg) no-repeat; width: 60px; }
#nav ul li#members a { background: url(../images/nav-members.jpg) no-repeat; width: 64px; }
#nav ul li#products a { background: url(../images/nav-products.jpg) no-repeat; width: 56px; }
#nav ul li#contact a { background: url(../images/nav-contact.jpg) no-repeat; width: 47px; }
/* NAVIGATION HOVER */
#nav ul li#about a:hover { background: url(../images/nav-about-over.jpg) no-repeat; }
#nav ul li#benefits a:hover { background: url(../images/nav-benefits-over.jpg) no-repeat; }
#nav ul li#courses a:hover { background: url(../images/nav-courses-over.jpg) no-repeat; }
#nav ul li#events a:hover { background: url(../images/nav-events-over.jpg) no-repeat; }
#nav ul li#committees a:hover { background: url(../images/nav-committees-over.jpg) no-repeat; }
#nav ul li#scholarships a:hover { background: url(../images/nav-scholarships-over.jpg) no-repeat; }
#nav ul li#industry a:hover { background: url(../images/nav-industry-over.jpg) no-repeat; }
#nav ul li#members a:hover { background: url(../images/nav-members-over.jpg) no-repeat; }
#nav ul li#products a:hover { background: url(../images/nav-products-over.jpg) no-repeat; }
#nav ul li#contact a:hover { background: url(../images/nav-contact-over.jpg) no-repeat; }

/*******************************************************************************************************************************/
/* CONTENT STYLES */
#content-cont { background: #ffffff url(../images/bg-home.jpg) repeat-y; float: left; width: 770px; margin-left: 19px; }
#content-cont-inside { background: #ffffff url(../images/bg-inside.jpg) repeat-y; float: left; width: 770px; margin-left: 19px; }
* html #content-cont { margin-left: 10px; }
* html #content-cont-inside { margin-left: 10px; }
#content-top { background: url(../images/bg-content-top.jpg) no-repeat; float: left; width: 770px; }
#content-top-inside { background: url(../images/bg-content-top-inside.jpg) no-repeat; float: left; width: 770px; }
#content-bottom { background: url(../images/bg-content-bottom.jpg) repeat-x bottom; float: left; width: 770px; padding-bottom: 30px; }
#content { padding: 20px 10px 20px 10px; }

/*******************************************************************************************************************************/
/* COLUMN LAYOUTS */
#left-side { float: left; width: 192px; }
#left-cont { padding-right: 10px; }
#middle { float: left; width: 367px; }
#middle-cont { padding: 0px 10px 0px 10px; }
#right-side { float: left; width: 190px; }
#right-cont { padding-left: 10px; }
#inside-side { float: left; width: 560px; }
#inside-cont { padding: 0px 35px 0px 15px; }

/*******************************************************************************************************************************/
/* TITLE STYLES */
.title { padding-bottom: 10px; }
#title-form { background: url(../images/title-form-downloads.png) no-repeat; float: left; width: 135px; height: 15px; }
* html #title-form { behavior: url(../images/iepngfix.htc); float: left; width: 135px; height: 15px; }
#title-news { background: url(../images/title-latest-news.png) no-repeat; float: left; width: 94px; height: 15px; }
* html #title-news { behavior: url(../images/iepngfix.htc); float: left; width: 94px; height: 15px; }
#title-links { background: url(../images/title-links-interest.png) no-repeat; float: left; width: 135px; height: 15px; }
* html #title-links { behavior: url(../images/iepngfix.htc); float: left; width: 135px; height: 15px; }

/*******************************************************************************************************************************/
/* SUB NAVIGATION STYLES */
ul#subnav { float: left; width: 180px; list-style: none; font-size: 11px; padding-bottom: 30px; }
ul#subnav li { float: left; width: 180px; color: #58AEEB; font-weight: bold; font-style: italic; padding-bottom: 8px; }
ul#subnav li a { color: #58AEEB; text-decoration: none; }
ul#subnav li a:hover { color: #474747; }

/*******************************************************************************************************************************/
/* FORM DOWNLOAD HOME PAGE */
img.logo { padding-bottom: 7px; }
table.form { border-collapse: collapse; float: left; font-size: 11px; color: #474747; width: 182px; }
table.form td { background: #F2F9F9; padding: 8px 5px 12px 10px; border-bottom: solid 2px #ffffff; }
table.form td a { color: #474747; text-decoration: underline; }
table.form td a:hover { text-decoration: none; }
#form-downloads-link { float: left; width: 180px; height: 35px; padding-bottom: 20px }
/*******************************************************************************************************************************/
/* TRAINING TABLE HOME PAGE */
table.training { border-collapse: collapse; float: left; font-size: 12px; color: #474747; width: 182px; }
table.training td { background: #F4F4F4; padding: 8px 5px 6px 5px; border-right: solid 2px #ffffff; }
table.training td#training-title { background: #E5E5E5; }
table.training td a { color: #474747; text-decoration: underline; }
table.training td a:hover { text-decoration: none; }
/*******************************************************************************************************************************/
/* CTA TABLE HOME PAGE */
#home-links-interest { float: left; width: 180px; }
table.cta-release { border-collapse: collapse; float: left; font-size: 12px; color: #474747; width: 180px; margin-bottom: 20px; }
table.cta-release td { background: #F2F9F9; padding: 8px 5px 6px 5px; border-right: solid 2px #ffffff; }
table.cta-release td#training-title { background: #E5E5E5; }
table.cta-release td a { color: #474747; text-decoration: underline; }
table.cta-release td a:hover { text-decoration: none; }

/*******************************************************************************************************************************/
/* CONTACT INFOMATION ON EACH PAGE */
table.contact { border-collapse: collapse; float: left; font-size: 12px; color: #474747; width: 180px; }
table.contact td { background: #F4F4F4; padding: 8px 5px 6px 10px; border-bottom: solid 2px #ffffff; }
table.contact td#contact-title { background: #E5E5E5; }
table.contact td a { color: #474747; text-decoration: underline; }
table.contact td a:hover { text-decoration: none; }

/*******************************************************************************************************************************/
/* ALPHABET NAVIGATION */
ul#alpha-nav { float: left; width: 480px; list-style: none; margin: 0px; padding: 0px; }
ul#alpha-nav li { float: left; padding-right: 7px; font-size: 12px; }
.block-cont { float: left; }
.link-col { float: left; width: 250px; }
#map { float: left; width: 500px; height: 250px; }
.product-item { width: 510px; }
.divide { float: left; width: 510px; margin-bottom: 10px; height: 1px; border: 0px; border-bottom: solid 1px #C4C4C4; }
.right-para { float: right; text-align: right; width: 510px; }

/*******************************************************************************************************************************/
/* FORM LAYOUT STYLES */
.form-section { float: left; width: 500px; padding: 20px 0px 20px 20px; border: solid 1px #CCCCCC; border-bottom: none; }
* html .form-section { padding: 20px 0px 20px 10px; }
.form-section#final-section { border-bottom: solid 1px #CCCCCC; margin-bottom: 20px; }
.form-line { float: left; width: 500px; font-size: 11px; color: #999999; padding-bottom: 9px; }
.form-line input { width: 470px; border: solid 1px #C1C1C1; color: #074B60; }
.form-line .half input { width: 225px; color: #074B60; }
.half { float: left; width: 250px; }
textarea { width: 470px; height: 60px; font-family:Arial, Helvetica, sans-serif; color: #074B60; font-size: 12px; }

.input-padding { margin-bottom: 3px; }
.half input.radio { width: 25px; border: none; }
.radio-line { padding-top: 5px; }
.select { width: 220px; color: #666666; font-size: 12px; height: 20px; }
.form-line-submit { float: left; width: 100px; font-size: 11px; color: #999999; padding-bottom: 9px; padding-top: 10px;  }
.form-line-submit input { width: 100px; border: solid 1px #C1C1C1; }

/*******************************************************************************************************************************/
/* FOOTER LAYOUT STYLES */
#footer { background: #E4F4F4; float: left; width: 770px; margin-left: 19px; }
* html #footer { margin-left: 10px; }
#footer-nav { float: left; width: 770px; margin: 7px 0px 20px 0px; }
#footer-nav ul { list-style: none;  }
#footer-nav ul li { color: #58AEEB; font-size: 10px; float: left; padding-right: 6px; }
ul#line-one { margin-left: 70px; }
ul#line-two { margin-left: 105px; }
#copyright p { font-size: 10px; float: right; padding-right: 15px; }

/********************************************************************************************************************************/
/* MODERN EARTH BRANDING */
#modernearth { float: left; width: 121px; height: 31px; padding: 5px 0px 10px 665px; }