@charset "UTF-8";
/* CSS Document */

body { margin:0px; padding:0px; font:1.0em Helvetica, Arial, sans-serif; color:#CCCCCC; text-align: justify; background:url(images_pres/background.jpg); }

* { margin:0px; padding:0px; }

div#mainwrap { width:1016px; height:879px; margin-left:auto; margin-right:auto; background:url(images_pres/content_bg.png) no-repeat top center; }

div#english { width: 75px; height:20px; position:absolute; left:850px; top:42px; z-index:1; font-size:1em; }

a:link { color:#CCCCCC; text-decoration:none; }

a:visited { color:#CCCCCC; text-decoration:none; }

a:hover { color:#ee3124; text-decoration:none; }

a:active { color:#CCCCCC; text-decoration:none; }

a span { color:#CCCCCC; text-decoration:underline; }

a:hover span { color:#ee3124; text-decoration:none; }

div#header_wrapper { width:1016px; height:242px; text-align:center; /*border: solid 1px #fff;*/ position: relative; border: 0px none; }

div#header_logo { width:359px; height:242px; text-align:center; /*background:url(images_pres/header_logo.png) no-repeat top left; border: solid 1px #fff;*/ }

div#header_banner { width:692px; height:242px; position:absolute; /*border: solid 1px #fff;*/ top:0px; left:324px; }

div#contentarea { width:900px; position:relative; /*border: solid;*/ margin-left:50px; }

div#column1 { width:205px; height:400px; /*background-color:#DDD;*/ position:absolute; top:25px; left:34px; overflow:hidden; /*border: solid 1px white;*/ float:left; z-index:20; /*background:url(images_pres/tile.png) no-repeat top center;*/ }

div#column1 p { margin:20px 10px 0 10px; }

div#reflux { width:203px; height: 80px; /*border: solid 1px white;*/ position:absolute; left:34px; top:440px; }

div#cac { width:203px; height: 37px; /*border: solid 1px white;*/ position:absolute; left:-20px; top:552px; }

div#nb { width:90px; height: 34px; /*border: solid 1px white;*/ position:absolute; left:213px; top:560px; }

div#column2 { width:610px; height:498px; margin: 25px 75px 0 273px; border: solid 0px white; float:left; /*overflow:auto;*/ }

div#column2 p { font-size:.8em; /*margin:1em 0px;*/ line-height:1.25em; }

div#column2 ul li { font-size:.8em; /*margin:1em 0px;*/ line-height:1.25em; } 

div#expo { width:588px; margin: 25px 75px 0 273px; border: solid 1px white; float:left; }

div#expo p { font-size:.8em; /*margin:1em 0px;*/ }

div#footer { /*width:auto;*/ /*background-color:#FAC;*/ text-align:center; padding-top:15px; font-size:0.5em; }

.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }

/*  FIX FOR IE MAC  */
.clearfix { display:inline-block; }
/*  END  */

/*  FIX IE 6  */
* html .clearfix { height:1%; }
.clearfix { display:block; }
/*  END  */

h1 { margin-top:0px; margin-bottom:0px; }

div#map p { position: absolute; left: 115px; top:150px; line-height:1.25em; width:300px; height:300px; }

div#contact p { position: absolute; left: 0px; top:425px; line-height:1.25em; width:300px; height:300px; }

div#contact h3 { position: absolute; left: 0px; top:395px; line-height:1.25em; width:300px; height:300px; }

div#arrow_wrapper { position:absolute; top:460px; height:25px; width:598px; padding-top:10px; /*border:1px solid red;*/ }

div#right_arrow { position:absolute; height:26px; width:25px; left:575px; }

div#left_arrow { position:absolute; height:26px; width:25px; left:0px; }

div#warning { font-size:50%; margin: 20px 0 0 0px; position:relative; width: 588px; }

div#warning_fr { font-size:50%; margin: 10px 0 0 0px; position:relative; width: 588px; }

.expo_img { padding-top: 8px; }

/* SCROLLER */

h2 { margin: 0; margin-bottom: 14px; padding: 0; }

h3 span { color:#ee3124; }

#slider { width: 588px; margin: 0 auto; position: relative; }

.scroll { height: 470px; width: 588px; overflow: hidden; overflow-x : hidden; position: relative; clear: left; /*background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;*/ }

.scrollContainer div.panel { /*padding: 20px;*/ height: 210px; width: 588px; }

ul.navigation { margin:0 0 0 30px; }

ul.navigation li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#2a2e32; /*sets the background of the menu items */
	/*border-right:1px solid #069; /* creates dividing lines between the li elements */
}

ul.navigation a {
display:block;
	padding:1px 25px 0px 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#bfbebe;	/* sets the type color */
}

div#navigation ul li ul {
	margin:0; 
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left:-1px; /*aligns the drop exactly under the menu */
	}
div#navigation ul li ul li {padding:0;
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #444444; /*  three sides of each drop-down item */
	border-bottom:1px solid #444444;
	border-right:1px solid #444444;}
div#navigation ul li ul li a {padding:1px .5em;}
div#navigation ul li ul li:first-child {
	border-top:1px solid #444444; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#navigation ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#navigation ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

div#navigation ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#navigation ul li ul li:hover ul li ul {visibility:hidden;}
div#navigation ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */


/*ul.navigation a:hover {
    background-color: #2a2e32;
}

ul.navigation a.selected {
    background-color: #2a2e32;
}

ul.navigation a:focus {
    outline: none;
}

/*.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}*/

.hide {
    display: none;
}

/* END SCROLLER */


/************************************************************/

/* the horizontal menu starts here */

div#listmenu {
	width:100%; /* makes the div full width */
	left: 285px;
	top:197px;
	position: absolute;
	float:right;
	/*border-top:1px solid #069;	/* draws line on top edge of div */
	/*border-bottom:1px solid #069;	 /* draws line on bottom edge of div */
	font-size:1em;	/* SET FONT-SIZE HERE */
	/*background-color:#CCF; /* colors the div */
	margin-top:20px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	text-align:left;
	}
div#listmenu ul {
	margin:0 0 0 30px;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#2a2e32; /*sets the background of the menu items */
	/*border-right:1px solid #069; /* creates dividing lines between the li elements */
	}
div#listmenu li:first-child {
	/*border-left:1px solid #069; /*the first vertial line on the menu */
	}

div#listmenu li:hover { 
	background-color:#2a2e32; /*sets the background of the menu items */
	}
div#listmenu a {
display:block;
	padding:1px 25px 0px 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#bfbebe;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#ee3124;
	}
/* the menu ends here */
/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; 
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left:-1px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {padding:0;
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #444444; /*  three sides of each drop-down item */
	border-bottom:1px solid #444444;
	border-right:1px solid #444444;}
div#listmenu ul li ul li a {padding:1px .5em;}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #444444; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	position:absolute; 
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
	}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #444444;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  } 
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  left:10em;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:100px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* END OF HACK ZONE */
/* the drop-down ends here */
/* END OF LIST-BASED MENU */













.ContentFrame
{
    width: 400px; /* This is the size of area will actually display content */
    height:300px;
    overflow: hidden; /* To hide the big div */
}
.AllTabs
{
    width: 12000px; /* This should be the width  of TabContent * number of tab. */
    height: 250px;
    position:relative; /* Position should be relative so we could move it around */
    overflow: hidden;
}
.TabContent
{
    width: 400px; /* This is the side of each tab */
    height: 300px;
    float:left; /* make sure all tab will be in one single line */
}


/*ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #CCCCCC;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #2a2e32;
}

ul.navigation a.selected {
    background-color: #2a2e32;
}

ul.navigation a:focus {
    outline: none;
}*/