body{
margin:0;
padding:0;
background:url(../images/bg.gif) left top repeat-x;}

/* position */
@media screen, projection {
/*
.BeNiceToMacIE5 {
font-family: "\"}\"";
font-family: inherit;
} */
html, body, #wrapper, wrapper2 {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 100%;
}
html>body, html>body #wrapper, html>body #wrapper2 {
height: auto;
}

div#wrapper {
position: absolute;
top: 0;
left: 0;
background:background:url(../images/bg.gif) left top repeat-x;
}

#header {
position:relative; z-index:500;
width: 100%;
background:url(logo.gif) no-repeat left top;
}
#headcontent 
{height:85px; 
background:#ccc; 
margin-left:200px; 
position:relative; 
padding:10px;}

.clear {
clear: both;
margin: 0;
padding: 0;
}

#footer {
clear: both;
bottom: 0;
left: 0;
width: 100%;
background:#003758;
color: #fef9ee;
overflow:hidden;
}
#footer1 {
clear: both;
bottom: 0;
left: 0;
width: 100%;
background:#003758;
color: #fef9ee;
overflow:hidden;
position:relative;
}
#footerContent {padding:0px;}

#main {
margin: 0;
padding:0px;
}
/* \*/
* html #footer {
position: inherit;
}
* html #main {
padding-bottom: 100px;
}
/* \*/
head:first-child+body div#footer {
position: absolute;
z-index:0;
}
head:first-child+body div#main {
padding-bottom: 100px;
}

}

@media all and (min-width:0px) {
head~body {height:100%;}
}
/* position */
*{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:normal;
text-decoration:none;
font-family:Verdana, Arial, Tahoma;}

.clear{
clear:both;
padding:0;
margin:0;}

.clear1{
padding:0;
margin:0;
height:10px;}

/* header */
#wrap{
margin:auto;
padding:0px 0 0;
width:820px;
}
#wrap1{
margin:auto;
padding:0px 0 0;
background:;
width:600px;
background:url(../images/wrap_bg.gif) left top repeat-x;}
.login_div{
padding:13px 0 250px 0;
font-size:12px;
line-height:17px;
color:#fff;
text-align:left;
}
.username{
padding:11px 0 6px 130px;
line-height:17px;
color:#fff;
float:left;
width:80px;
text-align:right;
font-weight:bold;
}
.input_box
{
margin:8px 0 5px 10px;
padding:2px;
height:17px;
background:#d5d5d5;
border:1px solid #fff;
width:190px;
float:left;
font-size:12px;
}
.select_box
{
margin:8px 0 5px 10px;
padding:2px 2px 3px 2px;
height:20px;
background:#d5d5d5;
border:1px solid #fff;
width:195px;
float:left;
line-height:35px;
}
.button
{
width:85px;
padding:0 2px 0px;
margin:0px 0 0 275px;
}
.forgot_password
{
text-align:center;
margin:10px 0px 0 30px;
}
.forgot_password a
{
color:#fff;
font-weight:700;
}
.logo{
float:left;
}
.menu{
float:right;
width:520px;
}
.menu ul{
list-style:none;
height:90px;
padding:0px 10px 0 0px;
background:url(../images/menu_li.gif) right bottom no-repeat;
}
.menu ul li{
float:left;
height:41px;
padding:49px 8px 0 45px;
background:url(../images/menu_li.gif) left bottom no-repeat;
font-size:12px;
}
.menu a{
font-weight:bold;
color:#333333;
font-family:Arial, Verdana, Tahoma;
}
.menu a:hover{
font-weight:bold;
color:#05548e;
}
.menu span{
font-weight:bold;
color:#333333;
font-family:Arial, Verdana, Tahoma;
}

.menu1{
float:right;
width:400px;
}
.menu1 ul{
list-style:none;
height:90px;
padding:0px 10px 0 0px;
background:url(../images/menu_li.gif) right bottom no-repeat;
}
.menu1 ul li{
float:left;
height:41px;
padding:49px 8px 0 40px;
background:url(../images/menu_li.gif) left bottom no-repeat;
font-size:12px;
}
.menu1 a{
font-weight:bold;
color:#333333;
font-family:Arial, Verdana, Tahoma;
}
.menu1 a:hover{
font-weight:bold;
color:#05548e;
}
.menu1 span{
font-weight:bold;
color:#333333;
font-family:Arial, Verdana, Tahoma;
}
.banner{
height:215px;
padding:0px 350px 0px 38px;
background:url(../images/banner.jpg) left bottom no-repeat;
font-size:11px;
font-family:Verdana, Arial, Tahoma;
line-height:19px;
color:#fff;
}
.banner h1{
font-size:24px;
padding:35px 0 8px;
font-family:Arial, Verdana, Tahoma;
font-weight:normal;
color:#fff;
}
.banner_inner{
height:145px;
padding:0px 290px 0px 38px;
background:url(../images/banner_inner.jpg) left bottom no-repeat;
font-size:11px;
font-family:Verdana, Arial, Tahoma;
line-height:19px;
color:#fff;
}
.banner_inner h1{
font-size:22px;
padding:13px 0 4px;
font-family:Arial, Verdana, Tahoma;
font-weight:normal;
color:#fff;
}
.caption
{
padding:0px 0 14px 0;	
}
.more
{
width:115px;
height:30px;
}
.banner a
{
	
cursor:pointer;
margin:15px 0 ;
}
.warn{
padding:0px 0 0 6px;
color:#fb5555;
font-size:11px;
font-weight:bold;
line-height:40px;
}
.error_wrap
{
height:15px;
padding:0px 0 0 0px;
line-height:18px;
margin:-4px 0 6px;
}

.error
{
color:#fb5555;
font-size:11px;
font-weight:bold;
text-align:center;
padding:0 0 0 30px;
}
/* content */
.content
{
background:#fff;
font-size:11px;
color:#666666;
line-height:19px;
}

/*left side */
.left_col
{
float:left;
width:476px;
padding:30px 28px 30px 22px;	
background:url(../images/bg_left.gif) right top no-repeat #fff;

}

.left_col h2
{
font-size:21px;
padding:0px 0 10px;
font-family:Arial, Verdana, Tahoma;
font-weight:normal;
color:#003366;	
}
.left_col h3
{
font-size:17px;
padding:0px 0 10px 5px;
font-family:Arial, Verdana, Tahoma;
font-weight:bold;
color:#cc6633;	
}
.left_col h2 span
{
color:#cc6600;	
}
.left_col strong
{
font-weight:bold;	
}

.left_col ul
{
list-style:none;
}

.main_li
{
padding:5px 5px 4px 10px;
margin:15px 0 15px 0;
background:url(../images/li_bg.gif) left top no-repeat;
}
.sub_li
{
padding:4px 5px 0px 20px;
margin:10px 0 0px 0;
background:url(../images/arrow.gif) 5px 11px no-repeat;
}


/*right side */
.right_col
{
float:left;
width:275px;
padding:30px 0px 0 19px;	
background:#fff;
}
.right_col p
{
border-bottom:1px solid #b7b7b7;
padding:4px 0 8px 0px;
}
.why
{
background:url(../images/why_bg.gif) left top no-repeat #fff;
font-size:11px;
padding:10px 30px 30px 10px;
line-height:18px;
color:#000;
}
.why h3
{
font-size:16px;
padding:0px 0 4px 0px;
font-family:Arial, Verdana, Tahoma;
font-weight:bold;
color:#005e8f;	
}
.why strong
{
font-weight:bold;
}
.why ul
{
list-style:none;
margin:10px 0 10px 4px;
}
.why li
{
margin:5px 0 0 0px;
color:#343434;
padding:0px 0 0px 10px;
background:url(../images/gray_arrow.gif) 0px 6px no-repeat;
}
/* inner pages */
.contact_div
{
padding:1px 15px 2px 10px;
}
.contact_div label
{
width:80px;
display:block;
float:left;	
}
.contact_div span
{
padding:0px 0px 0px 3px;
color:#fa3838;
}
.contact_div b
{
padding:0px 0px 0px 5px;
color:#d2d0d0;
}
.input_text
{
border:1px solid #d2d2d2;
margin:0px 0 12px;
padding:2px;
font-size:11px;
height:17px;
float:left;
width:160px;
}
.input_area
{
border:1px solid #d2d2d2;
margin:0px 0 12px;
padding:2px;
font-size:11px;
height:50px;
float:left;
width:230px;
}
.input_area1
{
border:1px solid #d2d2d2;
margin:0px 0 12px;
padding:2px;
font-size:11px;
height:80px;
float:left;
width:230px;
}
.submit
{
margin:15px 0 5px 80px;
}
.table_wrap
{
width:98%;
margin:auto;
}
.table_wrap table
{
width:100%;
background:#eee;
}
.table_wrap td
{
padding:2px 5px;
text-align:left;
}
.table_wrap td input
{
margin:0px 60px 0 0px;
float:right;
}
.table_wrap th
{
background:#015f9b;
color:#fff;
font-weight:bold;
padding:5px 5px;
text-align:left;
}

.group
{
padding:5px 15px 25px;	
}
.group h2
{
padding:10px 11px 5px;	
font-size:18px;
}
.info
{
padding:0px 11px 5px;
}

/* footer starts  */
.footer_wrap
{
background:#003758;
}
.footer_div
{
width:800px;
background:url(../images/footer_bg.gif) left top repeat-x #004169;
margin:auto;
color:#cccccc;
font-size:11px;
padding:0px 25px 0px 25px;
line-height:20px;
}
.footer_div a
{
color:#fff;
padding:0 10px;
}
.footer_left
{
float:left;
padding:20px 0px 10px 0px;
}
.footer_right
{
float:right;
padding:20px 0px 10px 0px;
}
.footer
{
width:772px;
background:url(../images/footer_bg.gif) left top repeat-x #004169;
margin:auto;
color:#cccccc;
font-size:11px;
padding:0px 25px 0px 25px;
line-height:20px;
}
.footer_left a
{
color:#fff;
padding:0 10px;
}
.gray
{
color:#999999;
}
.red
{
font-size:9px;
color:#fa7c7c;
margin:20px 0 0 100px;
float:left;
}

.errortext
{
	FONT-SIZE:8pt;
    COLOR: red;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}
.successtext
{
	FONT-SIZE:8pt;
    COLOR: green;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
    font-weight:bold;
}
.normalText
{
	font-family:verdana;
	font-size:8pt;
	color:black;
	TEXT-DECORATION: none;
}

.content2
{
color:#01507f;
font-size:12px;
font-style:italic;
font-weight:bold;
text-decoration:none;
text-align:center;
padding:35px 0;
}

.content2 h3 a
{
color:#1c4462;
font-size:13px;
font-style:italic;
font-weight:bold;
text-decoration:underline;
}
.common_link{
color:#05548e;
}
.common_link:hover{
color:#000;
}
.bold
{
font-weight:bold;
}

.sub_nav
{
text-align:right;
font-weight:bold;
color:#000;
font-size:13px;
padding:10px 0px 0px;
width:100%;
}

.sub_nav h4
{
float:left;
font-weight:bold;
color:#60696e;
font-size:11px;
}
.sub_nav a
{
font-weight:bold;
color:#60696e;
font-size:11px;
text-decoration:underline;
padding:2px 8px;
}

.sub_nav a:hover
{
color:#005990;
text-decoration:underline;
}

/* change password  */
.password_div
{
padding:0px 0 0;
width:325px;
margin:auto;
}
.password_div ul
{
list-style:none;
margin:0 0 10px 0;
float:left;
text-align:left;

}
.password_div label
{
float:left;
display:block;
width:125px;
text-align:right;
margin:5px 4px 0 0;
font-weight:bold;
}
.input_box3
{
margin: 0px 2px 10px 3px;
padding:2px;
height:18px;
background:#e4f4fe;
border:1px solid #b7e2fd;
width:170px;
float:left;
}
.red_star
{
float:left;
width:15px;
color:Red;
}
.common_button
{
margin: 10px 0;
padding: 2px 10px;	
background:url(../images/button_bg2.gif) left top repeat-x #005b90;
border:#044774 1px solid;
color:#fff;
font-size:11px;
font-weight:bold;
cursor:pointer;
width:75px;
}
/* 11.09.09 */

.demo{
 padding:0px;
 background-image:url(../images/demo_video_icon.jpg);
 background-repeat:no-repeat;
 width::250px;
 height:79px;
 
   }