* { margin: 0; padding: 0; border: 0}

HTML, BODY, FORM { height: 100%; font-family: Arial; font-size: 12px; color: #3c3a34; background: #94c4dd }
BODY, FORM { min-height: 100%; height: 100% }

A {color: #fff}
A:hover { text-decoration: none }
IMG { border: 0; }
UL { list-style-type: none }
LI {margin-bottom: 5px}
OL { padding: 13px; margin: 10px}
INPUT { padding: 0 0 0 2px }

#outer {  background: url(../Images/header-bg.gif) repeat-x left top; width: 100%; height: 100% }
	#outer .outer-bg { margin: 0 auto; width: 1024px}
	
#header { width: 100%; height: 139px; }
	#header .logo { width: 292px; height: 104px; margin: 23px 0 0 14px; float: left }

#header-right { float: left; width: 718px; height: 139px; }
	#header-right .chance { width: 245px; height: 24px; background: url(../Images/chance.gif) no-repeat; margin: 51px 0 0 413px; float: left; clear: both }
	#header-right .menu-pointer { float: left; clear: both; width: 47px; height: 18px; background: url(../Images/menu-pointer.gif) no-repeat }
	
#menu { float: left; height: 34px; clear: both; margin: 12px 0 0 10px; clear: both; width: 100% }
	#menu .left-border { width: 9px; height: 34px; background: url(../Images/menu-left.gif) no-repeat; float: left }
	#menu .center { float: left; height: 34px; background: #3f87ae }
	#menu .item { float: left; height: 23px; padding: 0 10px 0 10px; margin-top: 6px }
		#menu .item DIV { float: left }
		#menu .item P { float: left; width: 9px; height: 23px }
		#menu .item A { text-decoration: none; font-family: Arial; font-size: 12px; color: #fff; padding: 4px 11px 0 10px; float: left; height: 19px; margin: 0 0 0 -9px }
	#menu .item-a { float: left; height: 23px; padding: 0 10px 0 10px; margin-top: 6px }
		#menu .item-a DIV { float: left; background: url(../Images/menu-active-bg.gif) repeat-x }
		#menu .item-a P { float: left; width: 9px; height: 23px; background: url(../Images/menu-active-left.gif) no-repeat }
		#menu .item-a A { text-decoration: none; font-family: Arial; font-size: 12px; color: #fff; padding: 4px 11px 0 10px; float: left; height: 19px; margin: 0 0 0 -9px; background: url(../Images/menu-active-right.gif) no-repeat right top }
	#menu .separator { float: left; width: 1px; border-left: 1px solid #8cb7ce; border-right: 1px solid #8cb7ce; background: #fff; height: 11px; margin-top: 11px}
	#menu .right-border {width: 9px; height: 34px; background: url(../Images/menu-right.gif) no-repeat; float: left }

#archive-list { float: left; clear: both }
	#archive-list .archive-year { margin: 20px 0 5px 0; float: left; clear: both }
		#archive-list A { margin: 2px 0 0 10px; clear: both; float: left }

#inner { width: 100%; float: left; clear: both }
	#inner .inner-left { float: left; width: 350px }
		#inner .inner-left .inner-pointer { float: left; clear: both; width: 350px; height: 31px; background: url(../Images/inner-pointer.gif) no-repeat 284px top; margin-right: 19px }
		#inner .inner-left .birds { float: left; clear: both; background: url(../Images/birds.gif) no-repeat left top; width: 350px; height: 206px }
		.mainhelp {float: left; clear: both; width: 300px; margin: 15px 0 0 0 }
		#inner .inner-left .partners { float: left; clear: both; color: #fff; font-weight: bold; font-size: 20px; margin-top: 20px; width: 100%; white-space: nowrap } 
		#inner .inner-left .bank { float: left; clear: both; width: 256px; height: 74px; margin: 24px 0 0 24px }
		#inner .inner-left .rb {float: left; clear: both; width: 113px; height: 84px; margin: 33px 0 0 80px }
	#inner .inner-right { float: left; width: 630px }
		#inner .inner-right P {padding-bottom: 10px }
		#inner .inner-right .help-bg { float: left; background: url(../Images/help-bg.gif) repeat-y left top; margin-bottom: 10px }
		#inner .inner-right .children { float: left; clear: both; width: 380px; background: url(../Images/children.gif) no-repeat left top; padding: 20px 294px 0 0; min-height: 200px }
		#inner .inner-right .programm { margin-top: 0; float: left}
		#inner .inner-right .archive-children { clear: both; position: absolute; text-align: left; margin: -10px 0 0 -350px}
			#inner .inner-right .archive-children  P { color: #fff; font-weight: bold; font-size: 20px; padding-bottom: 15px }
			#inner .inner-right .archive-children  A { float: left; clear: both; text-decoration: none }
			#inner .inner-right .archive-children  A:hover { text-decoration: underline }
		#inner .inner-right .friends { float: left; clear: both; width: 621px; padding: 0 53px 0 0 }
		H1 { font-family: Arial; font-weight: bold; color: #fff; font-size: 14px; margin-bottom: 20px }
		#inner .inner-right .child { float: left; clear: both; margin: 30px 0 0 0; width: 100% }
			#inner .inner-right .image { float: left; border: 1px solid #94a9b3; width: 238px }
			#inner .inner-right .image IMG { border: 6px solid #fff; width: 226px; height: 202px}
			#inner .inner-right .child .description { float: left; margin: 22px 0 0 0; padding-left: 17px; width: 344px }
			#inner .inner-right .child .description EM { font-style: normal; color: #fff; font-weight: bold; font-size: 14px }
				.money { float: left; clear: both; height: 55px; margin-top: 25px }
					.money .money-left { float: left; height: 55px; width: 9px; background: url(../Images/money-left.gif) no-repeat }
					.money .money-center { float: left; height: 55px; background: url(../Images/money-bg.gif) repeat-x; }
					.money .money-center A { float: left; display: block; height: 20px; text-decoration: none; color: #fff; padding-top: 7px }
					.money .money-right {float: left; height: 55px; width: 9px; background: url(../Images/money-right.gif) no-repeat }
		#inner .inner-right .one-child {float: left; padding-right: 80px; }
		#inner .inner-right .one-child P {margin-bottom: 5px}
			
#footer { width: 100%; float: left; clear: both; margin: 44px 14px 0 14px; padding-bottom: 10px}
	#footer .images { width: 100%; height: 67px }
		#footer .images EM { float: left; display: block; width: 89px; height: 67px; background: url(../Images/flower.gif) no-repeat; margin-left: 3px }
		#footer .images P { float: right; display: block; width: 66px; height: 59px; background: url(../Images/bird.gif) no-repeat; margin: 8px 14px 0 0 }
		#footer .info { float: left; width: 100%; background: #3f87ae; height: 35px }
		#footer .info .footer-left { float: left; height: 35px; width: 12px; background: url(../Images/footer-left.gif) no-repeat }
		#footer .info .footer-center { float: left; width: 1000px; height: 35px }
			#footer .info .footer-center .trademark { float: left; margin-top: 10px; color: #c5dfed }
			#footer .info .footer-center .trademark A { color: #c5dfed }
			#footer .info .footer-center .link { float: right; margin: 10px 12px 0 12px }
			#footer .info .footer-center .link A { color: #fff }
			#footer .info .footer-center .separator { float: right; width: 1px; height: 11px; background: #c5dfed; margin-top: 12px }
		#footer .info .footer-right { float: right; height: 35px; width: 9px; background: url(../Images/footer-right.gif) no-repeat }

.rows { border-right: 1px solid #3f87ae; border-top: 1px solid #3f87ae }
.rows TD { padding: 10px; text-align: center; border-bottom: 1px solid #3f87ae; border-left: 1px solid #3f87ae }
.rows TH { padding: 10px; text-align: center; border-bottom: 1px solid #3f87ae; border-left: 1px solid #3f87ae }

.rich-button { background: #7cb305; color: #fff; border: 1px solid #fff; cursor:pointer }
.left-part { width: 100%; margin-left: 77px; font-weight: bold }
.button-position { text-align: center; height: 50px; width: 100% } 


TEXTAREA {/* background: url(../Images/TextAreaBg.png) repeat-x #fff */}
TEXTAREA, 
.TextBox,  
.ImageTextBox, 
.DateTextBox { border: 1px solid #C6C6C6; padding: 3px 2px 1px 3px; font-size: 11px; width: 100%; outline: none; /* background: url(../Images/TextBoxBg2.png) repeat-x #fff; */}
.form .DropDownList { width: 100% }
.form .TextBox, .form .ImageTextBox, .form .DateTextBox { height: 16px }

.OnFocusIn.DateTextBox, .OnFocusOut.DateTextBox, .OnMouseOver.DateTextBox { width: 20% }
.OnFocusIn, 
.OnFocusOut, 
.OnMouseOver { width: 100%; border: 1px solid #707070; padding: 3px 2px 1px 2px; font-size: 11px;/* background: url(../Images/TextBoxDarkBg.png) repeat-x #fff */}
.OnFocusIn { padding: 3px 2px 1px 3px }

TEXTAREA.TextBox { padding: 3px 2px 1px 3px; width: 100%; /*background: url(../Images/TextAreaBg.png) repeat-x #fff */}
.form TEXTAREA.TextBox { height: 120px }

TEXTAREA.OnFocusIn { padding: 3px 2px 1px 3px; width: 100%;/* background: url(../Images/TextAreaDarkBg.png) repeat-x #fff */}
.OnFocusOut { padding: 3px 2px 1px 3px; width: 100%; border: 1px solid #939393; /* background: url(../Images/TextBoxBg2.png) repeat-x #fff */ }
.OnMouseOver { padding: 3px 2px 1px 3px; width: 100%; border: 1px solid #939393; /* background: url(../Images/TextBoxBg2.png) repeat-x #fff */ }

TEXTAREA.OnFocusOut, TEXTAREA.OnMouseOver { padding: 3px 2px 1px 3px; width: 100%; /*background: url(../Images/TextAreaBg.png) repeat-x  #fff */ }
.Button { cursor: pointer; border: 0; background: url(../Images/ButtonBg.png) repeat-x; color: #FFFFFF; font-weight: bold; font-size: 11px;font-family:@Arial Unicode MS; width: 70px; height: 18px;font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;line-height:16px; }
.TextBox
{
	width: 100%;	
}

.Caption
{
	float: left;
	padding-bottom:3px;
	font-style: normal;
}
.RequiredChar
{
	color: #d23333;
}
.RequiredCaption
{
	font-weight: bold;
	font-style:normal;
}

.CaptionError
{
	color: #d23333;
}

BIG
{
	display: block;
	font-size: 9px;
	color: #000;
	position:relative;
	margin:0 0 10px -20px;
	padding: 0 20px 0 20px;
}

.form DEL
{
	clear:both;
	display: block;
	text-decoration: none;
}

.form DEL INPUT
{
	margin: 10px 4px 0 0;
}

.tips 
{
	 color: #723e3e;
	 clear: both;
	 font-size: 0.833em; 
	 padding: 3px 0 3px 0 
}

.tips-invalid, .invalid-tips-holder 
{
	color: #000; 
	clear: both; 
	font-size: 0.933em; 
	padding: 3px 0 3px 0;
}
.invalid-tips-holder 
{ 
	padding-left: 2px 
}

.textbox-holder input 
{ 
	width: 100% 
}

.textbox-holder-invalid 
{ 
	float: left;
	width: 100%; 
	border-right: 28px solid #fbe9eb; 
	clear: both; 
}
.textbox-holder-invalid input 
{ 
	width: 100%; 
	margin: 5px 0 4px 10px 
}
.textbox-holder-invalid textarea 
{ 
	width: 100%; 
	margin: 5px 0 10px 10px 
}
.textbox-holder-invalid select 
{ 
	margin: 5px  0 10px 10px; 
	float: left 
}

.form div.hole-textbox-holder 
{
	 display: inline; 
	 float: left; 
	 width: 100%; 
	 margin: -3px 0 10px 0 
}
.form div.hole-textbox-holder-invalid 
{ 
	padding: 0; 
	float: left; 
	width: 100%; 
	background: #fbe9eb; 
	margin: 0 0 10px -9px 
} 

.form div.valid-tooltip 
{ 
	color: #d22333; 
	font-size: 0.933em; 
	clear: left; 
	float: left; 
	font-weight: normal; 
	margin: 0 
}

.err-mess 
{ 
	float: left; 
	margin: -1px 0 5px 10px; 
	text-align: left 
}

.invalid-tips-holder { color: #d22333;clear: both;font-size: 0.833em;margin: 3px 0 3px 15px;float: left;width: 100% }

/*.loading-box  { height: 100%; width: 100%; position: fixed; left: 0pt; top: 0pt; z-index: 2999; opacity: 0.5; }*/
.loading { position: absolute; top: 50%; left: 50%; display:block; }


.clear_both { clear:both;}