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

/********************** Reset **********************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;
	width: 412px;
}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:justify;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input, textarea, select {font-size:100%;}
legend {color:#000;}
.left{float:left;}
.clear{clear:both;}
.clear-left{clear:left;}
.clear-right{clear:right;}
.right{float:right;}
span.noshow {display:none;margin:0;}
a{outline:none;}
/********************** style **********************/

body
{
	background-image:url(../images/main_bg.gif);
	background-repeat:repeat-x;
	background-color:#c3e2f8;
	font-family:Arial;
}

#warp
{
	width:860px;
	height:auto;
	overflow:hidden;
	margin:auto;
	}
	
#header
{
	background-image:url(../images/header_bg.gif);
	background-repeat:no-repeat;
	width:860px;
	height:155px;
	overflow:hidden;
}
#logo
{
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	width:251px;
	height:111px;
	display:block;
	float:left;
	margin:15px 0 0 54px;
}
#head_link
{
	background-color:#4194d0;
	display:block;
	width:244px;
	height:21px;
	padding-top:6px;
	float:right;
	margin:10px 5px 0 0;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}
#head_link a
{
	color:#FFFFFF;
	text-decoration:none;
}
#head_link a:hover{text-decoration:underline;}

#nav
{
	width:980px;
	height:38px;
}
#nav li
{
	height:38px;
	float:left;
}
#nav li a
{
	background-image:url('../images/nav_bg.gif');
	background-repeat:no-repeat;
	display:block;
	height:32px;
	padding:6px 21px 0 21px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	text-decoration:none;
}
#nav li a.sytle1
{
	background-position:0px 0px;
	border-right:1px solid #c75212;
}
#nav li a:hover.sytle1
{
	background-position:0px -37px;
}
#nav li a.sytle2
{
	background-position:-15px 0px;
	border-right:1px solid #c75212;
}
#nav li a:hover.sytle2
{
	background-position:-15px -37px;
	border-right:1px solid #c75212;
}
#nav li a.sytle3
{
	background-position:-92px -0px;
}
#nav li a:hover.sytle3
{
	background-position:-92px -37px;
}
#nav li a:hover{color:#000000;}


.Cnt_area_ctnr
{
	width:100%;
	height:auto;
	padding:5px 0 10px 0;
}
.Cnt_area_ctnr_tb
{
background-image:url(../images/ctn_ctnr_tbend.gif);
background-repeat:no-repeat;
width:860px;
height:11px;
overflow:hidden;
}
.Cnt_area_ctnr_bb
{
background-image:url(../images/ctn_ctnr_bbend.gif);
background-repeat:no-repeat;
width:100%;
height:11px;
overflow:hidden;
}
.Cnt_area
{
background-color:#FFFFFF;
width:836px;
height:auto;
min-height:500px;
min-height:500px;
padding:0 12px 15px 12px;
}

#banner
{
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
	width:837px;
	height:260px;
}

#process
{
	background-image:url(../images/process_img.jpg);
	background-repeat:no-repeat;
	width:727px;
	height:181px;
	margin:30px auto 30px auto;
}
#process a.lender
{
	display:block;
	float:left;
	width:195px;
	height:180px;
}
#process a.iduka
{
	display:block;
	float:left;
	width:224px;
	height:180px;
	margin-left:53px;
}
#process a.student
{
	display:block;
	float:left;
	width:195px;
	height:180px;
	margin-left:60px;
}

.left_ctn_ctnr
{
width:580px;
height:auto;
float:left;
padding:10px;
}
.head_style1
{
	text-align:center;
	font-size:22px;
	color:#000000;
	padding-bottom:10px;
}
.controlpage
{
	font-size:12px;
	color:#333;
	line-height:20px;
}
.para
{
	font-size:12px;
	color:#333;
	line-height:20px;
	margin-left: 25px;
}
.tablestyle 
{
	font-size:12px;
	color:#333;
	line-height:20px;
	margin-left: 25px;
}
table.tablestyle td
{
	padding:10px;
}
a.more
{
	font-size:11px;
	font-weight:bold;
	color:#e4601b;
}
a:hover.more{text-decoration:none; color:#000000;}
.right_ctn_ctnr
{
width:210px;
height:auto;
float:left;
padding:30px 10px 10px 10px;
}
a.register
{
background-image:url(../images/register_btn.gif);
background-repeat:no-repeat;
display:block;
width:208px;
height:24px;
padding-top:7px;
text-align:center;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#ea5809;
font-weight:bold;
text-decoration:none;
margin:12px auto 12px auto;
}

a:hover.register{text-decoration:underline; color:#000000;}

a.btn_style2
{
background-image:url(../images/register_btn.gif);
background-repeat:no-repeat;
display:block;
width:208px;
height:25px;
padding-top:6px;
text-align:center;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#ea5809;
font-weight:bold;
text-decoration:none;
}

a:hover.btn_style2{text-decoration:underline; color:#000000;}

#footer
{
width:100%;
height:auto;
padding:0px 0 25px 0;
font-size:11px;
color:#FFF;
}
#footer p
{
background-image:url(../images/footer_linkbg.gif);
background-repeat:no-repeat;
width:860px;
height:31px;
padding-top:9px;
text-align:center;
}
#footer a
{
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#FFF;
}
#footer a:hover{text-decoration:underline; color:#000000;}

#footer span
{
font-size:12px;
color:#1c70b4;
padding:5px;
display:block;
}
#footer span a
{
font-size:11px;
color:#1c70b4;
text-decoration:none;
font-weight:normal;
}
#footer span a:hover:{text-decoration:underline; color:#333;}
/****************************************Dropdown******************************/
a.sample_attach, a.sample_attach:visited, div.sample_attach
{
  display: block;
  width:   160px;

  border:  1px solid #c75212;
  padding: 5px;

  background: #f4722d;

  text-decoration: none;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color:   #FFF;
}
a:hover.sample_attach{background-color:#f1bd3b; color:#000000;}
/****************************************Dropdown******************************/

/****************************************inner_page******************************/

.about_banner
{
background-image:url(../images/about_banner.jpg);
background-repeat:no-repeat;
width:837px;
height:107px;
}
.student_banner
{
background-image:url(../images/student_banner.jpg);
background-repeat:no-repeat;
width:837px;
height:107px;
}
.lender_banner
{
background-image:url(../images/lender_banner.jpg);
background-repeat:no-repeat;
width:837px;
height:107px;
}
.volunteers_banner
{
background-image:url(../images/volunteers_banner.jpg);
background-repeat:no-repeat;
width:837px;
height:107px;
}
.patner_banner
{
background-image:url(../images/patner_banner.jpg);
background-repeat:no-repeat;
width:837px;
height:107px;
}
.donors_banner
{
background-image:url(../images/donors_banner.jpg);
background-repeat:no-repeat;
width:837px;
height:107px;
}
.events_banner
{
background-image:url(../images/events_banner.jpg);
background-repeat:no-repeat;
width:837px;
height:107px;
}
.contact_banner
{
background-image:url(../images/contact_banner.jpg);
background-repeat:no-repeat;
width:837px;
height:107px;
}

.sublink_banner
{
background-image:url(../images/sub_link_banner.jpg);
background-repeat:no-repeat;
width:837px;
height:107px;
}
.inner_ctn_div
{
width:817px;
height:auto;
padding:10px;
}
.para_list_style li
{
	list-style-type:circle;
	padding-left:10px;
	margin-bottom:10px;
	list-style-position:inside;
	font-size:12px;
	color:#333;
}
.para_list_style2 li
{
	list-style-type:circle;
	padding-left:10px;
	margin-bottom:10px;
	list-style-position:inside;
	font-size:15px;
	color:#333;
}
a.link
{
	color:#06C;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	
}
a:hover.link
{
	color:#000;
}
.filed_style_2
{
	background-color:#FFF;
	border:1px solid #91a0be;
	width:125px;
	height:16px;
	padding:3px;
}
.filed_style_3
{
	background-color:#FFF;
	border:1px solid #91a0be;
	width:153px;
	height:20px;
	padding-left:4px;
	padding-top:4px;
	vertical-align:middle;
}
.filed_style_4
{
	background-color:#FFF;
	border:1px solid #91a0be;
	width:150px;
	height:22px;
	padding-left:4px;
	padding-top:4px;
	vertical-align:middle;
}
.btn_style
{
	background-image:url(../images/tl_bg_hr.gif);
	background-repeat:repeat-x;
	border: solid 1px #d15f00;
	width:100px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	cursor:pointer; 
	outline:none 0;
	/*margin:10px;*/
}
.btn_style3
{
	background-image:url(../images/register_btn.gif);
	background-repeat:no-repeat;
	background-color:Transparent;
	border: 0 none;
	width:208px;
	height:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ea5809;
	cursor:pointer; 
	outline:none 0;
	margin:10px;
	font-weight:bold;
}
.text_area_style1
{
	background-color:#FFF;
	border:1px solid #91a0be;
	width:200px;
	height:65px;
	padding:5px
}
.text_area_style2
{
	background-color:#FFF;
	border:1px solid #91a0be;
	width:180px;
	height:65px;
	padding:5px
}
.list_menu_style
{
	background-color:#FFF;
	border:1px solid #91a0be;
	width:160px;
}
.list_menu_style1
{
	background-color:#FFF;
	border:1px solid #91a0be;
	width:145px;
}

.list_menu_style2
{
	background-color:#FFF;
	border:1px solid #91a0be;
	width:60px;
}
.office_use
{
	background-color:#EEEEEE;	
	font-size:12px;
	border:1px solid #666666;
	width:508px;
	padding:10px;
	height:auto;
	
}

.office_use table td
{
	padding:5px;
	font-size:12px;
}

a.footeratag
{
   padding :5px;
}