body {
  font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
color: #333;
  background: #FDFCFC url(./images/bg.jpg) no-repeat scroll center top !important;
  float: center;
}
* html .clearfix {
height: 1%;
}
.clear { clear: both; 
}
.main1 { 
  float: left; margin-left:280px; 
  margin-top: -85px;

}
.img { float:left
margin: 10px 15px 15px 0;
padding: 5px;
background: #ddd;
border: 1px solid #ccc;
}
.border {
 -moz-box-shadow:inset 0px 1px 0px 0px #CFCFCF;
 -webkit-box-shadow:inset 0px 1px 0px 0px #CFCFCF;
 box-shadow:inset 0px 1px 0px 0px #CFCFCF;
 background-color:transparent;
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
 border-radius:7px;   
 border:1px solid #CFCFCF;      
 display:inline-block;
 BACKGROUND-COLOR: #f7f7ef:
 color:#ffffff;
 padding:11px 11px;
}

.transport {
  float: left; margin-left: 35px; border: 0px; color: #FFFFFF;  
  width:auto; float:left; position:absolute;  top: 91px; overflow:hidden;
}
.icons-f{
  float: left; margin-left: 400px; border: 0px; color: #FFFFFF;  
  width:auto; float:left; position:absolute;  top: 25px; overflow:hidden;
}
.icons-t {
  float: left; margin-left: 450px; border: 0px; color: #FFFFFF;  
  width:auto; float:left; position:absolute;  top: 25px; overflow:hidden;
}
.dz-position {
  float: left; margin-top: 20px;
  padding-left:20px;  
  font-family:sans-serif, Arial;
  font-size:11px; 
 text-align: left;
}
.dz-position-2 {
  padding-left:20px;
  float: left; margin-top: 20px; 
}
.dz-title {
  font-family:sans-serif, Arial;
  font-size:11px; 
  border:none;
  font-weight:bold;
  color:#fff;
text-align: left;
  float: left; margin-left: 30px; 
  margin-top: -19px;
}
.copy {
  font-family:sans-serif, Arial;
  font-size:10px; 
  float: canter; margin-top: 20px; 
  margin-bottom: 20px; 
}

.table_main {
  padding:0px;
  padding-left:80px;

  border:0px;
  width:640px;
text-align: left;
  float: left; margin-left: -40px; 
}

.bg_1 {

  background: #E8E8E8 url(../../images/bg_01.jpg) repeat scroll center top !important;
  text-align: left;
}
.bg_2 {

  float: left; margin-left: -4.6px; border: 0px; color: #FFFFFF;  
  padding-top:10px;
}
.gray  {
 BACKGROUND-COLOR: #E8E8E8;
}

.space-top {
  float: left; margin-top: 40px; 
  padding-left:0px;
}

div#gallery { margin-top:10px; 
}
h2 { clear:both; }
 A,.cmf:hover {TEXT-DECORATION: none
}
 A:hover {COLOR: #004080; TEXT-DECORATION: underline
}
.navform {
FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #800000; FONT-FAMILY: Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #f7f7ef
}
A {COLOR: #004040; TEXT-DECORATION-COLOR: #bfa571: none
}
INPUT {FONT-SIZE: 9px; BACKGROUND: #E4E4E4; COLOR: #0F0F0F
}
TD {
font-family:  Arial;
font-size:12px; color:#4F4F4F;
}
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}
.image {

background-color:#faf7fa;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
padding:6px 6px;
text-decoration:none;
text-shadow:50px 30px 35px #ffffff;

}

#News{
font-family:sans-serif, Arial;
font-size:12px; color:#DFDFDF;
padding:4px;
padding-left:21px;
padding-right:0px;
display:block;
border:none;
font-weight:bold;
color:#fff;
background:none;

}
#Events{
font-family:sans-serif, Arial;
font-size:12px; color:#FFFFFF;
padding:4px;
padding-left:37px;
padding-right:0px;
display:block;
border:none;
font-weight:bold;
color:#fff;
background:none;

}

/* Dropcap */
.dropcap {
color: #3D4A7A;
display: block;
float: left;
font: 55px/40px Georgia, Times, serif;
padding: 2px 8px 0 0;
}

div.bgcarousel{ /* CSS for main carousel container */
background: white url(/images/loading.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:950px; /* default dimensions of carousel */
height:215px;
}

img.navbutton{ /* CSS for the nav buttons */
margin:5px;
opacity:0.9;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: grey;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: black;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: #FFFFFF; 
left: 40px;
top: 120px;
width:950px;
padding: 11px;
font: bold 18px sans-serif, Arial;
text-shadow: 1 px 1px #1F1F1F; /* CSS3 text shadow */
z-index:5;
}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.slide div.desc h2{
font-size:150%;
margin:0;
}

div.slide div.desc a{
color:black;
text-decoration:none;
}

#top_menu { margin: 0; /* all lists */ padding: 0; float: left; border-right: 0px solid #666666; 
} 
#top_menu ul { margin: 0; /* all lists */ padding: 0; 
} 
#top_menu li { margin: 0; /* all list items */ padding: 0; float: left; display: block; background: none; cursor: pointer; 
} 
#top_menu li ul { width: 16.4em; position: absolute; /* second-level lists */ z-index: 99; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ height: auto; w\idth: 21.9em; 
} 
#top_menu li ul ul { margin: -1.9em 0 0 8.5em; /* third-and-above-level lists */ 
} 
#top_menu li li { padding: 0 1em 0 0; margin: 0; width: 20.9em; 
} 
#top_menu ul a { width: 14.8em; width: 9.2em; 
} 
#top_menu li:hover ul ul, #top_menu li:hover ul ul ul, #top_menu li.sfhover ul ul, #top_menu li.havechildsfhover ul ul, #top_menu li.havechild-activesfhover ul ul, #top_menu li.activesfhover ul ul, #top_menu li.sfhover ul ul ul, #top_menu li.havechildsfhover ul ul ul, #top_menu li.havechild-activesfhover ul ul ul, #top_menu li.activesfhover ul ul ul { left: -999em; 
}
 /* This "unhides" the sub-menus (left: -999em is what hides them) */ #top_menu li:hover ul, #top_menu li li:hover ul, #top_menu li li li:hover ul, #top_menu li.sfhover ul, #top_menu li.havechildsfhover ul, #top_menu li.havechild-activesfhover ul, #top_menu li.activesfhover ul, #top_menu li li.sfhover ul, #top_menu li li.havesubchildsfhover ul, #top_menu li li.havesubchild-activesfhover ul, #top_menu li li.activesfhover ul, #top_menu li li li.sfhover ul, #top_menu li li li.havesubchildsfhover ul, #top_menu li li li.havesubchild-activesfhover ul,  #top_menu li li li.activesfhover ul { left: auto; 
} 
/* STYLING THE MENU -----------------------------------*/ /* menu line height */ 
#top_menu li a { margin: 0; padding: 0 6px; border-left: 0px solid #FFFFFF; border-right: 0px solid #333333; display: block; color: #3D4A7A; font-size: 115%; line-height: 28px; text-decoration: none; font-weight: bold; 
} 
#top_menu li a:hover, #top_menu li a:active, #top_menu li a:focus { color: #FFFFFF; 
} 
#top_menu li:hover a, #top_menu li.sfhover a, #top_menu li.havechildsfhover a, #top_menu li.havechild-activesfhover a { color: #FFFFFF; background: #7F8DAA; 
} 
#top_menu li:hover li a, #top_menu li.sfhover li a, #top_menu li.havechildsfhover li a, #top_menu li.havechild-activesfhover li a { background: none; 
} 
#top_menu li a.active, #top_menu li a.active:hover, #top_menu li a.active:active, #top_menu li a.active:focus  { margin: 0; padding: 0 6px; border-left: 0px solid #FF0000; border-right: 0px solid #; display: block; color: #; font-size: 115%; line-height: 28px; text-decoration: none; font-weight: bold; 
}
 /* 2nd level and above */ 
#top_menu li ul { border: 0px solid #DFDFDF; border-right: 0px solid #DFDFDF; border-bottom: 0px solid #DFDFDF; background: url(/images/menu.png); 
} 
* html #top_menu li ul { background: #545454; 
}
#top_menu li ul li { border: none; color: #CCCCCC; 
} 
#top_menu li ul a { margin: 0; padding: 0 10px; border: none; white-space: nowrap; font-weight:bold; font-size: 100%; line-height: 26px; 
} 
#top_menu li.havesubchild, #top_menu li.havesubchild-active { background: url(../images/menu.jpg no-repeat 70% 80%; 
} 
#top_menu li ul a:hover, #top_menu li ul a:active, #top_menu li ul a:focus, #top_menu ul li:hover, #top_menu ul li.sfhover, #top_menu ul li.havesubchildsfhover, #top_menu ul li.havesubchild-activesfhover, #top_menu ul ul li:hover, #top_menu ul ul li.sfhover, #top_menu ul ul li.havesubchildsfhover, #top_menu ul ul li.havesubchild-activesfhover { color: #FFFFFF; background: #58668D; 
} 
#top_menu ul li a.active, #top_menu ul li a.active:hover, #top_menu ul li a.active:active, #top_menu ul li a.active:focus { background: none !important; font-weight: bold; 
}
/* Clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

#ja-mainnav {
bottom: 36px;
height: 15px;  /* 44px, khoang cach dem tu duoi len. duoi=vi tri user-1 user-2  */
left: 30%;     /* vi tri chu HOME */
position: absolute; /**/
z-index: 10;
}

#ja-mainnav a,
#ja-mainnav a:hover,
#ja-mainnav a:active,
#ja-mainnav a:focus {
outline: none;
}

#ja-mainnav span.separator {
display: block;
}
.classname {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:2px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:1px 12px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}.classname:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
}.classname:active {
position:relative;
top:1px;
}
.classnamew {
 -moz-box-shadow:inset 0px 1px 0px 0px #CFCFCF;
 -webkit-box-shadow:inset 0px 1px 0px 0px #CFCFCF;
 box-shadow:inset 0px 1px 0px 0px #CFCFCF;
 background-color:transparent;
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
 border-radius:7px;   
 border:1px solid #CFCFCF;      
 display:inline-block;BACKGROUND-COLOR: #f7f7ef:
 color:#ffffff;
 padding:11px 11px;
}
.classnamew1 {
-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-moz-linear-gradient( center top, #ffffff 2%, #ffffff 100% );
background-color:#ffffff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:0px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:Alial;
font-size:13px;
font-weight:none;
padding:6px 3px;
text-decoration:none;
text-shadow:0px 0px 0px #ffffff;
}.classnamew:hover {
background:-webkit-gradient( linear, center top, center bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
background-color:#ffffff;
}.classnamew:active {
position:relative;
top:1px;
}
.classnamef {
-moz-box-shadow:inset 41px 1px 0px -38px #ffffff;
-webkit-box-shadow:inset 41px 1px 0px -38px #ffffff;
box-shadow:inset 41px 1px 0px -38px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #faf7fa), color-stop(1, #ffffff) );
background:-moz-linear-gradient( center top, #DFDFDF 5%, #ffffff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#ffffff');
background-color:#faf7fa;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:Alial;
font-size:13px;
font-weight:normal;
padding:6px 17px;
text-decoration:none;
text-shadow:50px 30px 35px #ffffff;
}.classnamef:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #DFDFDF) );
background:-moz-linear-gradient( center top, #ffffff 5%, #faf7fa 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DFDFDF');
background-color:#ffffff;
}.classnamef:active {
position:relative;
top:1px;
}
.input2 {     border: 2px solid #8F8F8F; background: #EFEFEF;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:2px solid #dcdcdc;
display:inline-block;
color:#777777;
font-size:13px;
font-weight:bold;
padding:1px 1px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
} 
 td.c5 {background-color: #044776}
 td.c4 {background-color: #FFFFFF}
 div.c3 {text-align: left}
 td.c2 {background: #E8E8E8 url (../images/transcom04.jpg) repeat ;}
 td.ca2 {background: #3D4A7A url(../images/transcom05.jpg) repeat scroll center top !important;}