* { margin:0; padding:0;}

body { background: url(images/body.gif) }

html, input, textarea, select{font-family:arial; font-size:100%; color:#7a7a7a; font-weight:normal; font-size:0.75em; line-height:1.15em}





/*in_line*/

input, select { vertical-align:middle; font-weight:normal;}

img {border:0; vertical-align:top; text-align:left;}



a{ color:#1177b7; text-decoration:underline}

a:hover{ text-decoration:none}





.clear { clear:both;}



.fleft { float:left;}

.fright { float:right; width:500px; }
.fright td:hover { background:url(images/m2_p2.gif) no-repeat; }
.fright2 td { color:#000000; font-size:14px; text-decoration:none; background:url(images/m2_p2.gif) no-repeat; display:table-cell; text-align:center; vertical-align:middle; width:93px; height:31px; }

.fright a { color:#1177b7; font-size:14px; text-decoration:underline; display:table-cell; text-align:center; vertical-align:middle; width:93px; height:31px; }
.fright a:hover{ color:#000000; font-size:14px; text-decoration:none;  display:table-cell; text-align:center; vertical-align:middle; width:93px; height:31px; }
.fright2 { color:#000000; font-size:14px; text-decoration:none; background:url(images/m2_p2.gif) no-repeat; display:table-cell; text-align:center; vertical-align:middle; width:93px; height:31px; }




.alignright { text-align:right;}



.title, .title_top, .title_bot{ display:block}



.link{ color:#1788a3; text-decoration:underline; background:url(images/marker.gif) no-repeat 0 4px; padding-left:16px}

.link:hover{ text-decoration:none}



.link1{ color:#1177b7; text-decoration:underline; background:url(images/marker.gif) no-repeat 0 4px; padding-left:16px}

.link1:hover{ text-decoration:none}



.link2{ color:#a1a1a1; text-decoration:underline}

.link2:hover{ text-decoration:none}



p {margin:0; padding:0;}



h1 { text-indent:-1000px;  padding:0; margin:0; line-height:1em; font-size:1em; background:url(images/logo.gif) no-repeat 0 0; width:215px; height:124px}

.pos{ position:absolute; margin-top:0; padding:0}



h2 {  padding:0; margin:0; font-size:1em; padding-bottom:15px; line-height:1.275em}



ul { margin:0; padding:0; list-style:none; line-height:1.65em}

ul li{ background:url(images/list_bg.gif) no-repeat 0 5px; padding-left:14px}

ul li a { color:#9b9b9b; text-decoration: underline; font-weight:normal}

ul li a:hover{ text-decoration:none}



.separate{ background:url(images/bgd.gif) repeat-x left bottom; height:14px}



.top{ width:100%}

.top .row1{ height:124px; width:100%; background:#FFFFFF}

.top .row1 .fright{ padding-top:49px; padding-right:33px; text-align:right}

.top .row2{ width:100%; background:#FFFFFF}

.top .row2 .left{ width:494px; float:left; text-align:center; } /* background:url(images/main_pic.jpg) no-repeat 21px 0}*/

.top .row2 .right{ margin-left:494px;  color:#000000;}

.top .row2 .right span{ color:#a1a1a1}

.top .row2 .right .spacer{ float:left; height:335px}

.top .row2 .right .indent{ padding:3px 30px 0 5px; float:left;  line-height:21px; }

.top .row2 .right p{ padding-bottom:35px}

.top .row2 .right .bg{background:url(images/bg_bot.gif) repeat-x left bottom; width:100%; padding-bottom:3px}

.top .row2 .right .img{ float:left; margin:3px 25px 20px 0}



.top .row3{ width:100%; background:url(images/row3_bg.gif) repeat-x left bottom #FFFFFF}

.top .row3 .indent{ padding:28px 0 39px 0}



.top .row4{ width:100%;}

.top .row4 a{ color:#1177b7}

.top .row4 ul li a { color:#9b9b9b}



.bot{ width:100%; height:50px; background:url(images/bot_bg.gif) repeat-x}



/*txt, links*/

.link{ background:url(images/marker.gif) no-repeat 0 3px; padding-left:15px; color:#1177b7; text-decoration:underline}

.link:hover{ text-decoration:none}





/*header*/



/*content*/

.title{ margin-bottom:20px}



.y{ background:url(images/y.gif) repeat-y}

.y1{ background:url(images/y1.gif) repeat-y}





.row3 p{ padding-bottom:15px}

.row4 p{ padding-bottom:15px}



/*footer*/

#footer .fleft{ color:#9d9d9d; padding:20px 0 0 18px}

#footer .fleft a{ color:#9d9d9d; text-decoration:underline}

#footer .fleft a:hover{ text-decoration:none}



#footer .fright{ padding:18px 38px 0 0}





/*================== index.html ==================*/

#page1 .top .row2 .left{ height:335px}



#page1 .row3 .col1 .ind{ padding:10px 25px 10px 23px; line-height:21px;}

#page1 .row3 .col2 .img{ margin:2px 24px 24px 0; float:left}

#page1 .row3 .col2 .ind{ padding:10px 25px 10px 21px;  line-height:21px;}

#page1 .row3 .col3 .ind{ padding:10px 25px 10px 21px}

#page1 .row3 .col3  .img{
	float:left;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 0;
}

#page1 .row3 .col3 .alignright{ padding-right:30px}

#page1 .row4 .indent{ padding:49px 0 40px 28px}

#page1 .row3 .col2 .form_block{ width:400px; margin-left:50px}

#page1 .row3 .col2 .form_block .row{ width:100%; height:40px}
#page1 .row3 .row { height:50px}

#page1 .row3 .col2 .form_block input{ width:400px; height:25px; border:#a1a1a1 1px solid; font-family:arial; font-size:1em; color:#7a7a7a}

#page1 .row3 .row input{ width:400px; height:25px; border:#a1a1a1 1px solid; font-family:arial; font-size:1em; color:#7a7a7a}
#page1 .row3 .row select{ width:400px; height:25px; border:#a1a1a1 1px solid; font-family:arial; font-size:1em; color:#7a7a7a}

#page1 .row3 textarea{ width:400px; height:121px;  border:#a1a1a1 1px solid; font-family:arial; font-size:1em; color:#7a7a7a; overflow:auto}
#page1 .row3 .col2 .form_block textarea{ width:400px; height:121px;  border:#a1a1a1 1px solid; font-family:arial; font-size:1em; color:#7a7a7a; overflow:auto}

#page1 .row3 .col2 .form_block .alignright{ padding-top:15px}

#page1 .row3 .col2 .form_block .alignright a{ margin-left:15px}


.textfieldValidState input, input.textfieldValidState, .selectValidState select, select.selectValidState, .textareaValidState textarea, textarea.textareaValidState {
	background-color: #B8F5B1;
	background:url(images/accept.png) right no-repeat;
}

input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input, input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input, select.selectRequiredState, .selectRequiredState select, select.selectInvalidState, .selectInvalidState select, textarea.textareaRequiredState, .textareaRequiredState textarea, textarea.textareaMinCharsState, .textareaMinCharsState textarea, textarea.textareaMaxCharsState, .textareaMaxCharsState textarea   {
	background-color: #FF9F9F;
	background:url(images/exclamation.png) right no-repeat;
}

.textfieldFocusState input, input.textfieldFocusState, .textareaFocusState textarea, textarea.textareaFocusState {
	background-color: #FFFFCC;
}

.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg, .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg {
	color: #CC3333;
	/*border: 1px solid #CC3333;*/
}


/*================== index-1.html ==================*/

#page2 .separate{ height:30px}



#page2 .top .row2 .left{ height:335px}

#page2 .main{ margin:0 auto}

#page2 .top .row2 .right p{ padding-bottom:20px}

#page2 .top .row2 .right .alignright{ padding-top:14px}



#page2 .top .row3 .indent{ padding:28px 0 45px 0}

#page2 .top .row3 .col1 .ind{ padding:11px 27px 0 22px}

#page2 .top .row3 .col1 .img{ margin:3px 24px 45px 0; float:left}

#page2 .top .row3 .col1 .alignright{ padding-top:10px}

#page2 .top .row3 .col1 .block{ width:100%; margin-top:15px}

#page2 .top .row3 .col1 .block .c1{ width:57%; float:left}

#page2 .top .row3 .col1 .block .c2{ width:42%; float:left}



#page2 .top .row3 .col2 .ind{ padding:11px 27px 0 22px}

#page2 .top .row3 .col2 .img{ float:left; margin:3px 25px 29px 0}





/*================== index-2.html ==================*/

#page3 .row2{ background:url(images/row3_bg.gif) repeat-x left bottom #FFFFFF}

#page3 .row2 .left{ width:494px; float:left}

#page3 .row2 .left .r1{ height:335px; text-align:center }

#page3 .row2 .left .r2{ width:100%; padding:27px 0 16px 0}

#page3 .row2 .left .r2 .bg{ width:100%; background:url(images/y.gif) repeat-y 467px 0} 

#page3 .row2 .left .r2 .bg .ind{ padding:8px 60px 22px 22px}



#page3 .row2 .right{ margin-left:494px} 

#page3 .row2 .right .indent{ padding-right:33px; padding-bottom:34px}

#page3 .row2  p{ padding-bottom:15px}

#page3 .row2 .left .indent{ padding:3px 30px 30px 4px}

#page3 .row2 .left .img{ float:left; margin-right:23px}

#page3 .row2 .left ul{ margin:15px 0 0 193px}



#page3 .row4 .indent{ padding:31px 0 30px 0 }

#page3 .row4 .ind{ padding: 17px 30px 15px 23px}

#page3 .row4 .img{ float:left; margin:3px 23px 0 0}



/*================== index-3.html ==================*/

#page4 .separate{ height:34px}

#page4 .top .row2 .left{ height:335px}

#page4 .top .row2 .right .img{ margin:3px 25px 15px 0; float:left}

#page4 .top .row2 p{ padding-bottom:17px}

#page4 .top .row2 ul{ margin-left:126px}



#page4 .row3 .col1 .ind{ padding:10px 25px 10px 23px}

#page4 .row3 .col1 .img{ margin:2px 24px 24px 0; float:left}

#page4 .row3 .col2 .ind{ padding:10px 25px 10px 21px}

#page4 .row3 .col2 .img{ float:left; margin:0 17px 13px 0}



/*================== index-4.html ==================*/

#page5 .top .row2 .left{ height:335px}

#page5 .top .row2 .right .img{ margin:3px 23px 18px 0; float:left}

#page5 .top .row2 .right .indent{ padding-right:44px}

#page5 .top .row2 .right p{ padding-bottom:15px}

#page5 .separate{ height:17px}



#page5 .row3 .col1 .ind{ padding:10px 30px 10px 23px}

#page5 .row3 .col1 .img{ margin:3px 22px 0 0; float:left}

#page5 .row3 .col2 .ind{ padding:10px 25px 10px 21px}

#page5 .row3 .col2 .img{ float:left; margin:0 20px 10px 0}

#page5 .row3 .col2  ul{ margin-bottom:10px}



#page5 .row4 .indent{ padding:31px 0 30px 0}

#page5 .row4 .col1 .ind{ padding:9px 30px 15px 23px}

#page5 .row4 .col2 .ind{ padding:51px 30px 15px 33px}

#page5 .row4 .img{ margin:3px 23px 0 0; float:left}





/*================== index-5.html ==================*/

#page6 .top .row2 .left{ height:335px}

#page6 .top .separate{ height:35px}

#page6 .top p{ padding-bottom:15px}



#page6 .row3 .ind{ padding:10px 18px 5px 23px}

#page6 .row3 .col1 .img{ display:block; margin-bottom:26px}



#page6 .row3 .col3 .form_block{ width:230px}

#page6 .row3 .col3 .form_block .row{ width:100%; height:40px}

#page6 .row3 .col3 .form_block input{ width:228px; height:25px; background:#FFFFFF; border:#a1a1a1 1px solid; font-family:arial; font-size:1em; color:#7a7a7a}

#page6 .row3 .col3 .form_block textarea{ width:228px; height:121px; background:#FFFFFF; border:#a1a1a1 1px solid; font-family:arial; font-size:1em; color:#7a7a7a; overflow:auto}

#page6 .row3 .col3 .form_block .alignright{ padding-top:15px}

#page6 .row3 .col3 .form_block .alignright a{ margin-left:15px}



#page6 span{ color:#1177b7}





/*================== index-6.html ==================*/

#page7 .top .row2 .left{ height:335px}

#page7 .top p{ padding-bottom:15px}

#page7 .top span{ color:#a1a1a1}

#page7 .top .indent{ padding-right:42px}

#page7 .top .separate{ height:37px}



#page7 .row3 .indent{ padding:38px 46px	40px 21px}



/*================== index-7.html ==================*/