@import url("tabsystem.css");
@import url("pages.css");



/* CSS Document */
body, div, p, ul, li, span, h1, h2, h3, h4, ol, a, a:hover { 
	margin:0px; 
	padding:0px; 
	font-family:"Verdana", Arial, Helvetica, sans-serif; 
	font-size:11px; 
	list-style:none;
	outline:none;
	border:none;
	text-decoration:none;
}

#wrapper { 

width:100%;

}
img { behavior: url("pngbehavior.htc"); border:none; outline:none;}

#headerFix1, #banner, #contentboxFix, #footerFix, #stripfix, #contenBottomFix   { 
	width:1003px;
	margin-left:auto; 
	margin-right:auto;
}
#contenBottomFix { text-align:center; width:1003px; margin-left:auto; margin-right:auto;}
.fix1003 { width:1003px; text-align:center; margin-left:auto; margin-right:auto;}

.clear { clear:both;}

/***************************** header start *********************************/
#headerFix { 
	background:#023e6c url(../images/header_right_bg.jpg) top right no-repeat;
}
#bannerFix {	background:url(../images/bannerBg.jpg) top left repeat; }


#header {
	display:block;
	height:93px;
	width:100%;
	background-color:#286ab5;	
	
}
#header .logo { 
	text-indent:-9999px; 
	background:url(../images/top_logo.jpg) top left no-repeat;
	width:393px;
	height:93px;
}
#header .right { 
	color:#FFFFFF;
	float:right; 
	height:62px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	padding:0px 20px 0 0;
	text-align:right;
	width:580px;
}
#header a { 
	color:#FFFFFF; 
	text-decoration:none;
}
#header .right .links a { padding-left:4px; padding-right:4px; }
#header .right .links a:hover { border-bottom:1px solid #FFFFFF; padding-bottom:1px;}
#header .right .links ul { float:right; height:44px; display:block; overflow:hidden;}
#header .right .links ul li { float:left; padding-top:11px;}
#header .right .links ul li a { padding-left:4px; padding-right:4px; float:left; }
#header .right .links ul li a:hover { border:none;}

 

div.links { display:block; padding-bottom:15px; }

#headerTab { 
	display:block; 
	clear:both; 
	color:#003399; 
	float:right; 
	background:url(../images/topNavBg.jpg) bottom left repeat-x; 
	height:34px;
	width:542px;
}

#headerTab a {
	color:#003399; 
}
#headerTab a:hover {
	color:#FFFFFF; 
}

#headerTab .tab { height:34px; text-align:left;}

/*#headerTab .tab ul li { 
	color:#002e51;
	float:left; 
	font-family:"Arial", Helvetica, sans-serif; 
	font-size:12px; 
	padding-left:6px;
	padding-top:10px;
}

#headerTab .tab ul li a { 
	display:block;
	color:#002e51;
}
#headerTab .tab ul li a:hover { 
	display:block; 
	color:#FFFFFF;
}
*/
#headerTab div.tableft { 
	background:url(../images/topNavLeftCorner.jpg) bottom left no-repeat; 
	display:block;
}

#headerTab div.tabright { 
	background:url(../images/topNavRightCorner.jpg) bottom right no-repeat; 
	display:block;
	height:34px;
	padding: 0 15px 0 19px;	
}


/***************************** header end *********************************/

/***************************** banner start *********************************/
#banner { 
	display:block; 
	width:1003px; 
	clear:both; 
	height:202px;
}
#banner .bannerright { float:right; text-align:left;}
#banner .bannerleft { float:left; text-align:right;}

#strip { 
	clear:both;
	display:block;
	background:url(../images/bannerBottomStripBg.jpg) top left repeat-x;
	text-align:right;
	padding:10px 0 8px 0;
}
#strip select { height:18px; width:149px; font-size:9px; font-family:"Verdana", Arial, Helvetica, sans-serif; z-index:1; }
#strip ul { float:right; padding-right:10px;}
#strip li { float:left; margin-left:7px; margin-right:1px;}
#strip li img { padding-top:5px;}


/***************************** banner end *********************************/
/***************************** content box start *********************************/

#contentbox { 
	width:100%; 
	background:url(../images/contentboxbg.jpg) top left repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#636363;
}
#contentbox .left { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left; 
	padding-left:27px; 
	padding-top:25px; 
	width:46%; 
	text-decoration:none;
}
#contentbox .left h1 { padding-bottom:8px;}
#contentbox .left p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-bottom:10px; line-height:16px; text-align:justify;}
#contenBottom { display:block; background:url(../images/contenBoxbottombg.jpg) left bottom repeat-x;}
#contentbox .left a{ color:#286ab5; text-decoration:none; font-weight:bold;}
#contentbox .left a:hover{ color:#636363; text-decoration:underline;}
#contentbox .right #onlinebox {
	padding:0px;
	margin:0px;
	height:46px; 
	display:block; 
	background-color:#eaf4fa; 
	width:430px;
	margin-left:10px;
}

#contentbox .right #onlinebox .left { 
	padding:0px;
	margin:0px;
	height:46px;
	float:left; 
	background:url(../images/onlineLeftCorner.jpg) top left no-repeat; 
	width:11px;
}

#contentbox .right #onlinebox .right { 
	padding:0px;
	margin:0px;
	float:right; 
	background:url(../images/onlineRightCorner.jpg) top right no-repeat; 
	width:11px;
	height:46px;	
}
#contentbox .right #onlinebox .center { display:block; color:#CC0000; }

/***************************** icon box *********************************/

.center ul { margin:0px; padding:0px; display:block;}
.center ul li { float:left;}

li.icon_online span , li.icon_online a span { 
	text-indent:-9999px;
	display:block;
	background:url(../images/icons.png) top left no-repeat;
	height:40px;
	width:34px;
	cursor:pointer;
}
li.icon_online a:hover span {
	background:url(../images/icons.png) 0px -40px no-repeat;
}
li.icon_number span { 
	display:block;
	padding:15px 10px; 
	padding-right:55px;
}
li.msn a span {
	text-indent:-9999px;
	display:block;
	background:url(../images/icons.png) -36px top no-repeat;
	height:40px;
	width:34px;
	cursor:pointer;
}
li.msn a:hover span {
	background:url(../images/icons.png) -36px -40px no-repeat;
}
li.googletalk a span {
	text-indent:-9999px;
	display:block;
	background:url(../images/icons.png) -87px 0px no-repeat;
	margin-left:10px;
	height:40px;
	width:36px;
	cursor:pointer;
}
li.googletalk a:hover span {
	background:url(../images/icons.png) -87px -40px no-repeat;
}
li.yahoo a span {
	text-indent:-9999px;
	display:block;
	background:url(../images/icons.png) -140px 0px no-repeat;
	height:40px;
	margin-left:10px;
	width:34px;
	cursor:pointer;
}
li.yahoo a:hover span {
	background:url(../images/icons.png) -140px -40px no-repeat;
}
li.skype a span {
	text-indent:-9999px;
	display:block;
	background:url(../images/icons.png) -191px 0px no-repeat;
	height:40px;
	margin-left:10px;	
	width:34px;
	cursor:pointer;
}
li.skype a:hover span {
	background:url(../images/icons.png) -191px -40px no-repeat;
}

/***************************** icon box end *********************************/

/***************************** adv box *********************************/
#contentbox .right { 
	display:block; 
	float:right; 
	width:49%; 
	margin-left:1%;
	padding-top:21px; 
	margin:0px;
}

#advbox { 
	margin-top:15px;
	display:block; 
	clear:both; 
	border:1px solid #cfd0d0;
	width:458px;
	background:url(../images/advbox.jpg) top left no-repeat;
	height:372px;
}
#contentbox .advboxsdo { display:block; width:458px;}

/***************************** content box end *********************************/

/***************************** big tab box  *********************************/
#bigtab { 
	display:block; 
	padding-left:27px; 
	padding-right:28px;
	text-align:center;
}

#tabfix { 
	display:block; 
	width:910px;
	margin-left:auto; 
	margin-right:auto;
}

#bigtab #tabcontent { 
	background:url(../images/tabContentBg.jpg) bottom left repeat-x;
	display:block;
	border:1px solid #666666; 
	padding-bottom:20px;
}




/***************************** footer start *********************************/
#footer { 
	width:100%;
	background-color:#e6e6e6;
	
}
.lfooter { float:left; width:73%;}
.lfooter .footerTop { display:block; padding-top:28px; padding-left:27px; }
.footerTop li {background:url(../images/dot.jpg) 0px 7px no-repeat; padding-left:10px; color:#636363; font-size:11px; line-height:18px; }
.footerTop .box {
	width:140px;
	float:left;
	text-align:left;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:11px;
	overflow:hidden;
}

.footerTop .box1 {
	width:170px;
	float:left;
	text-align:left;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:11px;
}
.footerTop .box2 {
	width:180px;
	float:left;
	text-align:left;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:11px;
}

.footerTop .box3 {
	padding-left:20px;
	float:left;
	padding-right:20px;
	text-align:left;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:11px;
}


.footerTop .box h2, .box1 h2, .box2 h2, .box3 h2 {
	color:#0089f5; 
	padding-bottom:8px; 
	font-size:14px; 
	font-family:"Arial", 
	Helvetica, sans-serif;
}

.footerTop .box a, .box1 a, .box2 a, .box3 a { 
	color:#636363; 
	font-family:"Arial", Helvetica, sans-serif; 
	font-size:11px;
}

.footerTop .box a:hover, .box1 a:hover, .box2 a:hover, .box3 a:hover 
{
	border-bottom:1px solid #0089f5; color:#0089f5; 
	font-family:"Arial", Helvetica, sans-serif; 
	font-size:11px;
}

.lfooter .footerBottom {
	display:block;
	text-align:justify;
	padding-top:20px;
	color:#0089f5;
	padding-left:25px;
	width:680px;
	font-size:11px; 
	line-height:18px;
} 

.rfooter { float:right; width:240px; display:block; padding-top:27px; padding-right:25px;}
.rfooter #boxfix { display:block; margin-left:auto; margin-right:auto; width:240px; }
.border { display:block; clear:both; border:1px solid #0160a2; padding:3px; width:228px;}

#boxfix .jipladdress { background-color:#e0dfdf; width:245px; padding-bottom:20px;}
.jipladdress ul { padding-left:11px; padding-top:15px;}
li.address {
	padding-top:15px;
	font-family:"Arial", Helvetica, sans-serif;

	font-size:12px;
	color:#636363;
	line-height:17px;
}

#boxfix li a, #footerbottom a { color:#636363; text-decoration:none;}
#boxfix li a:hover, #footerbottom a:hover {border-bottom:1px solid #0089f5; color:#0089f5;}

#footerbottom { width:1003px; display:block; margin-top:19px; background-color:#dfdfdf; margin-left:auto; margin-right:auto;}
#footerbottom .copyright { display:block; float:left; padding:10px 27px; width:600px;}
#footerbottom .footerlogo { display:block; float:right; width:60px; padding-right:27px; padding-top:3px; background:url(../images/logo_footer.jpg) top left no-repeat; height:33px;}

/***************************** footer end *********************************/


btnresetcss{
background-image:url(images/btn-reset-1.jpg);
background-repeat:no-repeat;
width:87px;
height:19px;
border:none;
}