/*Basic reset*/
* {margin: 0; padding: 0;}

body {
	font-family: 'Times New Roman';
    background-color:ButtonFace;
}
.imgIcon{
    width:12px;
    height:12px;
}
.accordian {
	/*background: #004050;*/
	width: 100%;
	color: white;
}
.accordian h3 {
	font-size: 13px;
	line-height: 34px;
	cursor: pointer;
	background: #08977D;
    text-align:center; 
}
.accordian h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
.accordian h3 span {
	font-size: 16px;
	margin-right: 10px;
}
.accordian li {
	list-style-type: none;
}
.accordian ul ul li a {
    border-left: 5px solid #105C67;
	color: white;
	text-decoration: none;
	font-size: 15px;
	line-height: 27px;
	display: block;
	padding-left:25px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
    background:#105C67;
}
.accordian ul ul li a:hover {
	background: #003545;
	border-left: 5px solid lightgreen;
}
.accordian ul ul {
	display: none;
}
.accordian li.active ul {
	display: block;
}
.accordian ul li a{ /*menu đơn*/
    font-size: 13px;
	line-height: 34px;
	cursor: pointer;
    color:white;
	background: #08977D;
    text-decoration: none;
}
.accordian ul li a:hover{
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
.accordian i{
    float:right; 
    padding-top:10px; 
    padding-right:10px;
}

.flyout_menu {
    width: 100%;
    }
    .flyout_menu ul, li {
        list-style: none;
        margin: 0;
        padding: 0;
    }
        .flyout_menu ul li.hover,
        .flyout_menu ul li:hover {
            position: relative;
            z-index: 599;
        }
        .flyout_menu ul ul {
            visibility: hidden;
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 598;
        }
        .flyout_menu ul li:hover > ul {
            visibility: visible;
        }
        .flyout_menu ul ul {
            top: 0;
            left: 100%;
            margin-left:1px;
        }
    .flyout_menu li {
        border-bottom:1px solid white;
        background: #08977D;
    }
        .flyout_menu li:hover{
	        text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
        }
    .flyout_menu a {
        text-align:center;
        color: white;
	    text-decoration: none;
	    font-size: 13px;
	    line-height: 34px;
	    display: block;
	    /*transition: all 0.15s;*/
    }
    .flyout_menu ul ul li a {
        min-width:190px;
        font-size: 15px;
        line-height:27px;
        text-align:left;
    }
        .flyout_menu ul ul li {
        background: #105C67;
        border-left: 5px solid #105C67;
        border-bottom:none;
        padding-left:10px;
        text-shadow:none;
    }
        .flyout_menu ul ul li:hover {
            border-left: 5px solid lightgreen;
            background: #003545;
        }
.arrow:before {
    font-family: FontAwesome;
    content: "\f100";
    display: inline-block;
    vertical-align: middle;
    float: right;
}
.imglink{
    padding-top:20px;
}
.imglink img:hover{
     padding-left:1px;
}
#clock{
    border:2px solid #808080;
    padding-top:10px;
    font-size:15px;
    font-weight:bold;
    color:#1d1f89;
    font-family:Baskerville Old;
    text-align:center;
    padding-bottom:15px;
    background-image:url("../Images/time.jpg");
    vertical-align:central;
}