/**************************************************************************************/
* {
    padding: 0px; 
    margin: 0px; 
}
body {
    color: #000000;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    background-color: #012156;
	font-family: Arial,Verdana,sans-serif;/*Arial,Verdana,sans-serif; Helvetica*/
}
img {
    border: 0px none; 
}
li {
    list-style: none; 
    list-style-type:none;
}
a { 
	text-decoration: none;
	color: #ffffff; 
	outline: 0px;
	background-color:inherit;
}
a:link {
    color:#ffffff;
    text-decoration:underline;
}
/*a:visited {
    color:#ffffff;
}*/
a:link span, a:visited span {
    color:#000000;
}
a:hover {
    color:#004a95;
    text-decoration:none;
}
a:hover span {
    background-color:#8CB2FF;
    color:#FFFFFF;
    text-decoration:none;
}

/************************************************/
#page{
    width:100%;
    margin:0 auto;
    padding: 0 auto;
    text-align:center;
    background:transparent url('../Pics/Bg.jpg') repeat-x scroll center top;
}

#container
{
    border:0px;
    width:800px;
    min-height:742px;/* = bg_high + footer_high = 701 +41= 742. It only used to FireFox */
    margin:0 auto;
    padding:0 auto;
}
/************************ HEADER ******************************/
#header
{
    width:800px;
    text-align:center;
}

/************************ LOGO ******************************/
#logo
{
    width:169px;
    height:105px;
    float:left;
    text-align:left;
    background:transparent url('../Pics/Logo_02.jpg') no-repeat scroll left top;
}

/******************* MENU ***********************/
#menu
{
    color:#000000;
    float:left;
    font-size:10px;
    width:631px;
    /*height:105px;*/
}

/************************ SUB-MENU ******************************/
#menu .top
{
    margin: 41px 10px 0 0;
    text-align:right;
    float:right;
}
#menu .top ul
{
    margin: 0 auto;
    padding: 0 auto;
}
#menu .top li
{
    display:inline;
    list-style:none;
    margin: 0px;
    padding: 0px 0px 0px 6px;
    background: transparent url('../Pics/Submenu_Arrow_09.jpg') no-repeat left;
}

#menu .top a {
    color:#000000;
    text-decoration:none;
}
#menu .top a:hover
{
    color:#0544b5;
    text-decoration:underline;
}

/************** MAIN-MENU (BOTTOM) ***************/
#menu .bottom 
{
    float:left;
    height:30px;
    overflow:visible;
    width:631px;
    margin:0px;
    padding:0px;
    padding-top:20px;
    border:0px;
}
#menu .bottom a {
    height:30px;
    overflow:hidden;
    text-indent:-9999px;
}
#menu .bottom ul
{
    margin:0;
    padding:0;
}
#menu .bottom li
{
    display:inline;
    list-style:none;
}
/*
#menu .bottom li ul {
    background:#292E7B none repeat scroll 0 0;
    border-color:#FFFFFF #FFFFFF -moz-use-text-color;
    border-style:solid solid none;
    border-width:1px 1px medium;
    line-height:23px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    position:absolute;
    width:170px;
    z-index:10;
}
#menu .bottom li ul li {
    border-bottom:1px solid #FFFFFF;
    float:none;
}
#menu .bottom li ul li a {
    background:transparent url(../images/button_bg.gif) repeat-x scroll 0 -5px;
    border:medium none;
    color:#FFFFFF;
    font-size:10px;
    height:auto;
    text-decoration:none;
    text-indent:15px;
    width:170px;
}
#menu .bottom li ul li a:hover {
    text-decoration:underline;
}
*/

#menu .bottom #button_home 
{
    float:left;
    background:transparent url('../Pics/Menu_Home_03.jpg') no-repeat scroll left bottom;
    width:99px;
}
#menu .bottom #button_home.active, #menu .bottom a#button_home:hover {
    background:transparent url('../Pics/Menu_Home_Hover_03.jpg') no-repeat scroll left bottom;
}

#menu .bottom #button_about_us 
{
    float:left;
    background:transparent url('../Pics/Menu_AboutUs_04.jpg') no-repeat scroll left bottom;
    width:114px;
}
#menu .bottom #button_about_us.active, #menu .bottom a#button_about_us:hover {
    background:transparent url('../Pics/Menu_AboutUs_Hover_04.jpg') no-repeat scroll left bottom;
}

#menu .bottom #button_service
{
    float:left;
    width:112px;
    background:transparent url('../Pics/Menu_Service_05.jpg') no-repeat scroll left bottom;
}
#menu .bottom #button_service.active, #menu .bottom a#button_service:hover {
    background:transparent url('../Pics/Menu_Service_Hover_05.jpg') no-repeat scroll left bottom;
}

#menu .bottom #button_news
{
    float:left;
    width:89px;
    background:transparent url('../Pics/Menu_News_06.jpg') no-repeat scroll left bottom;
}
#menu .bottom #button_news.active, #menu .bottom a#button_news:hover {
    background:transparent url('../Pics/Menu_News_Hover_06.jpg') no-repeat scroll left bottom;
}

#menu .bottom #button_support
{
    float:left;
    width:102px;
    background:transparent url('../Pics/Menu_Support_07.jpg') no-repeat scroll left bottom;
}
#menu .bottom #button_support.active, #menu .bottom a#button_support:hover {
    background:transparent url('../Pics/Menu_Support_Hover_07.jpg') no-repeat scroll left bottom;
}

#menu .bottom #button_contact
{
    float:left;
    width:115px;
    background:transparent url('../Pics/Menu_Contact_08.jpg') no-repeat scroll left bottom;
}
#menu .bottom #button_contact.active, #menu .bottom a#button_contact:hover {
    background:transparent url('../Pics/Menu_Contact_Hover_08.jpg') no-repeat scroll left bottom;
}


/****************** CONTENT ****************/
#content
{
    height:auto !important;
    height:596px;/*bg_high - header_high = 701 - 105 = 596px. Used to the IE*/
    min-height:596px;/*bg_high - header_high = 701 - 105 = 596px. Used to the FireFox*/
    padding-bottom:0px;
    background-color:#ffffff;
}
/****************** SIDEBAR ****************/
#content #sidebar {
    float:left;
    width:168px;
}

/****************** CONTENT_INTERIOR ****************/
#content #content_interior {
    float:right;
    padding: 10px 9px 0 7px;
    width:615px;
}

/****************** SEARCH ****************/
#content #sidebar .search
{
    float:left;
    margin: 0 auto;
    padding:0 auto;
    width:168px;
    height:59px;
    vertical-align:top;
    background:transparent url('../Pics/Search_Bg_34.jpg') repeat-x scroll left top;
}

#content #sidebar .search h1 
{
    color:#000000;
    font-size:11px;
    font-weight:bold;
    margin:0;
    padding: 10px 0 2px 9px;
    text-align:left;
}

#content #sidebar .search .search_text 
{
    float:left;
    width:110px;
    height:15px;
    margin:0 auto;
    padding:0 auto;
    font-size:11px;
    margin-left:9px;
    border:solid 1px #bbbbbb;
}
#content #sidebar .search .search_button
{
    float:left;
    color:#ffffff;
    font-size: 11px; 
    font-weight: bold;
    margin:0 auto;
    padding:0 auto;
    margin-left:4px;
    text-align:center;
    vertical-align:middle;
    width:35px;
    border:solid 1px #062872;
    background-color:#284c93;
}

/************** TESTIMONIALS **********************/
#content #sidebar .testimonials
{
    float:left;
    margin: 0 auto;
    padding: 0 auto;
    width:168px;
    min-height:59px;
    height:59px;
    vertical-align:top;
    background:transparent url('../Pics/Search_Bg_34.jpg') repeat-x scroll left top;
}

#content #sidebar .testimonials h1 
{
    color:#000000;
    font-size:11px;
    font-weight:bold;
    margin: 10px 4px 0px 9px;
    padding: 0 auto;
    text-align:left;
    width:155px;/*168- (9+4) = 155 */
}
#content #sidebar .testimonials .date 
{
    color:#959494;
    font-size:11px;
    margin: 10px 9px 0px 9px;
    padding: 0 auto;
    text-align:left;
    width:150px;/*168- 9- 9= 150*/
}
#content #sidebar .testimonials .content 
{
    color:#000000;
    font-size:11px;
    margin: 0px 9px 0px 9px;
    padding:0 auto;
    text-align:left;
    width:150px;/*168- 9- 9= 150*/
}
#content #sidebar .testimonials .line 
{
    margin: 0 auto;
    padding: 0 auto;
    width:150px;
    right:9px;
    height:21px;/* because with ie: height:21px else firefox: height:1px;*/
    line-height:1px;
    background:transparent url('../Pics/Testimonials_Line_17.gif') repeat-x scroll left center;
}
#content #sidebar .testimonials .author 
{
    margin:0 9px 0px 9px;
    padding: 0 auto;
    text-align:right;
    color:#2d539d;
    font-size:11px;
    font-weight:bold;
    width:150px;/*168- 9 - 9= 150*/
}
#content #sidebar .testimonials .view_all 
{
    margin: 15px 0 0 9px;
    padding: 2px 0 0 8px;
    font-size:11px;
    text-align:left;
    vertical-align:middle;
    height:19px;
    width:150px;/*168- 9 - 9= 150*/
    background:transparent url('../Pics/Testimonials_View_All_Bg_44.jpg') no-repeat left center;
}
#content #sidebar .testimonials .view_all a
{
    margin:0 auto;
    padding: 0 auto;
    color:#000000;
    vertical-align:middle;
    text-decoration:none;
}
#content #sidebar .testimonials .view_all a:hover
{
    margin:0 auto;
    padding: 0 auto;
    color:#000000;
    text-decoration:underline;
}

#footer {
    background:transparent url('../Pics/Footer.gif') no-repeat scroll 0 0;
    clear:both;
    width:800px;
    height:41px;
    margin: 0 0 20px 0;
    text-align:center;
}
#footer a, #footer p {
    color:#b6b6b6;
    font-size:11px;
    /*line-height:16px;*/
    text-decoration:none;
}
#footer a span {
    cursor:pointer;
    font-size:11px;
    text-decoration:underline;
}
#footer p {
    /*position:relative;
    top:-20px;*/
}
#footer a.email
{
    color:#4e4d4d;
    font-size:11px;
    text-decoration:underline;
}
#footer a.email:hover
{
    color:#0544b5;
    text-decoration:underline;
}

/***************** FLASH ****************/
#flash
{
    width:615px;
    margin:0 auto;
    padding: 0 auto;
}

/***************** CONTENT ****************/
#content_main
{
    width:615px;
    margin:0px;
    padding: 8px 0;
}

#content_main #content_title
{
    width:615px;
    height:34px;
    margin:0px;
    padding: 0px;
}
#content_main #content_title .title_left
{
    width:8px;
    height:34px;
    float:left;
    margin: 0 auto;
    padding: 0 auto;
    background:transparent url('../Pics/Title_Left_56.jpg') no-repeat left top;
}
#content_main #content_title .title_middle
{
    width:584px;
    height:26px;
    left:8px;
    float:left;
    font-size:13.5px;
    color:#05418b;
    text-align:left;
    font-weight:bold;
    padding: 8px 5px 0px 10px;/*Left: 8+10=18px*/
    background:transparent url('../Pics/Title_Bg_57.jpg') repeat-x center top;
}
#content_main #content_title .title_middle a
{
	color:#000000;
	text-decoration:none;
}
#content_main #content_title .title_middle a:hover
{
	color:#000000;/*old: 0544b5*/
	text-decoration:underline;
}
#content_main #content_title .title_middle .title_arrow
{
	margin: 0 auto;
	padding:0 5px 0 5px;
	vertical-align:middle;
}
#content_main #content_title .title_right
{
    width:8px;
    height:34px;
    float:right;
    margin: 0 auto;
    padding: 0 auto;
    background:transparent url('../Pics/Title_Right_61.jpg') no-repeat right top;
}

#content_main #content_body
{
	width:100%;
    background: url('../Pics/Content_bg_50.gif') repeat-y top left;
    margin:0px;
    padding: 10px 0px 10px 0px;
    text-align:left;
}
#content_main #content_body .content_align
{
	padding: 0 10px 0 18px;
}
#content_main #content_body .content_align a
{
	color:#000000;
	text-decoration:none;
}
#content_main #content_body .content_align a:hover
{
	color:#000000;
	text-decoration:underline;
}

#content_main #content_footer
{
    background: url('../Pics/Content_Footer_56.gif') no-repeat top left;
    width:615px;
    height:8px;
}

/****************** GRIDVIEW ******************/
#content_main #content_body .content_align .gridview
{
    width:100%;
    margin:0 auto;
    padding:0 auto;
}

#content_main #content_body .content_align .gridview .grid_arrow
{
    width:11px;
    margin: 0 auto;
    padding: 0 10px 0 0;	
}

#content_main #content_body .content_align .gridview .grid_title
{
    font-size:12px;
    text-align:left;
    margin:0 auto;
    padding:0 auto;
}
#content_main #content_body .content_align .gridview .grid_content
{
	font-size:12px;
	width:100%;
	padding: 0 0 10px 0;
}
#content_main #content_body .content_align .gridview .grid_row_style
{
	height:25px;
}
/********** SUPPLYMENT ************/
#content_main #content_body .content_align .gridview .grid_title ul
{
    margin: 0 auto;
    padding: 0 auto;
}
#content_main #content_body .content_align .gridview .grid_title li
{
    display:block;
    list-style:none;
    font-weight:bold;
    margin: 0px;
    padding: 0px 0px 0px 21px;
    background: transparent url('../Pics/Content_Arrow_72.jpg') no-repeat left;
}
#content_main #content_body .content_align .gridview .grid_title a
{
    color: #05418b;
    margin:0 auto;
    padding:0 auto;
    font-weight:bold;
    font-size:12px;
	text-decoration:none;
}
#content_main #content_body .content_align .gridview .grid_title a:hover
{
    color:#05418b;
    text-decoration:underline;
}

/************ SUPPORT ************/
#content_main #content_body .content_align .left_support
{
	width:40%;
	float:left;
	margin: 10px 0 0 15px;
	/*border:solid 1px #ff0000;
	display:inline; Ko tac dung*/
}
#content_main #content_body .content_align .left_support ul
{
	margin:0 auto;
	padding:0 auto;
	/*display:inline; Ko tac dung*/
}
#content_main #content_body .content_align .left_support li
{
	list-style:none;
	margin:0 auto;
	padding:0 auto;
	display:block;
	padding: 0px 0px 0px 21px;
	background: transparent url('../Pics/Content_Arrow_72.jpg') no-repeat left;
}
#content_main #content_body .content_align .left_support a
{
	color: #05418b;
	text-decoration:none;
}
#content_main #content_body .content_align .left_support a:hover
{
	color: #05418b;
	text-decoration:underline;
}
/*********** RIGHT SUPPORT ********/
#content_main #content_body .content_align .right_support
{
	width:40%;
	float:right;
	margin: 10px 0px 0 0;
	/*border:solid 1px #ff0000;
	display:inline; Ko tac dung*/
}
#content_main #content_body .content_align .right_support ul
{
	margin:0 auto;
	padding:0 auto;
	/*display:inline; Ko tac dung*/
}
#content_main #content_body .content_align .right_support li
{
	list-style:none;
	margin:0 auto;
	padding:0 auto;
	display:block;
	padding: 0px 0px 0px 21px;
	background: transparent url('../Pics/Content_Arrow_72.jpg') no-repeat left;
}
#content_main #content_body .content_align .right_support a
{
	color: #05418b;
	text-decoration:none;
}
#content_main #content_body .content_align .right_support a:hover
{
	color: #05418b;
	text-decoration:underline;
}

/************** SITE-MAP ****************/
#content_main #content_body .content_align .sitemap
{
    width:100%;
    margin:0 auto;
    padding:0 auto;
    font-size:12px;
    text-align:left;
}
#content_main #content_body .content_align .sitemap ul
{
    margin: 0 auto;
    padding: 0 auto;
}
#content_main #content_body .content_align .sitemap li
{
    display:block;
    list-style:none;
    font-weight:bold;
    margin: 10px 0;
    padding: 0px 0px 0px 21px;
    background: transparent url('../Pics/Content_Arrow_72.jpg') no-repeat left;
}
#content_main #content_body .content_align .sitemap a
{
    color: #05418b;
    margin:0 auto;
    padding:0 auto;
	text-decoration:none;
}
#content_main #content_body .content_align .sitemap a:hover
{
    color:#05418b;
    text-decoration:underline;
}



/*************** TABLE CONTENT *****************/
#content_main #content_body .content_align .col1
{
    width:30%;
    height:25px;
    text-align:right;
    vertical-align:middle;
}
#content_main #content_body .content_align .col2
{
    width:70%;
    height:25px;
    padding-left:15px;
}