/****************************************/
/*               v.2.4                  */
/****************************************/

/*########################################
              GENERAL
########################################*/
/* General */
html { background: #ffffff url("../images/background.jpg") repeat-; width: 100%; font:12px Arial, 'Times New Roman'; color:#000202; text-align:left; }
body { width: 100%; margin:0; border:none; }
img { border:none; }


/* General Titles */
h1, h2, h3, h4 { margin-top:0; color:#062f71; }
h1 { font-size:16px; padding:2px 0px; margin:0; color:#005A9E !important; font-size:16px; margin-top:10px; }
h2 { font-size:14px; padding:2px 0px; margin:0; color:#999999; margin:0; font-weight:bold; }
h3 { font-size:12px; padding:2px 0px; margin:0; color:#1874CD; font-weight:normal; }
h4 { font-size:12px; padding:2px 0px; margin:0; color:#04090e; font-family:arial; font-weight:bold; }
h5 { font-size:18px; padding:12px; margin:0; font-size:18px; margin-top:10px; }
h6 { font-size:14px; color:#ffffff; margin:0; font-weight:bold; }


/* General Links */
a { color:#1874CD; text-decoration:underline; }
a:hover { text-decoration:none; }


/* Height Light */
.light{ color:#877b34; font-weight:bold; }


/* Clear */
.clear { clear:both; overflow:hidden; height:0px; }

/* Float & Alignment*/
.float-left { float:left; }
.float-right { float:right; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }

/*########################################
              MAIN LAYOUT
########################################*/
#container {
  width:990px;
  margin: 0 auto;
}
#container-bg {
  background: url("../images/container-bg.jpg") ;
  width:990px;
  margin: 0 auto;
}
#nav {
  background: url("../images/nav-new.jpg") ;
  text-align:center;
}
#body {
  margin-left:15px;
  width:954px;
  float:left;
  min-height:651px;
  height:auto !important; 
  height:651px;
}
#inner-body {
  margin:0 auto;
  margin-top:10px;
  min-height:671px;
  height:auto !important; 
  height:671px;
}

/*########################################
              HEADER LAYOUT
########################################*/
#header .left { background: url("../images/header-left.jpg") top right no-repeat; width:484px; height:76px; float:left; }
#header .left .logo { margin:20px 0 0 20px; }
/**/
#header .right { background: url("../images/header-right.jpg") top right no-repeat; width:506px; height:76px; float:right; }
#header .right .nav { margin-top:50px; margin-right:25px; float:right; }
#header .right .nav a { margin:0 20px 0 0; font-family:Arial; text-decoration:none; color:#ffffff; font-weight:normal; }
#header .right .nav a:hover { color:#ffffff; text-decoration:underline; }
#header .right .nav li{ list-style-type: none; float:left; padding:0px; border:none; color:#ffffff; margin-right:-10px; } 
#header .right .nav ul{ padding:0; margin:0; }

/*########################################
              NAV LAYOUT
########################################*/
#nav {width:955px; height:20px; font-size:8pt; position:relative; z-index:100; margin-left:12px; border-left: 1px solid #F0F0F0;}
* html #nav {width:964px; w\idth:954px;}
#nav ul {padding:0;margin:0;list-style-type:none;}
#nav ul ul {width:191px; border-right-color:#CCCCCC; border-right-style:solid; border-right-width:1px;}
#nav li {float:left;width:191px;position:relative; text-align:center;}
#nav a, #nav a:visited {display:block;font-size:11px;text-decoration:none; color:#000; width:190px; height:20px;
   background:url('../images/nav-new2.jpg'); line-height:20px;}
* html #nav a, * html #nav a:visited {width:190px; w\idth:188px;}
/**/
#nav ul ul a.drop, #nav ul ul a.drop:visited {background:#23547d url('../images/drop.gif') bottom right no-repeat;}
#nav ul ul a.drop:hover{background:#f0f1f5 url('../images/drop.gif') bottom right no-repeat;}
#nav ul ul :hover > a.drop {background:#f0f1f5 url('../images/drop.gif') bottom right no-repeat;}
#nav ul ul ul a, #nav ul ul ul a:visited {background:#23547d;}
#nav ul ul ul a:hover {background:#f0f1f5;}
/**/
#nav ul ul {visibility:hidden;position:absolute;height:0px;top:20px;left:0; width:190px; margin-top:0px}
* html #nav ul ul {top:21px;t\op:31px; margin-top:-10px; height:inherit;}
#nav ul ul ul{left:190px; top:0px; width:190px;}
#nav ul ul ul.left {left:-190px;}
#nav table {position:absolute; top:0; left:0; border-collapse:collapse;}
#nav ul ul a, #nav ul ul a:visited {background:#23547e; color:#ffffff; height:auto; line-height:15px; padding:2px 10px;
  width:170px; text-align:left; border-bottom-color:#fff; border-bottom-style:solid; border-bottom-width:1px; }
* html #nav ul ul a, * html #nav ul ul a:visited {width:170px;w\idth:168px;}
/**/
#nav a:hover, #nav ul ul a:hover{color:#000000; background:#f0f1f5;}
#nav :hover > a, #nav ul ul :hover > a {color:#000000;background:#f0f1f5;}
#nav ul li:hover ul,
#nav ul a:hover ul{visibility:visible; }
#nav ul :hover ul ul{visibility:hidden;}
#nav ul :hover ul :hover ul{ visibility:visible;}

/*########################################
              BODY
########################################*/
#body p { margin:0; margin-left:0px; margin-right:12px;}
#body .p { color:#666666; }
/**/
#body .banner  { margin:0; height:229px; width:952px; margin-bottom:0px; }
/**/
#body .box { width:247px; float:left; margin-top:10px;font-size:11px; position:relative; margin-left:-9px; }
#body .box  h6 { background:url("../images/box-title.png"); width:227px; height:29px; font-size:16px; height:30px; line-height:30px; text-align:left; padding:8px 0 0 20px; margin:0; }
/**/
#body .box .content-bg { background:url("../images/box-bg.jpg") no-repeat; width:227px; margin-left:9px; position:relative;}
#body .box .content {  background:url("../images/box-content.jpg"); min-height:290px; height:auto !important; height:290px;}
/**/
#body .box .content p {  font-style:normal; font-weight:normal; margin-top:8px; margin-bottom:15px; margin-left:10px; float:left; width:210px;}
#body .box .content ul { margin:0 auto; margin-left:18px; color:#666666; padding:0; border:none; margin-top:15px; }
#body .box .content ul li { list-style-type:none; margin-top:3px;}
/**/
#body .box .content .ul2  li { color:#052a64; margin:0px; padding:0px; margin-left:0px; line-height:14px;  margin-top:7px; position:relative;}
#body .box .content .ul2  li img {  float:left; margin-right:10px; margin-top:5px; margin-bottom:7px;}
#body .box .content .ul2 .text { color:#000000; }
#body .box .content .image { text-align:center; margin-top:0px;}
/**/
#body .box .bottom { background:url("../images/box-bottom.jpg"); height:35px; text-align:right; padding-right:20px; position:relative;}
/**/
#body .logos { height:30px;}
#body .logos a { margin:0; margin-left:42px; float:left; margin-top:0px; }

/*########################################
         BODY PAGE2
########################################*/
#inner-body .nav2 {padding-left:0px; height:18px; line-height:normal; color:#969696; background:#ffffff; font-size:9pt; }
#inner-body .nav2 a {text-decoration:none; color:#969696;  }
#inner-body .nav2 a:hover {text-decoration:underline; }
#inner-body .nav2 ul{ padding:0px; margin:0 auto; }
#inner-body .nav2 li{display:inline; padding:0px 2px 0px 2px; margin:0px; border:none; }
/**/
#inner-body .left { float:left; width:187px; }
/**/
#inner-body .left .box2 { margin-bottom:20px; }
#inner-body .left .box2  h6 { background:url('../images/box2-title1.jpg'); width:182px; height:27px; line-height:27px; padding:0 0 0 5px; }
#inner-body .left .box2 .box2-content ul { margin:0; padding:0;  font-size:8pt; }
#inner-body .left .box2 .box2-content li { list-style-type:none; margin:0; padding:0; margin-top:1px;  }
#inner-body .left .box2 .box2-content a { text-decoration:none; background:#FFFFFF; border-bottom: 1px solid #E1E1E1; padding:0 0 0 5px; line-height:19px; width:182px;  height:inherit; display:block; color:#000000; }
#inner-body .left .box2 .box2-content a:hover { background:#F0F0F0; color:#969696; }
#inner-body .left .box2 .box2-content .active { background:#ffffff; padding:0 0 0 5px; line-height:17px; width:182px;  height:auto; display:block; color:#000000; }
#inner-body .left .box2 .box2-content .active2 { text-decoration:underline; background:#ffffff; padding:0 0 0 15px; line-height:17px; width:182px;  height:17px; display:block; color:#2a547e; }
#inner-body .left .box2 .box2-content .active2:hover { text-decoration:none; background:#2a547e; color:#ffffff;}
#inner-body .left .box2 .box2-bottom { height:0px; background:#FFFFFF; margin-top:0px; border-top: 1px solid #E1E1E1; }
/**/
#inner-body .left .box3 { margin-bottom:30px; }
#inner-body .left .box3 h6 { border-bottom:1px solid #95aabf; color:#000000; padding-left:5px; }
#inner-body .left .box3 .content3 ul { padding:0; margin:0; color:#052a64;}
#inner-body .left .box3 .content3 li { list-style-type: none; margin:0px; padding:0px; margin-left:10px; line-height:14px; font-size:10px; margin-top:7px; letter-spacing:-1px;}
#inner-body .left .box3 .content3 li img {  float:left; margin-right:10px; margin-top:5px;}
#inner-body .left .box3 .content3 li .text { color:#000000;}
/**/
#inner-body .left .button { text-decoration:none; display:block; background:url('../images/button.png'); width:157px; height:32px; line-height:32px; text-align:center; font-size:10px; color:#ffffff; }
#inner-body .left .buttonPDF { text-decoration:none; display:block; background:url('../images/btn-factsheet.jpg') no-repeat;  width:178px; height:82px; line-height:32px; text-align:center; font-size:10px; color:#ffffff; }
#inner-body .left .buttonPDF:hover {background-position: 0px -84px;}
#inner-body .left .buttonContact { text-decoration:none; display:block; background:url('../images/btn-side-contactus.jpg') no-repeat;  width:172px; height:36px; line-height:32px; text-align:center; font-size:10px; color:#ffffff; }
#inner-body .left .buttonContact:hover {background-position: 0px -40px;}
/**/
/**/
/**/
#inner-body .right { float:right; width:747px; margin:0; color:#2f3c40; }
#inner-body .right h1 { color:#2f3c40; }
#inner-body .right .banner2  { margin:0; height:134px; width:747px;}
#inner-body p { padding:5px; padding-left:0px; color:#2f3c40;  }
#inner-body .ul { margin:0; padding:0 0 0 45px; }
#inner-body li { list-style-type:disc; }

/*########################################
              FOOTER LAYOUT
########################################*/
#footer2  { width:990px; margin:0 auto; bborder:1px solid #ff00ff; }
#footer  { background:url("../images/footer.jpg") no-repeat; height:60px; text-align:center; font-size:9px; line-height:12px; padding:10px; padding-top:20px; }
#footer .left{ margin:0px; float:left; margin-top:15px;  height:30px;}
#footer .right { margin:0px; float:right; font-size:18px; text-align:right; margin-top:15px; height:30px;}
#footer .right a { font-size:9px; text-decoration:none; color:#000000; }
#footer .right  a:hover { text-decoration:underline; color:#000000; }
