/* Requires: normalize.css -box-sizing.htc */
/* Global Reset & Standards ---------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, 
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}

#container {
	background-color:#E3E4DB;
}
#header {
  height:100%;
  float: left;
  width: 100%;
  background-color:#FFFFFF;
  background-repeat: no-repeat; 
}
.heading {
	color:#999; 
	margin:0 0 5px 0; 
	padding: 0 0 5px 5px; 
	font-size:16px; 
	border-bottom:1px solid #ECEDE8; 
}
#title{
	background-image:url(../images/site/lhlogograd.png);
	background-repeat:repeat-y;
	background-color: #64E5E7;
	border: solid #F5D608;
	width: 100%;
	height:140px;
}
#contentwrap2{
	background-color:white;
}
#contentwrap{
	text-align:justify;
	padding-left:5px;
	padding-right:5px;	
	background-color:white;
}

img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

footer {
	padding: 20px 30px;
	background-color: #dbecf1;
}

body {
	background-image:url(../images/site/texture.jpg);
	background-attachment: fixed;
	margin-left: auto;
	margin-right: auto;
	min-width:365px;
	font-family:font-family:Arial,Helvetica,sans-serif;
	font-size:16px; 
	color:#333; 
	line-height:1.63;
}

.logo-left {
	float:left;
	background-image:url(../images/site/title%20sm.png);
	background-repeat: no-repeat;
	height:127px;
	width:355px;
	margin-left:5px;
	margin-bottom:-15px;
	padding-right:5px;
}

.style-logo {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 192px; 
}

.style-nav ul {
	list-style-type: none;
}

.style-nav ul li a {
	text-decoration: none;
	color: #2F322A;
	text-align: center;
	display: block;
	text-transform: uppercase;
	padding: 8px;
}

/* Requires globals.css */
#widemenu { height:480px; background: #4d4d4d; margin-top: 0px; padding: 0; }
#widemenu > li { width:100%; float: left; display: block; position: relative; padding: 0; margin: 0; border: 1px solid #333333; line-height: 38px; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; }

#widemenu > li.active { background: #2ba6cb; border-color: #2284a1; }
#widemenu > li.active > a { color: white; cursor: default; }
#widemenu > li.active:hover { background: #2ba6cb; cursor: default; }
#widemenu > li:hover { background: #333333; }
#widemenu > li a { color: #e6e6e6; }
#widemenu > li ul { margin-bottom: 0; }
#widemenu > li .flyout { display: none; }
#widemenu > li.has-flyout > a:first-child { padding-right: 36px; position: relative; }
#widemenu > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #e6e6e6 transparent transparent transparent; position: absolute; right: 20px; top: 17px; }
#widemenu > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 22px; z-index: 2; display: block; }
#widemenu > li.has-flyout.is-touch > a:first-child { padding-right: 55px; }
#widemenu > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666; }
#widemenu > li > a:first-child { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 14px; }
#widemenu > li > input { margin: 0 10px; }
#widemenu.vertical { height: auto; margin-top: 0; }
#widemenu.vertical > li { float: none; border-bottom: none; }
#widemenu.vertical > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent transparent transparent #e6e6e6; }
#widemenu.vertical > li .flyout { left: 100%; top: -1px; }
#widemenu.vertical > li .flyout.right { left: auto; right: 100%; }

.navbar-collapse{
	max-height:340px;
	overflow-x:visible;
	padding-right:15px;
	padding-left:15px;
	border-top:1px solid transparent;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
	-webkit-overflow-scrolling:touch;
}

#main-cont-home {
	background-size: cover;
	color: #333;
	text-align: justify;
	margin-bottom:2px;
	padding: 0 5px;
	background-color: white;
}

.main-cont {
	border:solid #F4F309;
	background-size: cover;
	background-color:#F9F7F7;
	color: #666666;
	text-align:justify;
	margin-bottom:0px;
	padding: 20px 20px 10px 20px;
}
.col-cont-main {
	width:100%;
	margin-top: -25px;
	
}

.side-bar {
	width:100%;
	float:left;
	padding: 20px 0px 0px 0px;
	text-align:left;
	
}
#sidebar {
	width:100%;
	float:left;
}

#side-title { 
  background:#f4f4f4; 
  font-size:14px; 
  margin-top: 15px 
}

#side-title2 { 
  background:#f4f4f4; 
  font-size:14px; 
  margin-top: 0px 
}

/* Floating & Alignment */
.left { float:left; }
.right { float:right; margin-top:5px; text-align:right }
.clear {width:100%; }
.active { display:block; background:#FFF; color:#15527e; margin:-5px -10px -5px -10px; padding:5px 5px 5px 10px;font-size:15px;font-weight: bold; }
.pullquote { float: right; width: 283px; margin: 2px 0px 2px 10px; padding: 0px; font: 18px Arial, Helvetica, sans-serif; border-top 2px solid #666666; border-bottom 2px solid #666666; color: #666666; text-align: justify;}

.widget-title { 
	color:#03F; 
	background:#1e90ff; 
	height:30px; 
	margin:0px 0px 5px 0px;
	padding:5px 5px; 
	font-size:17px; 
	line-height:23px;  
	text-align:left; 
	background-image: url(../images/site_images/topmenu.png); background-repeat: repeat-x; 
}
.widget ul li { 
	border-bottom:1px dotted #ddd; 
	margin:0 0px -1px 0px; 
	padding:7px 0 5px 0; 
}

/* CONTENT */
.entry-thumb { float:left; display:block; position:relative; margin:0 15px 10px 0; }
.entry-title-home { font-family:Arial,Helvetica,sans-serif;text-transform: none;font-size:17px;padding: 0 5px;}
.entry-title { font-family:Arial,Helvetica,sans-serif;text-transform: none;font-size:18px;padding: 0 5px;}
.entry-title h1 { font-size:24px; }
.entry-excerpt { display:table; font-size:15px; text-align:justify; margin: 15px 5px 15px 5px; }
.entry-content { display:table; font-size:17px; text-align:bottom; margin: 05px 5px 0px 5px;}
.entry-meta, .entry-meta a { color:#666; font-size:14px; margin: 5px 0 25px 0; }
.entry-meta a:hover { color:#859e0f; text-decoration:none; border-bottom:1px dotted #859e0f; }
.meta-sep { color:#999; margin:0 3px; }
.meta-more {  font-size:14px; color:#666; }
.meta-more:hover { color:#859e0f; text-decoration:none; border-bottom:1px dotted #859e0f; }

/* General Widgets */
.widget ul { border-top:1px solid #e5ecf1; padding:0px 10px 0px 10px; text-align:left;}
.widget ul li { border-bottom:1px dotted #ddd; margin:0 0px -1px 0px; padding:7px 0 6px 0; }
.event-title { color:#fff; background:#1e90ff; height:18px; margin-top:0px; padding:3px 5px; font-size:15px; line-height:23px; border:0px solid #fff; }
	
h1 {
	font-size: 57px;
	text-transform: uppercase;
	font-weight: 200;
	margin-bottom: 60px;
}

h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 200;
	margin-bottom: 23px;
}

.title {
	font-size: 20px;
}

h3 {
	font-size: 18px;
	text-align:center;
	font-weight: 200;
	margin-bottom: 10px;
	color:#0C43DB;
}

h4 {
	font-size: 16px;
	font-weight: 200;
	margin-bottom: 35px;
}

h7 {
	font-size: 18px;
	text-align:center;
	font-weight: 200;
	margin-bottom: 10px;
}

p {
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 35px;
}

a { 
   color: #2ba6cb;
   text-decoration: none;
   line-height: inherit; 
}

a:hover { 
    color: #2795b6; 
}

a:focus {
	color: #2ba6cb; 
	outline: none; 
}

p a, p a:visited {
	line-height: inherit; 
}

.button {
	padding: 4px 15px;
	color: #FFFFFF;
	text-decoration: none;
	position:50px;
}

.info-box-dark {
	background-color: #2D2D35;
	color: #FFFFFF;
	padding: 0px 0px 5px 0px;
	text-align: center;
	margin:0 1px 2px 1px;
}

/* Footer */
#footer { background:#000 url(../images/site_images/1.jpg); text-align:center; margin:0 0px -5px 0px; padding:7px 0 12px 0; font-size:13px; color:#ffff;clear: both;}
#footer ul { margin-bottom:12px; padding-bottom:5px;}
#footer li { list-style:none; display:inline; padding:0 8px; border-left:2px solid #eeeeee; }
#footer li a { color:#666; }
#footer li a:hover { color:#333; text-decoration:none;}
#footer li ul { display:none; }
#footer .copyright { color:#777; }
#footer .copyright a { }
#footer .copyright a:hover { text-decoration:none; }
#footer .footer-home { background:url(../images/site_images/home.gif) no-repeat 0 0px; padding-left:14px; border-left:none; }
#footer .footer-lock { background:url(../images/site_images/lock.gif) no-repeat 8px 0px; padding-left:22px; }

.col {
	width: 100%;
	float:left;
}
.halfhome {
	width: 50%;
	float:left;
	padding:0 5px;
}
.mucvuhalf {
	width: 100%;
	float:left;
	padding:0 50px;
}
.col-logo {
	margin-left: -33px;
	margin-right: -33px;
}

.col-footer {
	width:100%;
}

.row {
	max-width: 100%; 
	margin:0px;
	background-color: white;
}

.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}
.doc img {
	width: 100%;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
}
.doc-halfl img {
	width: 100%;
	float:left;
	margin-top:15px;
	margin-bottom:5px;
}
.doc-half img {
	width: 100%;
	margin-top:15px;
	margin-bottom:5px;
}

.underline{
	color:#F00;
	border-bottom:solid 2px #999;
	font-style:italic;
	margin-top:10px;
}
.more{
	color:#F00;
	border-bottom:solid 2px #999;
	font-style:italic;
}
.moreniem{
	text-align:right;
	font-size:12px;
	color:#F00;
	border-bottom: dotted 2px #999;
	font-style:italic;
	margin-bottom:5px;
}
#bannerFlash { 
	overflow:hidden;
	height:auto;
	margin: 0 -5px;
}

.img-circle {
  border-radius: 50%;
}

/*Tablet View*/

@media (min-width: 568px){
	
	body {
		max-width: 778px;
	}
	
	.logo-right {
		float:right;
		height:127px;
		width:127px;
		margin-top:3px;
		margin-right:15px;
		margin-bottom:-10px;
	}
	
	#widemenu {
		height:80px;
		margin-top:4px;		
	}
	
	#widemenu > li {
		width: auto;
	}
	
	.style-nav ul li {
		display: inline-block;
	}
	
	.style-nav ul {
		text-align: center;
	}
	
	#main-cont-home {
		margin-top:4px;
		margin-bottom:-11px;
		padding: 0 5px;
	}
	
	.main-cont {
		margin-top:-10px;
		margin-bottom:14px;
	}
	.mucvuhalf {
		width: 50%;
		float:left;
		padding:0 50px;
	}
	
	.img-third {
		width: 33%;
		float:left;
		text-align:left;
		margin-top:20px;
		margin-bottom:10px;
		padding-right:5px;
	}
		
	h1 {
		font-size: 40px;
		margin-bottom: 90px;
	}
	
	h2 {
		margin-bottom: 16px;
	}
	
	.title {
	font-size: 25px;
	}
	
	.logo-center-lg {
		padding:50px 20px 5px 20px;
	}
	
	.col-md-one-half {
		width: 33.333333333333333333333%;
	}
	
	.col {
		width:50%;
		float: left;
		padding: 0px 7px 14px;
	}
	.side-bar {
		margin:15px 0px 15px 0px;
	}
	.navbar-default .navbar-collapse{ 
		background-color:transparent;
	}
	
	.button {
		padding: 4px 15px;
		color: #FFFFFF;
		text-decoration: none;
		position:50px;
	}
	
	.info-box-dark {
		background-color: #2D2D35;
		color: #FFFFFF;
		padding: 0px 0px 5px 0px;
		text-align: center;
	}
	.doc-halfl img {
		width: 50%;
		float:left;
		padding:0 2px;
		margin-top:15px;
		margin-bottom:5px;
	}
	.doc-half img {
		width: 50%;
		margin-left:25%;
		margin-right:25%;
		margin-top:15px;
		margin-bottom:5px;
	}
	.doc-3quart img {
		width: 70%;
		margin-left:15%;
		margin-right:15%;
		margin-top:5px;
		margin-bottom:5px;
	}
	.doc-third img {
		width: 33%;
		float:left;
		margin-top:20px;
		margin-bottom:10px;
		padding-right:5px;
	}
	.doc-quart img {
		width: 20%;
		float:left;
		margin-top:5px;
		margin-bottom:5px;
		padding-right:5px;
	}
	.widget-title {margin-top:15px; 
	}
		
}

/*Desktop View*/

@media (min-width: 1024px){
	
	body {
		max-width: 1200px;
	}
	
	.widget-title {
		margin-top:0px; 
	}
	
	#widemenu { 
		height:40px;
	}
	
	.logo-right {
		background-image:url(../images/site/logo%20lg.png);
		width:620px;
		margin-top:3px;
		margin-right:15px;
		margin-bottom:-10px;
	}
	
	.title {
	font-size: 30px;
	}
	
	.col-logo {
		margin-left: -20px;
		margin-right: -20px;
	}
	
	.col-cont-home {
		width:60%; /*75%*/
		float:left;
		margin-bottom:5px;
		padding: 0 5px;
	}
	
	.col-cont {
		width:75%; /*75%*/
		float:left;
		margin-top: -15px;
		margin-bottom:5px;
		padding: 0 5px;
	}
	
	.col-cont-main {
		width:100%;
		margin-top: -25px;
	}
	
	#main-cont-home {
		margin-bottom:10px;
		background-size: cover;
		color: #333;
		text-align: justify;
		margin-bottom:2px;
		background-color: white;
	}
	
	.main-cont {
		width:75%;
		padding: 20px 20px 15px 20px;
	}
	#contentwrap2{
	}
	
	.side-bar {
		width:26.4%;
		float:left;
		padding: 0px 20px 15px 0px;
		text-align:left;
		margin:-7px -50px 0px 6px;
	}
	#sidebar {
		width: 20%; /*25%*/
		float:left;
		margin-top: 8px;
	}
	#left-bar {
		width: 20%; /*25%*/
		height:auto;
		float:left;
	}
	#left-bar-cont1 {
		width: 100%; /*25%*/
		height:820px;
		float:left;
		margin-top:8px;
		background-image: url(../images/site_images/vuong%20hong/me_leftbar.jpg);
		background-repeat: repeat-y;
	}
	#left-bar-cont2 {
		
	}
	
	.style-logo {
		float: left;
	}
	
	.style-nav {
		float: right;
	}
	
	.col-lg-one-fifth {
		width:20%;
	}
	
	.button {
		padding: 2px 5px;
		color: #FFFFFF;
		text-decoration: none;
		position:50px;
	}
	.img-third {
		width: 33%;
		float:left;
		margin-top:20px;
		margin-bottom:10px;
		padding-right:5px;
		text-wrap:!important;
	}
}

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

img, object, embed { max-width: 100%; height: auto; padding: 5px 5px 5px 5px;}

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none!important; }

/* Nicolas Gallagher's micro clearfix */
.row { 
	*zoom: 1; 
}
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }