* {

	margin: 0;

	padding: 0

}

.bold {

	font-weight: bold;

}

.red {

	color: red;

}

body {

	background-image: url(../images/bg_body.jpg);

	background-position: top;

	background-repeat: repeat-x;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

}

div#page {

	width: 963px;

	height: 722px;

}

div#header {

 position: relative;

	width: 963px;

	height: 147px;

	background-image: url(../images/bg_header.jpg);

	background-position: top;

	background-repeat: no-repeat;

}

.selectLang {

	position: absolute;

	top: 6px;

	left: 858px;

}

.selectLang select {

	width: 102px;

	height: 20px;

	border: 1px rgb(127,157,185) solid;

	font-family: Arial;

	font-size: 11px;

	color:rgb(30,35,83);

}

span.bold {

	font-weight: bold;

}

div#leftCol {

	float: left;

	width: 150px;

}

div#mainCol {

	float: right;

	width: 803px;

	height: 574px;

	background-image: url(../images/bg_mainCol.jpg);

	background-position: top;

	background-repeat: no-repeat;

}

div.h9 {

	height: 9px;

	font-size: 1px;

}

div.h28 {

	height: 28px;

}

div#leftCol .containerTop {

	width: 150px;

	height: 5px;

	font-size: 1px;

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

	background-repeat: no-repeat;

	background-position: top;

	font-size: 1px;

}

div#leftCol .containerBody2 {

	width: 144px;

	height: 111px;

	background-color: rgb(222,237,248);

	background-image: url(../images/bg_leftCol_con_body.jpg);

	background-position: top;

	background-repeat: repeat-x;

}

div#leftCol .containerBody1 {

	width: 150px;

	height: 111px;

	background-image: url(../images/bg_leftCol_con_body1.jpg);

	background-repeat: repeat-y;

}

div#leftCol .containerBody1 h1 {

	font-size: 12px;

	font-weight: bold;

	color: rgb(255,255,255);

	text-align: left;

	margin-left: 7px;

}

div#leftCol .containerBottom {

	width: 150px;

	height: 5px;

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

	background-position: top;

	background-repeat: no-repeat;

	font-size: 1px;

}

div#leftCol .containerServiceTop {

	width: 150px;

	height: 25px;

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

	background-repeat: no-repeat;

	background-position: top;

	font-size: 13px;

	font-weight: bold;

	color: rgb(255,255,255);

	line-height: 25px;

	text-align: center;

}

div#leftCol .containerServiceBody {

	width: 150px;

	height: 77px;

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

	background-repeat: repeat-y;

}

div#leftCol .containerServiceBottom {

	width: 150px;

	height: 23px;

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

	background-position: top;

	background-repeat: no-repeat;

	font-size: 13px;

	font-weight: bold;

	color: rgb(255,255,255);

	line-height: 20px;

	text-align: center;

}

.containerContext {

	width: 135px;

	margin-top: 18px;

}

p.lable {

	float: left;

	font-size: 11px;

	font-weight: bold;

	color: rgb(51,51,102);

	line-height: 19px;

	margin-bottom: 6px;

}

input.contact {

	float: right;

	display: block;

	width: 93px;

	height: 19px;

	border: 1px rgb(204,204,204) solid;

	margin-bottom: 6px;

}

input.login {

	float: right;

	display: block;

	width: 70px;

	height: 19px;

	border: 1px rgb(204,204,204) solid;

	margin-bottom: 6px;

}

.btnContact {

	float: right;

	display: block;

	width: 66px;

	height: 20px;

	border: 0px;

	font-size: 12px;

	color: rgb(255,255,255);

	background-color: transparent;

	background-image: url(../images/bg_btn.jpg);

	cursor: pointer;

}

.topNav {

	float: left;

	height: 29px;

	background-color: transparent;

	overflow: hidden;

}

.topNav a {

	display: block;

	float: left;

	width: 141px;

	height: 29px;

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

	background-position: top;

	background-repeat: no-repeat;

	font-size: 13px;

	font-weight: bold;

	color: rgb(255,255,255);

	text-decoration: none;

	line-height: 28px;

	overflow: hidden;

}

.topNav a.current {

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

}

.newsLine {

	display: none;

	float: left;

	width: 378px;

	width: 237px;

	height: 28px;

	background: transparent;

	border-bottom: 1px rgb(125,129,156) solid;

	text-align: right;

}

.newsLine p {

	font-size: 13px;

	font-weight: bold;

	color: rgb(30,35,83);

}

.mainBox {

	width: 804px;

}

.mainBoxBody {

	float: left;

	width: 799px;

	height: 519px;

	border-left: 1px rgb(78,82,121) solid;

	background-color: rgb(25,53,109);

	background-image: url(../images/bg_mainbox.jpg);

	background-position: top;

	background-repeat: repeat-x;

}

div.white-page {

	position:relative;

	width:760px;

	height:470px;

	margin-top:30px;

	background:white;

	text-align: left;

	overflow: auto;

	line-height: 1.5;

	color: #1D2556;

	scrollbar-face-color: #222955;

	scrollbar-highlight-color: #222955;

	scrollbar-3dlight-color: #FFF;

	scrollbar-darkshadow-color: #FFF;

	scrollbar-shadow-color: #222955;

	scrollbar-arrow-color: #FFF;

	scrollbar-track-color: #DEEDF8;

}

div.white-page-inner {

	padding: 20px;

}

div.white-page h1 {

	font-weight: bold;

	font-size: 16px;

	margin-bottom: 10px;

	color: #3399FF;

}

div.white-page h2 {

	font-weight: bold;

	font-size: 13px;

	margin-bottom: 10px;

	color: #222955;

}

div.white-page p {

	margin-top: 15px;

	margin-bottom: 15px;

}

div.white-page ul {

	margin-left: 30px;

	margin-bottom: 15px;

	list-style: circle;

}

div.white-page a {

	color: #0066FF;

}

div.hr {

	height: 1px;

	font-size: 0px;

	background-color: #999999;

	margin: 10px auto;

}

.mainBoxShadow {

	float: left;

	position: relative;

	overflow: visible;

	width: 4px;

	height: 519px;

	background-image: url(../images/bg_mainbox_shadow.png);

	background-repeat: repeat-y;

}

.mainBoxShadowTop {

	position: absolute;

	top: -1px;

	left: 0;

	width: 4px;

	height: 4px;

	background-image: url(../images/bg_mainbox_top-right-corner.jpg);

	font-size: 1px;

}

.mainContent {

	position: relative;

	width: 763px;

	height: 249px;

	border: 3px rgb(255,255,255) solid;

	margin-top: 26px;

	overflow: visible;

	background-color: rgb(255,255,255);

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

	background-repeat: repeat-x;

	background-position: top;

}

.mainContent .subtitle {

	display: block;

	width: 332px;

	font-size: 14px;

	font-weight: bold;

	color: rgb(51,51,102);

	line-height: 22px;

	text-align: center;

	padding-bottom: 10px;

}

.mainContent ul li {

	display: block;

	list-style: none;

	width: 290px;

	height: auto;

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

	background-repeat: no-repeat;

	line-height: 23px;

	font-size: 12px;

	font-weight: bold;

	color: rgb(51,51,102);

	padding-left: 25px;

	margin-left: 20px;

}

.mainContent h1 {

	display: block;

	width: 332px;

	color: rgb(0,104,199);

	font-size: 22px;

	font-weight: bold;

	text-align: center;

	margin-top: 20px;

}

.mainContent a.lernmore {

	display: block;

	position: absolute;

	top: 206px;

	left: 189px;

	width: 133px;

	height: 36px;

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

	background-repeat: no-repeat;

	text-decoration: none;

}

.contentPicture {

	position: absolute;

	top: -3px;

	left: 334px;

	width: 434px;

	height: 255px;

}

.contentLeftTop {

	position: absolute;

	top: -3px;

	left: -3px;

	width: 10px;

	height: 10px;

	background-image: url(../images/bg_content_left_top.jpg);

	background-repeat: no-repeat;

	font-size: 1px;

}

.contentLeftBottom {

	position: absolute;

	top: 243px;

	left: -3px;

	width: 10px;

	height: 10px;

	background-image: url(../images/bg_content_left_bottom.jpg);

	background-repeat: no-repeat;

	font-size: 1px;

}

div.h15 {

	height: 15px;

	font-size: 1px;

}

.bottomContent {

	width: 770px;

	height: 211px;

}

.bottomContent div.w10 {

	float: left;

	width: 10px;

	height: 5px;

}

.bottomContentBox {

 position: relative;

	float: left;

	width: 185px;

	height: 211px;

	background-color: rgb(255,255,255);

	text-align: left;

}

.bottomContentBox .title {

	width: 185px;

	height: 25px;

	background-color: rgb(69,149,249);

}

.bottomContentBox .title h1 {

	font-size: 13px;

	font-weight: bold;

	color: rgb(255,255,255);

	line-height: 25px;

	padding-left: 10px;

}

.bottomContentBox ul {

 margin-top: 9px;

}

.bottomContentBox ul li {

	list-style: none;

	line-height: 18px;

	font-size: 13px;

	font-weight: bold;

	color: rgb(0,0,102);

	margin-left: 8px;

}

.bottomContentBox ul li a{

	color: rgb(0,0,102);

	text-decoration:none;

}

.bottomContentBox ul li a:hover{

	text-decoration:underline;

}

.bottomContentBox a.btn {

 position: absolute;

 top: 184px;

 left: 157px;

 display: block;

 width: 21px;

 height: 21px;

 background-image: url(../images/bg_btn2.jpg);

 background-repeat: no-repeat;

}

.mainBoxBottomShadow {

  clear: both;

  width: 803px;

  height: 6px;

  background-image: url(../images/bg_maincontent_bottom_shadow.jpg);

  background-repeat: repeat-x;

  font-size: 1px;

}

.mainBoxBottomShadow .left {

  float: left;

  width: 5px;

  height: 5px;

  background-image: url(../images/bg_maincontent_left_bottom_shadow.jpg);

  background-repeat: no-repeat;

  font-size: 1px;

}

.mainBoxBottomShadow .right {

  float: right;

  width: 4px;

  height: 6px;

  background-image: url(../images/bg_maincontent_right_bottom_shadow.jpg);

  background-repeat: no-repeat;

  font-size: 1px;

}

#footer {

  font-family: Verdana;

  font-size: 10px;

  color: rgb(30,36,85);

  padding-bottom: 18px;

}





/* Start Contact Form Setting */



table#contact-form {

	border-collapse: collapse;

	font-size: 11px;

}

table#contact-form td {

	padding: 3px;

	font-weight: bold;

	padding-left: 5px;

	padding-right: 10px;

}

table#contact-form td.label {

	vertical-align: top;

}

table#contact-form textarea {

	width: 400px;

	height: 150px;

}

p.system-message {

	color: red;

	font-weight: bold;

}



/* Start Login Pages */



div.login-menu {

	margin-bottom: 20px;

	font-weight: bold;

}

textarea#comments {

	width: 500px;

	height: 200px;

	margin-bottom: 20px;

}

.green-box {
    width: 150px;
    padding-top: 16px;
    background-image: url(../images/bg_green_title_top.gif);
    background-position: left top;
    background-repeat: no-repeat;  
}
.green-box div.title {
    background-image: url(../images/bg_green_box_title.gif);
    background-repeat: repeat-y;
    background-position: left;
}
.green-box p.title {
    padding: 0 10px 0 34px;
    color: #336600;
    font-size: 14px;
    font-weight: bold;
    background-image: url(../images/bg_green_title_top.gif);
    background-position: 0 -16px;
    background-repeat: no-repeat;
    text-align: left;  
}
.green-box div.content {
    background-image: url(../images/bg_green.gif);
    background-position: left;
    background-repeat: repeat-y;
}
.green-box p.content {
    background-image: url(../images/bg_green_content.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 7px 20px 0 7px;
    text-align: left;
    color: #336600;
    font-size: 12px;
}
.green-box .bottom {
    height: 55px;
    background-image: url(../images/bg_green_bottom.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.mainContent div.learnmore-wrapper {
    padding-top: 12px;
    width: 325px;
}

.mainContent a.learnmore {
	float: right;
	height: 36px;
	width: auto;
	background-image: url(../images/bg_learn_more.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 32px;
	font-size: 14px;
	font-weight: bold;
}
.learnmore .right {
    float: left;
    padding-right: 37px;
    height: 36px;
    background-image: url(../images/bg_learn_more_right.gif);
    background-position: right top;
    background-repeat: no-repeat;
}
.learnmore .content {
    width: auto;
}
.learnmore .left {
    float: left;
    padding-left: 10px;
    height: 36px;
    background-image: url(../images/bg_learn_more_left.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}