@charset "utf-8";
/* CSS Document */
body {
	font-size:11px;
	font-family:Verdana;
	background:#787878;
	text-align:center;
	padding:26px 0px 45px;
}
* {
	margin:0;
	padding:0;
}
#page {
	width:1003px;
	margin:0px auto;
	text-align:left;
	background:url(images/bg-pages.jpg) repeat-y;
}
img {border:none;}
a {text-decoration:none;cursor:pointer; color:#2b2b2b;}
h6 {font-size:12px; font-weight:bold;}
h5 {font-size:14px; font-weight:bold;}
h4 {font-size:18px; font-weight:bold;}
ul {list-style:none;vertical-align:middle;}
li {list-style-type:none;}
.duchpo {clear:both;}
.all {
width:100%; float:left;
display:inline;}

.all li {
border-bottom:1px solid #e3e3e3;
}




#header {
width:1003px;
float:left;
display:inline;
height:150px;
padding-top:11px;
background:url(images/bg-header.jpg) no-repeat;}
#logo {
width:298px;
float:left;
display:inline;
margin:13px 0 0 18px;}
#flash {
float:right;
display:inline;
width:641px;
height:113px;
margin-right:12px;}
#menu {
width:990px;
height:30px;
float:left;
display:inline;
margin-left:8px;
margin-top:7px;
padding-left:0px;
background:url(images/menu.jpg) no-repeat;}
#menu li {
float:left;
display:inline;
height:30px;
line-height:30px;
padding-left:10px;text-transform:uppercase;
color:#fff;}
#menu li a {
color:#fff;}

#menu li a:hover {
color:#da1c1b;

}
#menu li.search {
width:180px;
float:right;}
#menu li.search p {
float:left;
display:inline;}
#menu li.search input {
float:right;
display:inline;
margin-top:5px;
margin-right:5px;}
#menu li.search input.sear {
width:120px;
padding:2px;
background:#fff;
border:0px solid #4571ba;
color:#000;
font-size:11px;}
#main {
background:url(images/bg-main.jpg) bottom no-repeat;
margin-top:9px;}
.box-info {
width:297px;
float:left;
display:inline;
margin-left:8px;}
.box-cate {
width:541px;
float:left;
display:inline;
margin-left:8px;}
.clear-footer {
height:16px;
background:url(images/clear-footer.jpg) no-repeat;}
.box-info p {padding:10px 0;
text-align:justify;
color:#000;}
.next {
float:right;
display:inline;}
.box-service {
width:344px;
float:left;
display:inline;
margin-left:9px;}
.box-service ul li {
width:100%;
float:left;
display:inline;
margin-top:2px;
padding:7px 0px;
background:url(images/icon1.jpg) 11px 9px no-repeat;
}
.box-service ul li a {
color:#000;
font-size:12px;
font-weight:bold;
float:left;
display:inline;
margin-left:24px;}


.box-service ul li a:hover {
color:#85c226;
font-size:12px;
font-weight:bold;
float:left;
display:inline;
margin-left:24px;
text-decoration:underline;
}























.box-service2 {
width:350px;
float:left;
display:inline;
margin-left:9px;}
.box-service2 ul li {
width:100%;
float:left;
display:inline;
margin-top:2px;
padding:7px 0px;
background:url(images/icon1.jpg) 11px 9px no-repeat;
}
.box-service2 ul li a {
color:#000;
font-size:12px;
font-weight:bold;
float:left;
display:inline;
margin-left:24px;}


.box-service2 ul li a:hover {
color:#85c226;
font-size:11px;
font-weight:bold;
float:left;
display:inline;
margin-left:24px;
text-decoration:underline;
}















.show-service {width:333px;
float:left;
display:inline;
margin-top:10px;
margin-left:11px;
color:#000;
text-align:center;}
.show-service p {text-align:justify;
padding:10px 0px;}
.box-service ul li#service-act {
margin-top:2px;
padding:7px 0px;
background:#fff url(images/icon1.jpg) 11px 9px no-repeat;}
.box-service ul li#service-act a {color:#c01111;}
.box-other {width:313px;
float:right;
display:inline;
margin-right:12px;}



.box-other2 {width:350px;
float:right;
display:inline;
margin-right:12px;}
.down-prof {
float:left;
display:inline;
margin-right:17px;}
.prof h4 {
color:#85c226;
padding:10px 0px 5px;

font-weight:normal;}
.prof h4 a {
color:#85c226;}

.prof a:hover {
color:#85c226;
text-decoration:underline;
}

.prof p {
color:#2c73f3;}
.mag {
width:125px;
margin-left:80px;
float:left;
display:inline;}
.mag-id {
width:125px;
float:left;
text-align:center;
display:inline;}
.mag-id p {
width:125px;
float:left;
padding:10px 0px 5px;
text-align:left;
display:inline;}
.mag-id a {color:#0080ff;}
.mag-id img {margin:0 auto;}
.hotline {width:160px;
float:right;
display:inline;}
.hotline-id {width:160px;
float:right;
display:inline;}
.hotline-id p {width:160px;
float:right;
display:inline;
padding:10px 0px 0px;
color:#0080ff;}
.hotline-id p span {
width:100%;
float:left;
text-align:left;
display:inline;}
.hotline-id p strong {
width:100%;
float:left;
text-align:right;
display:inline;
font-size:18px;
font-weight:normal;}
.down-list {

margin-top:10px;
vertical-align:middle;}
.down-list img {
margin-left:10px;
vertical-align:middle;}
#footer {
width:100%;
float:left;
display:inline;
margin-top:30px;
text-align:right;
color:#383838;}
#footer p {
padding-right:12px;}




/* GENERAL */

a {

	color: #0079cd;

	text-decoration: none;

}







.button:hover, .button:focus {

	background: #0079cd;

	border: 1px solid #0079cd;

}



.inputbox:hover, .inputbox:focus {

	border: 1px solid #0079cd;

}



#ja-container-outer {

	border: 1px solid #000000;

}



#ja-leftcol div.moduletable h3, #ja-subnav h3 {

	border-left: 5px solid #000000;

}



.contentheading {

	color: #0079cd;

}



table.blog .contentheading {

	color: #0079cd;

}



table.blog a.contentpagetitle {

	color: #DC9420;

}



.sectiontableheader {

	background: #0079cd;

}



#mod_search_searchword:hover, #mod_search_searchword:focus {

	border: 1px solid #0079cd;

}



/* NAVIGATION

-------------------------------------------------------------------*/

#ja-topnav {

	background-image:url(../images/menu_bg_hover.gif);

}



/* JA SPLIT MENU */

#ja-splitmenu a:hover, #ja-topnav a:active {

	

}



#ja-splitmenu li.active_menu a {

	

}



#ja-splitmenu li.active_menu a:hover, #ja-topnav li.active_menu a:active {

	

}



/* SON OF SUCKERFISH DROPDOWN MENU */

#ja-cssmenu li ul {

	background: url(../../ja_cssmenu/img/navbg-brown.gif) #0079cd;

	border: 1px solid #90826C;

}



#ja-cssmenu li a.active {

	background: #000000!important;

}



#ja-cssmenu li li a.active {

	background: none!important;

}



#ja-cssmenu li:hover,

#ja-cssmenu li.sfhover {

	background: #000000!important;

}



#ja-cssmenu ul li:hover, #ja-nav ul ul li:hover,

#ja-cssmenu ul li.sfhover, #ja-nav ul ul li.sfhover {

	background: url(../../ja_cssmenu/img/navbg-on-brown.gif) no-repeat top right #000000!important;

}



/* TRANSMENU */

.transMenu .background {

	background-color: #f8f8f8!important;

}



.transMenu .item.hover {

	

}



.transMenu .item#active {

	

}



a.havechild-mainlevel-trans:hover, a.mainlevel-trans:active {

	

}



a.havechild-mainlevel_active-trans {

	

}



a.havechild-mainlevel_active-trans:hover , a.havechild-mainlevel_active-trans:active {

	

}



a.mainlevel-trans:hover, a.mainlevel-trans:active {

	

}



a.mainlevel_active-trans {

	

}



a.mainlevel_active-trans:hover , a.mainlevel_active-trans:active {

	

}
/* TransMenu

-------------------------------------------------

Originally developed by Aaron Boodman

http://www.youngpup.net/

--------------------------------------------------

NOTE: TransMenu background and some

configurations are located in the ja-transmenu.js.

-------------------------------------------------*/





/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */

.transMenu {

	position: absolute;

	overflow: hidden;

	left: -1000px;

	top: -1000px;

}



/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */

.transMenu .content {

	position: B;

}



/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */

.transMenu .items {

	position: relative;

	left: 0px;

	top: 0px;

	z-index: 2;

}



.transMenu.top .items {

}



/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */

/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */

.transMenu .background {

	position: absolute;

	left: 0px;

	top: 0px;

	z-index: 1;

	-moz-opacity: .8;

	filter: alpha(opacity=80);

}



/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */

.transMenu .shadowRight {

	width: 2px;

	position: absolute;

	z-index: 3;

	top: 3px;

	-moz-opacity: .4;

	filter: alpha(opacity=40);

}



/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */

.transMenu .shadowBottom {

	position: absolute;

	z-index: 1;

	left: 3px;

	height: 2px;

	-moz-opacity: .4;

	filter: alpha(opacity=40);

}



/* each TR.item is one menu item */

.transMenu .item {

	color: #000;

   text-decoration: none;
   font-weight:bold;

	text-transform: none;

	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */

	border: none;

	cursor: pointer;

	cursor: hand;

	font-size: 11px;

	font-family: Verdana;

}



/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */

.transMenu .item.hover {

	background: #85c226;

	color: #FFFFFF;

}



/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */

.transMenu .item img {

	margin-left: 10px;

}



/* ----------------------------------------------------------------

- Added classes by Khanh - 050629

- Style and mark-up improved by Hieu Nguyen & Ha Le Viet - 060718

-------------------------------------------------------------------*/

.transMenu .item#active {

	background: #E7B564;

	color: #FFFFFF!important;

	/* -moz-opacity: .6;

	filter: alpha(opacity=60); */

}



.transMenu .item#active.hover {

	color: #FFFFFF;

}



#ja-transmenu {

	margin: 0;

	padding: 0;

	height: 25px;

}



#ja-transmenu li {

	margin: 0;

	padding: 0;

	background: none;

	display: inline;

}



#ja-transmenu li a { /* common styles for 1st level menu */

	padding: 0 20px;

	float: left;

	line-height: 25px;

	height: 25px;

	text-decoration: none;

	display: block;

	text-align: center;

}



#ja-transmenu li a:hover { /* common styles for 1st level menu */

	color: #FFFFFF;

}



a.havechild-mainlevel-trans {

	color: #FFFFFF;

	background: url(../ja_transmenu/img/arrow-off.gif) 92% 52% no-repeat;

}



a.havechild-mainlevel-trans:hover, a.mainlevel-trans:active {

	color: #FFFFFF;

	background: url(../ja_transmenu/img/arrow-on.gif) 92% 52% no-repeat #E7B564;

}



a.havechild-mainlevel_active-trans {

	background: url(../ja_transmenu/img/arrow-off.gif) 92% 52% no-repeat #E7B564;

	color: #FFFFFF;

}



a.havechild-mainlevel_active-trans:hover , a.havechild-mainlevel_active-trans:active {

	background: url(../ja_transmenu/img/arrow-on.gif) 92% 52% no-repeat #E7B564;

}



a.mainlevel-trans {

	color: #FFFFFF;

}



a.mainlevel-trans:hover, a.mainlevel-trans:active {

	background: #E7B564;

	color: #FFFFFF;

}



a.mainlevel_active-trans {

	background: #B5A997;


	color: #ffffff;

}



a.mainlevel_active-trans:hover , a.mainlevel_active-trans:active {

	background: #E7B564;

}


.submit {
background: url(images/search.jpg) no-repeat;
}
.submit:hover {
background: url(images/search.jpg) no-repeat;
}