@charset "utf-8";
/* CSS Document */
/*
Theme Name:
Description: 
Version: 1.0.0
Author: tuanngo
Email : tuanngoquoc@gmail.com
*/

* {
margin:0;
padding:0;
}
body {
 font-family: arial, sans-serif;
 font-size: 12px;
 color: #333;
 padding: 0;
 margin: 0;
 text-align: left;
 vertical-align: top;
 border: 0;
 background-color: #BBD3F2;
 background :url("images/docbody.gif")  repeat-x scroll center top transparent ;
 font:400 12px Arial;
}
html, body {
	height: 100%;
}
#preLoadImages {
width: 0px;
height: 0px;
background: url("images/bg.jpg");
background: url("images/bg-nav.jpg");
background: url("images/menu_bg.jpg");
background: url("images/a.png");
background: url("images/bg_section.jpg");
}

a{color:#5E5E5E;text-decoration:none; outline:none;}
a:hover{text-decoration:underline}
img{border:0px}

/* Nhap lieu */
input{	font-family:arial, sans-serif;	font-size:12px;}
textarea{	font-family:Tahoma, arial, sans-serif;	font-size:12px; }
select{ font-family:arial, arial, sans-serif;	font-size:12px;}
li{list-style:none;}
/* easy clearing */
.clearfix:after{
	content:'[DO NOT LEAVE IT IS NOT REAL]'; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix{display:inline; }
.clearfix{display:block;}
/* end easy clearing */
.fleft {float:left;}
.fright {float:right;}
/* Text style */
.bold { font-weight: bold; }
.normal { font-style: normal; }
.italic { font-style: italic; }
.uppercase { text-transform: uppercase; }
.blue {    color:#307FCF;}
.red {color:#FF0000;}

.h100Per{ height:100% !important; }	
.hAuto{ height:auto !important; }	
.h900{ height:900px !important; }
.h5{ height:10px !important; }		
.h10{ height:10px !important; }	

.w100 {width:100px !important;}
.w150 {width:150px !important;}
.w250 {width:250px !important;}
.w350 {width:350px !important;}

#wrap {
	margin: 0 auto;
	width: 995px;
	background-color: #ffffff;
	height:auto;
}
#top {
	padding: 0px 0;
	height:5px;
}
#container
{
	text-align: center;
	height:auto;
	width:982px;
	margin:0 auto;
}

#bottom {
	padding: 0px 0;
	height:0px;
	float:left;
	width:995px;
}
*html #bottom{
	padding: 0px 0px;
	height:1px;
	float:left;
	width:995px;
}
*:first-child+html #bottom {
	padding: 0px 0px;
	height:1px;
	float:left;
	width:995px;
}
#header,#content,#footer ,#header_top,#leaderboad_course,#bottom_row{
	width: 982px;
	margin: 0 auto;
	text-align: left;
}
*html #content 
{
	padding-top:0px;
	padding-right:0px;
	
}
/* --------------------- Header----------------------------*/
#header_wrap
{
    overflow :hidden;
}
#header_top{
float:left;
height:auto;
line-height:30px;
height : 125px;
background:none repeat scroll 0 0 #f78a35;
 background:url("images/bg_hd.jpg") repeat-x scroll left top transparent;
border-bottom:5px solid #fff;
}
#header_top  #logo {
float:left;
height:auto;
margin:0 0 0;
padding-left:10px;
width:260}
#header_top  #logo a
{
    background:url("images/logo.jpg") no-repeat scroll left top transparent;
    display:block;
    height:125px;
    width:278px;
    overflow:hidden;
    text-indent:-9999px;
}
#header_top #quickSearch
{
    float:right;
    height:27px;
    margin:10px 0;
}
#header_top #sologan
{
    height:70px;
    width:450px;
    position:absolute;
    left:500px;
    top:10px;
}
#header_top  #sologan a
{
     background:url("images/sologan.png") no-repeat scroll left top transparent;
    display:block;
    height:70px;
    width:450px;
    overflow:hidden;
    text-indent:-9999px;
}
#banner  {
height:60px;
left:500px;
position:absolute;
top:70px;}

#header_top #year
{
    float:right;
    width:133px;
    height:110px;
    
    margin:5px;
    margin-top:7px;
}
#leaderboad_course
{
    background:none repeat scroll 0 0 #E6E6E6;
    height:auto;
    
    float:left;
}
.course_in
{
    margin:5px;
    background:none repeat scroll 0 0 #FFFFFF;
      float:left;
}
    
    /*Navigation Box*/

#navbox{
	clear:both;
	padding:5px 0px 0px 0px;
	height:30px;
	background :none repeat scroll 0 0 #E6E6E6;
}
#navbox ul li{
	float:left;
	list-style-type:none;
}
#navigation  li  {
background:none repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
float:left;
margin:0 0 0 4px;
padding:0;
}
#navigation  li  a{
	background:url("images/tab.png") no-repeat scroll left top transparent;
	color:#fff;
	display:block;
	font-weight:bold;
	line-height:30px;
	margin-right:5px;
	padding:0 0 0 13px;
	text-decoration:none;
	text-transform:uppercase;
}
#navigation li a span {
	display: block;
	padding: 0 15px 0 5px;
	margin-right:-5px;
	background: url(images/tab.png) no-repeat top right;
}
#navigation li a:hover,
#navigation li a:active,
#navigation li a:focus {
}

#navigation li:hover a,
#navigation li.sfhover a,
#navigation li.havechildsfhover a,
#navigation li.havechild-activesfhover a {
	color: #FFFFFF;
	background: url(images/tab-active.png)  no-repeat top left ;
}


#navigation li:hover a span,
#navigation li.sfhover a span,
#navigation li.havechildsfhover a span,
#navigation li.havechild-activesfhover a span {
	background: url(images/tab-active.png)  no-repeat top right;
}
#navigationli.active a,
#navigationli a.active,
#navigationli a.active:hover,
#navigationli a.active:active,
#navigationli a.active:focus {
	color: #FFFFFF;
	background:url(images/tab-active.png) left top no-repeat ;

}
#navigationli.active a span,
#navigationli a.active span,
#navigationli a.active:hover span,
#navigationli a.active:active span,
#navigationli a.active:focus span {
	display: block;
	background: url(images/tab-active.png) no-repeat top right;
}
.headerbg {
border-top:5px solid #c7460c;
float:left;
width:982px;
}
/* --------------------- END Header----------------------------*/
#content_wrap #content {
/*background:#fff;*/
background:none repeat scroll 0 0 #DBDB5C;
}
/* --------------------- Left column----------------------------*/
#left_col {
	width: 714px; 
	float: left;
	height:auto;
    margin-bottom :7px;
    margin-top :7px;
    overflow:hidden;
    font-size:12px;
    background:#dbdb5c;
}
#left_content{
    height:auto;
    overflow:hidden;
	width: 700px ;	
	margin-left :7px;
	margin-right :7px;
	/* background-color:#333;*/
}
*html #left_content{
    float:left;
	height:auto;
}
/* --------------------- Right column----------------------------*/
#right_col {
	width:268px; 
	float:left;
	height:auto;
	margin-bottom :7px;
    margin-top :7px;
	overflow:hidden;
	font-size:12px;
	display: inline;
    min-height:700px;
    background:none repeat scroll 0 0 #E2E2E2;
}
*html #right_col {
	width:268px; 
	float:left;
	height:auto;
	margin-top:0px;
	margin-bottom:10px;
	display: inline;

}
#right_content {
	/*background-color:#333;*/
	float: left;
	width: 254px ;
	margin:7px 7px 7px 7px;
	height:auto;
	display: inline;

}
* html #right_content {
	float: left;
	width: 254px;
	margin:0px 7px 0px 7px;
	height:auto;
}
*:first-child+html #right_content
{
	float: left;
	width: 254px;
	margin:0px 7px 0px 7px;
	height:auto;
}
/* --------------------- Footer----------------------------*/
#footer_wrap {
	border-top:1px solid #fff;color:#6e6e6e;clear:both;font-size:12px;
	padding:15px;
	margin: 0;
	padding: 0;
	margin-bottom :15px;
	overflow:hidden;
}
#footer {
	padding: 0;
	position: relative;
	overflow:hidden;
}
#footer_wrap #footer  
{
    /* background: url("images/bgd_bottom.gif") no-repeat scroll left bottom #F4F4F4; */
     background-color:#C8460C;
     
    font-size:0.9em;
    line-height:28px;
    text-align:center;

}
#footer_wrap #footer .footer-menu{
padding:6px 0 5px;
}
#footer_wrap #footer span {
padding-left:10px;
padding-right:10px;
}
#footer_wrap #footer a {
color:#000	 ;/*#6E6E6E;*/
text-decoration:none;
}
#footer_wrap #footer span a {
font-weight:bold;
text-decoration:none;
}
.footer-address{
color:#fff;
padding:10px 0 10px;}

.maps {
border-right:1px solid #FFFFFF;
float:left;
padding:20px;
text-align:center;
width:450px;
}
.copyright 
{
text-align:left;
line-height:16px;
float:left;
padding:20px 20px 0 50px;
width:380px;
color:#fff;
font-size:12px;
}
.linkfooter a
{
    color:#fff;
    text-decoration:none;
    
}
/* --------------------- END Footer----------------------------*/



/* --------------------- CONTENT CENTER----------------------------*/
/* --------------------- END CONTENT CENTER----------------------------*/

/* --------------------- Left column----------------------------*/

/* --------------------- Right column----------------------------*/