/* HTML ENTITIES */
body { text-align: center; margin: 0; padding: 0; background: #000 url(../images/body_background.jpg) repeat-x top center; }
form { margin: 0; padding: 0; }
a:link, a:visited { color: #206464; }
a:hover, a:active { color: #ffcf00; }
img { border: 0; }
p { display: block; height: auto; margin: 0 20px 10px; }
ul { margin-left: 30px; }

/* LAYOUT CLASSES */
.clearer { display: block; width: 100%; height: 0; line-height: 0; font-size: 1px; float: none; clear: both; }
.padder { padding: 5px 10px; }
.noTop { margin-top: 0; padding-top: 0; }
.noBottom { margin-bottom: 0; padding-bottom: 0; }
.picCap { float: right; clear: none; margin-left: 30px; margin-bottom: 10px; text-align: center; }
.description { display: block; width: 90%; height: auto; margin: 0 auto 10px; }
.column-box { display: block; width: 510px; height: auto; float: none; clear: both; margin: 0 auto; }
.column { display: block; width: 240px; height: auto; float: left; clear: none; }
.paddright { margin-right: 20px; }
.center { text-align: center; }

/* BLACK BOX */
.black-box { position: relative; display: block; width: auto; height: auto; text-align: left; font-size: 14px; line-height: 150%; }
.black-box .upper { position: relative; display: block; width: 100%; height: 11px; }
.black-box .upper-left { position: absolute; top: 0; left: 0; display: block; width: 11px; height: 11px; background: url(../images/black_box_01.png) no-repeat top left; }
.black-box .upper-mid { position: absolute; top: 0; left: 11px; bottom: 0; right: 11px; background: url(../images/black_box_02.png) repeat-x top left; }
.black-box .upper-right { position: absolute; top: 0; right: 0px; display: block; width: 11px; height: 11px; background: url(../images/black_box_03.png) no-repeat top left; }
.black-box .box-content { display: block; width: auto; height: auto; background: url(../images/black_box_02.png) repeat top left; }
.black-box .box-content .padder { padding: 15px 25px 5px; }
.black-box .lower { position: relative; display: block; width: 100%; height: 11px; }
.black-box .lower-left { position: absolute; top: 0; left: 0; display: block; width: 11px; height: 11px; background: url(../images/black_box_07.png) no-repeat top left; }
.black-box .lower-mid { position: absolute; top: 0; left: 11px; bottom: 0; right: 11px; background: url(../images/black_box_08.png) repeat-x top left; }
.black-box .lower-right { position: absolute; top: 0; right: 0px; display: block; width: 11px; height: 11px; background: url(../images/black_box_09.png) no-repeat top left; }
.black-box .close { position: absolute; top: 10px; right: 10px; }
#Content .black-box .close a { display: block; width: 11px; height: 11px; background: url(../images/black_box_close.png) no-repeat top left; border: none; text-decoration: none; }
#Content .black-box .close a:hover { background-position: -11px 0 }
#Content .black-box .close a span { display: none; }

/* GREEN BOX */
.green-box { position: relative; display: block; width: auto; height: auto; text-align: left; font-size: 14px; line-height: 150%; }
.green-box .upper { position: relative; display: block; width: 100%; height: 11px; }
.green-box .upper-left { position: absolute; top: 0; left: 0; display: block; width: 11px; height: 11px; background: url(../images/green_box_01.png) no-repeat top left; }
.green-box .upper-mid { position: absolute; top: 0; left: 11px; bottom: 0; right: 11px; background: url(../images/green_box_02.png) repeat-x top left; }
.green-box .upper-right { position: absolute; top: 0; right: 0px; display: block; width: 11px; height: 11px; background: url(../images/green_box_03.png) no-repeat top left; }
.green-box .box-content { display: block; width: auto; height: auto; background: url(../images/green_box_02.png) repeat top left; }
.green-box .box-content .padder { padding: 15px 25px 5px; }
.green-box .lower { position: relative; display: block; width: 100%; height: 11px; }
.green-box .lower-left { position: absolute; top: 0; left: 0; display: block; width: 11px; height: 11px; background: url(../images/green_box_07.png) no-repeat top left; }
.green-box .lower-mid { position: absolute; top: 0; left: 11px; bottom: 0; right: 11px; background: url(../images/green_box_08.png) repeat-x top left; }
.green-box .lower-right { position: absolute; top: 0; right: 0px; display: block; width: 11px; height: 11px; background: url(../images/green_box_09.png) no-repeat top left; }
.green-box .close { position: absolute; top: 10px; right: 10px; }
#Content .green-box .close a { display: block; width: 11px; height: 11px; background: url(../images/green_box_close.png) no-repeat top left; border: none; text-decoration: none; }
#Content .green-box .close a:hover { background-position: -11px 0 }
#Content .green-box .close a span { display: none; }

/* IMAGE PRE-LOADER */
#PreLoader { display: none; }

/* MAIN LAYOUT ELEMENTS */
#Wrapper { position: relative; display: block; width: 850px; height: auto; margin: 0 auto; background: url(../images/wrapper_background.png) repeat-y top center; }
#WrapperBody { position: relative; display: block; width: 800px; height: auto; min-height: 600px; margin: 0 auto; }

#Header { position: absolute; top: 0; left: 0; display: block; width: 800px; height: 112px; background: url(../images/green1_background.png) repeat top left; z-index: 100; }
#Header #MLP { position: absolute; top: 0; left: 0; display: block; width: 184px; height: 112px; }
#Header #MLP h1 { position: absolute; top: 0; left: 0; margin: 0; padding: 0; }
#Header #MLP h1 a { display: block; width: 184px; height: 112px; background: url(../images/img_mlp_logo.png) no-repeat top left; }
#Header #MLP h1 a span,
#Header #MLP h2,
#Header #MLP p { display: none; }

#Header #PageNav { position: absolute; top: 20px; right: 19px; display: block; width: 110px; height: auto; }
#Header #PageNav h3 { display: none; }
#Header #PageNav ul { margin: 0; padding: 0; list-style: none; }
#Header #PageNav ul li { margin: 0; padding: 0; list-style: none; }
#Header #PageNav ul li a { position: relative; display: block; width: 109px; height: 27px; line-height: 27px; padding-right: 20px; color: #ffcf00; font-size: 17px; text-align: right; font-weight: normal; font-family: Georgia, "Times New Roman", "MS Serif", "New York", serif; text-decoration: none; } 
#Header #PageNav ul li a:hover { color: #fff; } 

body#isCompany #Header #PageNav ul li a#navComp, 
body#isCompany #Header #PageNav ul li a#isPartners, 
body#isCompany #Header #PageNav ul li a#isFinancials, 
body#isCompany #Header #PageNav ul li a#isCareers, 
body#isCompany #Header #PageNav ul li a#isNews, 
body#isCompany #Header #PageNav ul li a#navEvents { background:  url(../images/nav_active.png) no-repeat top left; } 
body#isProperties #Header #PageNav ul li a#navProperties { background:  url(../images/nav_active.png) no-repeat top left; } 
body#isContact #Header #PageNav ul li a#navContact { background:  url(../images/nav_active.png) no-repeat top left; } 
body#isHome #ContentWrapper { position: absolute; top: 0; left: 0; display: block; width: 800px; height: 600px; text-align: left; background: #014040 url(../images/content_background.jpg) no-repeat top left; }
body#isHome #ContentWrapper .padder { position: absolute; top: 170px; left: 20px; display: block; width: 700px; height: 360px; overflow: hidden; }

body#isHome #Content { position: absolute; top: 250px; left: 150px; display: block; width: 500px; height: auto; color: #fff; z-index: 1000; }

body#isHome #Footer { position: absolute; bottom: 0; left: 0; display: block; width: 800px; height: 45px; background: url(../images/green1_background.png) repeat top left; z-index: 100; }

#ContentWrapper { position: absolute; top: 0; left: 0; display: block; width: 800px; height: auto; min-height: 600px; text-align: left; background: #fff; background-repeat: no-repeat; }
#ContentWrapper .padder { padding: 170px 40px 35px; }
#Content { position: relative; display: block; width: auto; height: auto; min-height: 555px; color: #000; font: 12px/140% Georgia, "Times New Roman", "MS Serif", "New York", serif; }
#Content { color: #333; font-family: Georgia, "Times New Roman", "MS Serif", "New York", serif; line-height: 150%; font-size: 11px; }
#Content h1,
#Content h2, 
#Content h3, 
#Content h4, 
#Content h5, 
#Content h6 { color: #206464; font-weight: normal; font-family: Georgia, "Times New Roman", "MS Serif", "New York", serif; }
h1 { font-size: 28px; line-height: 30px; }
h2 { font-size: 24px; line-height: 26px; }
h3 { font-size: 18px; line-height: 20px; }
h4 { font-size: 14px; line-height: 16px; }
#Content a:link,
#Content a:visited { color: #555; text-decoration: none; border-bottom: 1px dotted #555; }
#Content a:hover,
#Content a:active { color: #206464; text-decoration: none; border-bottom: 1px dotted #206464; }
h1.divider, 
h2.divider, 
h3.divider { border-bottom: 1px #777 dotted; padding-bottom: 2px; }

/* FOOTER */
#Footer { position: relative; display: block; width: 800px; height: 45px; background: url(../images/green1_background.png) repeat top left; z-index: 100; }
#Footer #Copyright { display: block; width: 590px; height: 32px; text-align: right; color: #ffcf00; float: left; clear: none; font: 10px/13px Georgia, "Times New Roman", "MS Serif", "New York", serif; }
#Footer #Copyright .padder { padding: 10px 0px; width: auto; height: auto; min-height: 1%; }
#Footer #EHO { display: block; width: 45px; height: auto; float: left; clear: none; }
#Footer #EHO a#EHOLogo { display: block; width: 35px; height: 45px; margin-left: 10px; background: url(../images/img_eho_logo.png) no-repeat center center; }
#Footer #EHO a#EHOLogo span { display: none; }
#Footer #EmpOptions { display: block; width: 150px; height: auto; margin-left: 5px; }
#Footer #EmpOptions a { display: block; width: 50px; height: 45px; float: left; clear: none; }
#Footer #EmpOptions a#EmpEmail { background:  url(../images/icn_emp_email.png) no-repeat center 0px; }
#Footer #EmpOptions a#EmpHelpDesk { background:  url(../images/icn_emp_helpdesk.png) no-repeat center 0px; }
#Footer #EmpOptions a#EmpHRConnect { background:  url(../images/icn_emp_hrconnect.png) no-repeat center 0px; }
#Footer #EmpOptions a:hover#EmpEmail,
#Footer #EmpOptions a:hover#EmpHelpDesk, 
#Footer #EmpOptions a:hover#EmpHRConnect { background-position: center -45px; }
#Footer #EmpOptions br,
#Footer #EmpOptions a span { display: none; }

/* MAIN NAVIGATION */
#Nav h3 { display: none; }
#Nav { position: absolute; top: 112px; left: 0; display: block; width: 800px; height: 46px; text-align: center; background: url(../images/green2_background.png) repeat top left; z-index: 100; border-top: 3px solid #ffcf00; border-bottom: 3px solid #ffcf00; z-index: 10000; }
#Nav ul {  display: table; margin: 0 auto; padding: 0; white-space: nowrap; list-style: none; }
#Nav ul ul { display: block; }
#Nav a { position: relative; display: block; margin: 0; padding: 0 10px; color: #ffcf00; font: 16px/46px Georgia, "Times New Roman", "MS Serif", "New York", serif; font-weight: normal; text-decoration: none; }

#Nav a:hover { color: white; background: #000; text-decoration: none; }
#Nav ul li { position: relative; display: table-cell; } 
#Nav ul li ul li { position: relative; display: block; font-size: 12px; text-transform: none; } 
#Nav ul li ul,
#Nav ul li.mNormal ul { position: absolute; background: none; width: auto; white-space: nowrap; left: -999em;}
#Nav ul li.mHover ul {  left: auto; }
#Nav ul li.mNormal ul li, 
#Nav ul li.mHover ul li {  color: black; background: #ffcf00; border-bottom: 1px solid #fff; height: auto; width: auto; white-space: nowrap; text-align: left; }
#Nav ul li ul li a { color: black; background: #ffcf00; line-height: 24px; text-align: left; padding: 0 15px; width: auto; white-space: nowrap; font-size: 12px; text-transform: none; }
#Nav ul li ul li a:hover { color: black; background: #fff; }

body#isHome #Nav h3 { display: none; }
body#isHome #Nav { position: absolute; top: 112px; left: 0; display: block; width: 800px; height: 46px; text-align: center; background: url(../images/green2_background.png) repeat top left; z-index: 100; border-top: 3px solid #ffcf00; border-bottom: 3px solid #ffcf00; z-index: 10000; }
body#isHome #Nav ul {  display: table; margin: 0 auto; padding: 0; white-space: nowrap; list-style: none; }
body#isHome #Nav ul li { position: relative; display: table-cell; width: 201px; height: 46px; } 
body#isHome #Nav ul li a { position: relative; display: block; width: 201px; height: 46px; line-height: 46px; } 
body#isHome #Nav ul li a#navComp { background:  url(../images/nav_company.png) no-repeat top left; } 
body#isHome #Nav ul li a#navProperties { background:  url(../images/nav_property.png) no-repeat top left; } 
body#isHome #Nav ul li a#navContact { background:  url(../images/nav_contact.png) no-repeat top left; } 
body#isHome #Nav ul li a:hover#navComp,
body#isHome #Nav ul li a:hover#navProperties,
body#isHome #Nav ul li a:hover#navContact { background-position: 0px -46px; }
body#isHome #Nav ul li a span { display: none; }

body#isCompany #Nav ul li a#navCompany { color: #fff; text-decoration: underline; }

#NewsTicker { position: absolute; top: 164px; left: 0; display: block; width: 800px; height: 20px; line-height: 18px; color: #fff; text-align: center; font-size: 11px; font-family: Georgia, "Times New Roman", "MS Serif", "New York", serif; background: url(../images/black_background.png) repeat top left; z-index: 100; overflow: hidden;  }
#NewsTicker .padder { padding: 0px 5px;font-size: 11px; }
#NewsTicker a { color: #fff; text-decoration: none;font-size: 11px; }
#NewsTicker a:hover { color: #ffcf00; }
#NewsTicker table { margin: 0 auto; font-size: 11px; }

body#isProperty a:link#MLPExperience,
body#isProperty a:hover#MLPExperience,
body#isProperty a:active#MLPExperience,
body#isProperty a:visited#MLPExperience,
body#isTeam a:link#MLPExperience,
body#isTeam a:hover#MLPExperience,
body#isTeam a:active#MLPExperience,
body#isTeam a:visited#MLPExperience,
body#isEvents a:link#MLPExperience,
body#isEvents a:hover#MLPExperience,
body#isEvents a:active#MLPExperience,
body#isEvents a:visited#MLPExperience { border: none; }