@charset "utf-8";
/* CSS Document */

html, body
{
	margin:0;
	padding:0;
}

body
{
	
	font-family:Verdana, Geneva, sans-serif;
        font-size:13px;
	
}
.clr
{
	clear:both;
}
h1
{
	padding-left:30px;
	margin:15px 0px;
	color:#000;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
}
h2
{
	padding-left:30px;
	margin-top:50px;
	color:black;
	font-weight:normal;
	font-size:40px;
	font-family:"Times New Roman", Times, serif;
}
div#container
{
	margin:0 auto;
	width:967px;
	height:auto;
}

div#header
{
	float:left;
	width:967px;
	height:auto;
}

div#logo
{
	float:left;
	width:967px;
	height:66px;
	background:url(../images/headbg.jpg) repeat-x top;
	border-bottom:#33c2d7 1px solid;
	
}

div#banner
{
	width:967px;
	height:225px;
	float:left;
	background:#026194 url(../images/bannerbg.jpg) repeat-x top;
}
div#flash
{
	float:right;
	height:225px;
	background:url(../images/flash.jpg) no-repeat top;
	width:375px;
}

div#slogan
{
	float:left;
	width:568px;
	height:225px;
}

div#nav
{
	float:left;
	width:967px;
	height:36px;
	background:#1b4668 none;
	border-bottom:#fff 2px solid;
}
div#logp
{
	width:967px;
	float:left;
	height:30px;
	background:url(../images/userbg.jpg) repeat-x;
}
div#login
{
	width:681px;
	float:right;
	height:30px;
	background:url(../images/userbg.jpg) repeat-x;
	/*padding-top:10px;*/
}
div#user
{
	float:left;
	width:250px;/*previous was 371 */
	height:30px;
	background:url(../images/userbg.jpg) repeat-x;
}
div#wrapper
{
	float:left;
	width:941px;
	height:auto;
	background:#f1f1f1 url(../images/wrapbg.jpg) repeat-x top;
	padding:0px 13px 13px 13px;
}
label{

    color: #000;

}
div#cont1
{
	float:left;
	width:941px;
	height:auto;
}

div#box1
{
     
	width:300px;
	float:right;
	height:245px;
          padding-right:10px;
}
.field{

  padding: 15px;

}
div#bhead1
{
	width:308px;
	float:left;
	height:87px;
	background:url(../images/box1hd.jpg) no-repeat top;
}


div#bt1
{
	float:left;
	height:auto;
	width:308px;
	background:#229bb4 url(../images/box1bg.jpg) repeat-x top;
}
div#bt1 p
{
	margin:5px 0px;
	padding:0px 10px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	float:left;
	width:288px;
	height:auto;
	clear:left;
}
div#but1
{
	background:url(../images/regbutton1.jpg) no-repeat top;
	width:118px;
	height:37px;
	float:right;
	margin-right:38px;
	margin-top:41px;
	cursor:pointer;
	/*margin-left:150px;*/
	
}
div#but1 a
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:35px;
padding:0 20px;
}

div#but1 a:hover
{
	color:#ccfc2c;
}
div#bdown1
{
	float:left;
	width:308px;
	background:url(../images/box1down.jpg) no-repeat top;
	height:25px;
	
}
div#box2
{
	width:306px;
	float:left;
	height:245px;
         
}
div#bhead2
{
	width:308px;
	float:left;
	height:87px;
	background:url(../images/box2hd.jpg) no-repeat top;
}

div#bt2
{
	float:left;
	height:132px;
	width:308px;
	background:#229bb4 url(../images/box2bg.jpg) repeat-x top;
}
div#bt2 p
{
	margin:5px 0px;
	padding:0px 10px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	float:left;
	width:288px;
	height:auto;
}
div#but2
{
	background:url(../images/regbutton2.jpg) no-repeat top;
	width:118px;
	height:37px;
	float:right;
	margin-right:57px;
	margin-top:44px;
	cursor:pointer;
	
}
div#but2 a
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:35px;
padding:0 20px;
}
div#but2 a:hover
{
	color:#8ce3ec;
}
div#bdown2
{
	float:left;
	width:308px;
	background:url(../images/box2down.jpg) no-repeat top;
	height:25px;
}
div#box3
{
	width:300px;
	float:left;
	height:245px;
	margin-left:10px;
          margin-right:10px;
}
div#bhead3
{
	width:308px;
	float:left;
	height:87px;
	background:url(../images/box3hd.jpg) no-repeat top;
}

div#bt3
{
	float:left;
	height:132px;
	width:308px;
	background:#229bb4 url(../images/box3bg.jpg) repeat-x top;
}
div#bt3 p
{
	margin:5px 0px;
	padding:0px 10px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	float:left;
	width:288px;
	height:auto;
}
div#but3
{
	background:url(../images/regbutton3.jpg) no-repeat top;
	width:118px;
	height:37px;
	float:right;
	margin-right:62px;
	margin-top:44px;
	cursor:pointer;
}
div#but3 a
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:35px;
padding:0 20px;
}
div#but3 a:hover
{
	color:#ccfc2c;
}
div#bdown3
{
	float:left;
	width:308px;
	background:url(../images/box3down.jpg) no-repeat top;
	height:25px;
}

div#cont2
{
	float:left;
	width:941px;
	height:auto;
	margin-top:15px;
}

div#box4
{
	float:left;
	width:459px;
	height:auto;
}

div#bhead4
{
	width:459px;
	background:url(../images/box4upnew.jpg) no-repeat;
	height:12px;
	float:left;
}

div#bdown4
{
	float:left;
	background:url(../images/box4downnew.jpg) no-repeat top;
	width:459px;
	height:11px;
}
div#bt4
{
	float:left;
	width:459px;
	height:176px;
	background:#fff none;
}
div#box4i
{
	background:url(../images/box4bg.jpg) repeat-x;
float:left;
height:176px;
margin-left:3px;
width:453px;
}

div#box4i p
{
	padding-left:30px;
	padding-right:30px;
	margin-top:10px;
	margin-bottom:10px;
	color:#000;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}
div#box5
{
	float:right;
	width:459px;
	height:auto;
}
div#bhead5
{
	width:459px;
	background:url(../images/box4upnew.jpg) no-repeat top;
	height:12px;
	float:left;
}

div#bdown5
{
	float:left;
	background:url(../images/box4downnew.jpg) no-repeat top;
	width:459px;
	height:11px;
}
div#bt5
{
	float:left;
	width:459px;
	height:176px;
	background:#fff none;
}
div#box5i
{
	background:url(../images/box4bg.jpg) repeat-x scroll center top transparent;
float:left;
height:176px;
margin-left:3px;
width:453px;
}
div#box5i p
{
	padding-left:30px;
	padding-right:30px;
	margin-top:10px;
	margin-bottom:10px;
	color:#000;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}
div#footer
{
	width:967px;
	height:auto;
	border-top:#c9c9c9 1px solid;
	float:left;
	background:#efefef none;
}
div#footer p
{
	width:auto;
	padding:15px;
	text-align:center;
	color:#246092;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
}
span
{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
}

input
{
	border:#9f9f9f 1px solid;

	

}

td,th{

color: #000;
}

a{

    border:none;
}
input-sp
{
	border:#9f9f9f 1px solid;

	

}
#mail
{
        background:#fff url(../images/mail.jpg) no-repeat left top;
	border:#9f9f9f 1px solid;
	
	padding-left:30px;
	
}

#pass
{
	border:#9f9f9f 1px solid;
	background:#fff url(../images/key.jpg) no-repeat left top;
	padding-left:30px;

}
#button
{
	border:none;
	background:url(../images/login.jpg) no-repeat;
	width:57px;
	height:25px;
	color:#fff;
	padding:0;
	font-weight:bold;
	cursor:pointer;
}
div#ineer
{
	width:941px;
	height:auto;
	float:left;
}
div#innertop
{
	width:941px;
	height:46px;
	float:left;
	border-top:#06F 1px solid;
	background:url(../images/itop.jpg) repeat-x;
}

div#innerdown
{
	width:941px;
	height:46px;
	float:left;
	border-bottom:#06F 1px solid;
	background:url(../images/idown.jpg) repeat-x;
}
div#innerbody
{
	background:#edf7f9 none;
	width:911px;
	height:auto;
	float:left;
	padding-left:15px;
	padding-right:15px;
}

img{
	
	
	border:0px;}

div#inleft
{
	background: #edf7f9  none;
	border:#06F 1px solid;
	width:auto;
	height:auto;
	float:left;
	margin-bottom:10px;
        
	
	box-shadow: 2px 2px 8px #818181;
-webkit-box-shadow: 2px 2px 8px #818181;
-moz-box-shadow: 2px 2px 8px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=2, offY=2, positive=true);
}
div#inright
{
	float:right;
	background:#edf7f9  none;
	width:250px;
	height:170px;
	border:#06F 1px solid;
	
	margin-bottom:10px;
	
	box-shadow: 2px 2px 8px #818181;
-webkit-box-shadow: 2px 2px 8px #818181;
-moz-box-shadow: 2px 2px 8px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=2, offY=2, positive=true);
}

div#inleft p
{
   padding-left:5px;
    color:#000;
}

div#inright p
{
	color:#000;
}

/*----------------------------------- POPUP */

#overlay, #overlay2, #overlay3 {
	 position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0; /* will cover the entire parent */
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	 background: ;
	filter:alpha(opacity=99);
	-moz-opacity:0.99;
	-khtml-opacity: 0.99;
	opacity: 0.90;
	background-color:#ebebeb;
	}

#overlay[id]{ position: fixed; }
#overlay2[id]{ position: fixed; }
#overlay3[id]{ position: fixed; }
.popup {/*width: 508px; margin: 15% auto;
    z-index: 1002;
filter:alpha(opacity=99);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;*/
	background-color:#fff;
	border:1px solid #2C6B2E;
}
.popTop { height: 23px; /* background: url(../images/pop-top.gif) no-repeat;*/ background-color:#2C6B2E;}
.popBtm { height: 23px; /*background: url(../images/pop-btm.gif) no-repeat;*/ clear: both;}
.popInner {width: 478px; min-height: 200px; /*background: url(../images/pop-bg.png) repeat-y;*/ padding: 0 10px 0 20px;}
.popinner2 {width: 378px; min-height: 200px; border:1px solid #666666; }
.popInner3 {width: 478px; min-height: 135px;  padding: 0 10px 0 20px;}
.popInner form {width: 250px; margin: 10px 0 0 10px;}
.popupheader{font-size:12px; font-weight:bold; color:#FFFFFF;}

.letterspacing{letter-spacing: 0em; word-spacing :0.32em; }
#article p{letter-spacing: 0em; word-spacing :0.1em; line-height:20px;}
#article li{letter-spacing: 0em; word-spacing :0.1em; line-height:20px;}
#article strong{letter-spacing: 0em; word-spacing :0.1em; }
a.tooltip:hover {background:#f5f5f5; text-decoration:none;z-index: 9999;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:4px 6px; margin-left:-247px; width:215px;z-index: 9999;}
a.tooltip:hover span{display:inline; position:absolute; background:#FAF4B6; border:1px solid #CC9900; color:#333333; margin-top:20px; font-size:10px; text-align:left;z-index: 9999; line-height:12px; }
.formbox{border: 1px solid #B5EE93; background-color:#F8F8F8; padding:10px; height:auto;}

div.sample_popup { z-index: 1; }

div.sample_popup div.menu_form_header
{
  border: 1px solid black;
  border-bottom: none;

  width: 500px;

  height:      20px;
  line-height: 19px;
  vertical-align: middle;

  background:#00CCFF;

  text-decoration: none;
  font-family: Times New Roman, Serif;
  font-weight: 900;
  font-size:  13px;
  color:   #206040;
  cursor:  default;
}

div.sample_popup div.menu_form_body
{
  width: 400px;
  border: 1px solid black;
 
}

div.sample_popup img.menu_form_exit
{
  float:  right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}

div.sample_popup table
{
  width: 100%;
  border-collapse: collapse;
}


div.sample_popup td
{
  width:75%;
  text-align:right
  padding: 0px 0px 1px 0px;
}

div.sample_popup form
{
  margin:  0px;
  padding: 8px 10px 10px 10px;
}

div.sample_popup input.field
{
  width: 95%;
  border: 1px solid #808080;

  font-family: Verdana, Sans-Serif;
  font-size: 12px;
 
}

div.sample_popup input.btn
{
  margin-top: 2px;
  border: 1px solid #808080;

  background-color: #DDFFDD;

  font-family: Verdana, Sans-Serif;
  font-size: 11px;
}
div.sample_popup th
{
  width: 25%;
  padding: 0px 5px 1px 0px;

  text-align: left;

  font-family: Times New Roman, Serif;
  font-weight: 900;
  font-size:  13px;
  color:   #004060;
}



.main-banner-big_log .button { background:url(../images/button.jpg) no-repeat left top !important; width:170px; height:36px; line-height:32px; }
.main-banner-big_log .button:hover { color:#000;}