/* Fix IE. Hide from IE Mac \*/
* html ul li {float:left}
* html ul li a {height:1%}
/* End */


body, html {margin:0; padding:0; text-align:center; background:#D9E3E4 url(bodyBg.jpg) repeat-x; behavior: url('csshover.htc'); font-family: Arial, Helvetica, sans-serif; font-size:11px}
img {border:none}
span.menu2 {text-transform:lowercase; font-weight:bold}

 .loadImg { margin:0; padding:0; height:1px; line-height:1px; font-size:1px; width:1px; overflow:hidden }    
.globalContainer {width:798px; text-align:left; display:table; height:1%; height /**/:auto; min-height:1px; background:url(globalBg.jpg) no-repeat center bottom; margin:0 auto}
.leftContainer {float:left; width:178px; padding-top:5px; background:url(leftContentBg.jpg) no-repeat right top}
.rightContentContainer {float:right; width:620px}
.contentContainer {float:left; width:439px; overflow:hidden; position:relative}
.rightContainer {float:right; width:178px; overflow:hidden; padding-top:5px; background:url(rightContentBg.jpg) no-repeat left top}
.contentContainer  { text-align:center}
.leftContainer .imgContainer {margin-left:7px; width:170px; }
.imgContainer {width:170px; overflow:hidden}
.imgContainer img {border-bottom:1px solid #fff}
.leftContainer .imgContainer img { border-left:1px solid #FFF;}
.rightContainer .imgContainer img { border-right:1px solid #FFF;}
.logo img {float:left}


.bottomLink {/*margin-left:30px*/}
.bottomLink a {text-decoration:none; color:#73787A; font-weight:600; display:block; background:url(bottomLinkBg.gif) no-repeat left top; width:132px;width/**/ : /**/102px; padding:2px 0 2px 25px}
.rightContainer .bottomLink {text-align /**/:right}
.rightContainer .bottomLink a {padding:2px 30px 2px 0; text-align:right}

.bottomLink0 {/*margin-left:30px*/}
.bottomLink0 a {text-decoration:none; color:#73787A; font-weight:600; display:block; background:url(inactivelink.gif) no-repeat left top; width:132px;width/**/ : /**/102px; padding:2px 0 2px 25px}
.rightContainer .bottomLink0 {text-align /**/:right}
.rightContainer .bottomLink0 a {padding:2px 30px 2px 0; text-align:right}

.flash {position:relative}

.earth {padding-top:40px}
.earth img {float:left}
.earth p {padding:5px 5px 0 20px; color:#515657; font-weight:700; display:table; height:1%; height/**/ /**/:/**/auto; min-height:1px; wid4th:100px; font-size:12px}


.email {margin:0 auto; padding:0 0 24px 0; background:url(mailBg.gif) no-repeat left bottom; width:180px}
.email fieldset {margin:0; padding:0; border:none}
.email input {width:118px; width/**/ /**/:/**/120px; margin-top:44px; margin-top /**/:47px; float:left; border:1px #AAB9BE solid; color:#A7B7BC}
.email .btnSubmit {width:50px; border:none; float:right; margin-top:25px; margin-top /**/:28px; height:45px; background:url(mail.gif) no-repeat left top}

.banner {float:right; padding:60px 10px 0 0}

li:hover ul, li.over ul {display:block}
/* ----------- */

.leftContainer {  float:left; padding:15px 0 0 0 }
.leftContainer .menu { height:82px; width:178px;}
.leftContainer .menu ul { display:none}
/*
.leftContainer .item1 { height:87px; width:178px; background:url("menu_left_1.jpg") no-repeat; }
.leftContainer .item2 { height:80px; width:178px; background:url("menu_left_2.jpg") no-repeat; }
.leftContainer .item3 { height:82px; width:178px; background:url("menu_left_3.jpg") no-repeat; }
.leftContainer .item4 { height:85px; width:178px; background:url("menu_left_4.jpg") no-repeat; }
.leftContainer .item5 { height:85px; width:178px; background:url("menu_left_5.jpg") no-repeat; }
*/
.rightContainer {  float:left; padding:15px 0 0 0 }
.rightContainer .menu ul { display:none; width:180px}
.rightContainer .menu a { text-align:right; display:block; margin:0 25px 0 0 }
/*
.rightContainer .item1 { height:87px; background:url("menu_right_1.jpg") no-repeat; }
.rightContainer .item2 { height:80px; background:url("menu_right_2.jpg") no-repeat; }
.rightContainer .item3 { height:82px; background:url("menu_right_3.jpg") no-repeat; }
.rightContainer .item4 { height:85px; background:url("menu_right_4.jpg") no-repeat; }
.rightContainer .item5 { height:85px; background:url("menu_right_5.jpg") no-repeat; }
*/

.menu a {text-decoration:none; padding-left:20px; display:block; color:#FFF000; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.menu a {color:#FFF000; padding:2px 0 2px 20px}

.bottomLink { padding: 0 0 13px 20px; }

.bottomLink0 { padding: 0 0 13px 20px; }

.rightContainer .bottomLink  { padding: 0 20px 13px 20px; text-align:center}
.rightContainer .bottomLink a { text-align:left; padding-left:35px}

.rightContainer .bottomLink0  { padding: 0 20px 13px 20px; text-align:center}
.rightContainer .bottomLink0 a { text-align:left; padding-left:35px}

.rightContainer .menu li ul {right:0}
.menu .hover { height:22px}
.menu .hover:hover ul { display:block}

.menu ul {position:absolute;  z-index:100; display:none; margin:0; padding:0; list-style:none }
.menu li a {background:url(leftSubMenuBg.gif) no-repeat left top; width:178px;}
.menu li.big {background:url(leftBigSubMenuBg.gif) no-repeat left top; }
.menu li a {color:#4F8702; padding:2px 0 2px 10px; width:178px; width/**/ : /**/168px; }
.menu li a:hover {color:#FFF000; background:url(leftSubMenuBg_hover.gif) no-repeat 0 0;}

.rightContainer .menu  li a {background:url(rightSubMenuBg.gif) no-repeat right top; padding:2px 10px 2px 0px; width:178px; width/**/ : /**/168px; text-align:right}
.rightContainer .menu li.big {background:url(rightBigSubMenuBg.gif) no-repeat right top}
.rightContainer  .menu li a:hover {color:#FFF000; background:url(rightSubMenuBg_hover.gif) no-repeat right top;}


#copy {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#333}
#copy a {color:#333; text-decoration:none}