<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
	<!--	Charity Hilton
		CSCI N241
		Final Project
		Last Updated:  10/28/07
	-->
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
		<title>아시아펄: 연락처</title>
		<link href="../css/asiapearl.css" rel="stylesheet" type="text/css" />
		<link rel="shortcut icon" href="../images/asiapearl.ico" />
		<style type="text/css">
				body {
					font-family: Calibri, “Gill Sans MT”, Helvetica, Arial, sans-serif;
					background-color: white;
					line-height:150%; 
					font-size:10pt;
					}

				h1 {
					font-size: 44px;
					font-style: italic;
					color: #FF1923;
					text-align: left;
					margin-top: 0px;
					padding-top: 5px;
					padding-left: 50px;
				}

				h2 {
					color: #FF1923;
				}

				h3 {
					color: #FFC109;
				}

				h4{
					color: #232345;
				}

				.quotes {
					font-size: 75%;
					color: #555555;
					font-style: oblique;
					text-align: right;
				}

				#universities  {
					padding-left: 25px;
					font-family: "Trebuchet MS", Nina, Tahoma, sans-serif;
				}

				.univ_header {
					font-weight: bold;
					color: maroon;
				}

				#mission {
					color: #00004C;
					font-weight: bolder;
					text-align: center;
				}

				#banner {
					position:absolute;
					left:0px;
					top:0px;
					width:100%;
					height:150px;
					text-align: left;
					background-color: #986B04;
					background-image: url(../images/yellow.jpg);
					background-repeat: repeat-x;
				}


				#main {
					position:absolute;
					left:160px;
					top:160px;
					width:700px;
					height:1000px;
					background-color: white;
					padding-left: 60px;
					background-image: url(../images/dragon_background.gif);
					background-repeat: no-repeat;
					background-position: 80% 50%;
				}

				#languages_button {
					position:absolute;
					left:0px;
					top:150px;
					width:160px;
					height:65px;
					background-color: #00004C;
					color: white;
					text-decoration: none;
					display: block;
					text-align: center;
					width: 160px;
					padding-top: 5px;
					padding-bottom:5px;
					border-bottom-width: thin;
					border-bottom-style: outset;
					border-bottom-color: white;
					background-image: url(../images/navigation_background.gif);
					background-repeat: repeat-y;
					line-height: 140%;
				}

				#navigation {
					position:absolute;
					left:0px;
					top:226px;
					width:160px;
					height:1010px;
					background-color: #00004C;
					background-image: url(../images/navigation_background.gif);
					background-repeat: repeat-y;
				}



				#navigation  a:link {
					color: white;
					text-decoration: none;
					display: block;
					text-align: center;
					width: 160px;
					padding-top: 10px;
					padding-right: 4px;
					padding-bottom: 4px;
					padding-left: 4px;
					border-bottom-width: thin;
					border-bottom-style: outset;
					border-bottom-color: white;
				}



				#navigation a:visited{
					font-weight: normal;
					color: #BEBEAD;
					text-decoration: none;
					display: block;
					text-align: center;
					width: 160px;
					padding-top: 10px;
					padding-right: 4px;
					padding-bottom: 4px;
					padding-left: 4px;
					border-bottom-width: thin;
					border-bottom-style: outset;
					border-bottom-color: white;
				}

				#navigation a:hover  {
					color: #00004C;
					text-decoration: none;
					display: block;
					text-align: center;
					width: 160px;
					padding-top: 10px;
					padding-right: 4px;
					padding-bottom: 4px;
					padding-left: 4px;
					border-bottom-width: thin;
					border-bottom-style: inset;
					border-bottom-color: white;
					background-color: white;
				}

				#banner p {
					padding-left:15px;
					position:absolute;
					top:-1px;
				}

				#banner h3 {
					color: white;
					position:absolute;
					top:70px;
					padding:10px;
				}

				#banner h4 {
					position:absolute;
					top:80px;
					font-style: italic; 
					padding: 25px;
				}

				#bannerlogo {
					position:absolute;
					left:675px;
				}

				#footer {
					text-align: center;
					font-size: 75%;
					color: #00004C;
					border-top-style:  double;
					margin: 0% 25%;
				}

				table {

				}

			
		</style>
		<!--[if gte IE 6]>
		<link rel="stylesheet" type="text/css" href="../css/asiapearl_korean.css" />
		<![endif]-->
	</head>

	<body>
		<div id="banner">
			<p id="bannerlogo">
				<a href="http://www.asia-pearl.com/kr" >
					<img alt="Logo for Asia Pearl:  The homestay program from Asian students"
						src="../images/logo-white-small_2.png"
						style="border-width:0px" />
				</a>
			</p>			
			<div id="title_words">
				<h3>아시아 학생을 위한 홈스테이 프로그램.</h3>
				<h4>배움과 기회의 세계로의 초대</h4>
			</div>		</div>
		<div id="languages_button">
			<p>
				언어 선택<br />
				<a href="http://www.asia-pearl.com/"><img src="../images/usa_flag.png" style="border-width:0px" alt="영어" title="영어" /></a>
				<a href="http://www.asia-pearl.com/kr/"><img src="../images/korean_flag.png" style="border-width:0px" alt="한국어" title="한국어"  /></a>
			</p>
		</div>
		<div id="navigation" style="height:  1200px">
			<p><a class="home" href="index.html">홈</a></p>
			<p><a class="about" href="aboutus_kr.html">아시아펄의 비전</a></p>
			<p><a class="goal" href="goal_kr.html">아시아펄의 전략</a></p>
			<p><a class="cost" href="costandprocess_kr.html">비용과 절차</a></p>
			<p><a class="midwest" href="midwest_kr.html">미 중서부</a></p>
			<p><a class="links" href="links_kr.html">관련 링크</a></p>
			<p><a class="application" href="application_kr.html">다운로드<br />신청 양식</a></p>
			<p><a class="contactus_link" href="contact_kr.html">연락처</a></p>
		</div>
		<div id="main">
			<h2>연락처</h2>
			<!--1and1 form
			<img alt="gradient border" src="../images/gradient.gif" style="left: 200px"/>
			<br /><br />
			<iframe id="tincAppDoc" src="http://hcaremetric.com/tinc?key=KXkNppWh&amp;formname=asiapearlcontact" width="700" height="850" style="border:none" frameborder="0"></iframe>
			<script src="http://hcaremetric.com/spicons/tinc/common/script/tincapp.js" type="text/javascript"></script>
			-->
			<p>더 자세한 정보를 원하시면 <a href="mailto:info@asia-pearl.com"><span style="font-weight: bold">info (at) asia-pearl.com</span></a> 로 이메일을 보내주시기 바랍니다.</p>
			<br /><br />
<!--
			<h3>Please fill out the following form to request more information:</h3>
			<form id="contact_form" action="sendemail.php" method="post">
				<p><span style="color:#002D56">Are you a(n)...</span>
					<select name="whoareyou" style="color: maroon">
						<option value="Student">Student</option>
						<option value="Parent">Parent</option>
						<option value="Educator">Educator</option>
						<option value="Other">Other</option>
					</select>
				</p>
				 <fieldset>
				<legend>Languages Spoken:</legend>
					<input type="checkbox" name="language[]" value="english" id="english" checked="checked"/>
					<label for="english">English</label>
					<br />
					<input type="checkbox" name="language[]" value="korean" id="korean"/>
					<label for="korean">Korean</label><br />
					<input type="checkbox" name="language[]" value="others" id="others"/>
					<label for="others">Other(s)</label>
					&nbsp;<input type="text" name="otherlanguages" /><br />
				</fieldset>

				<p><img src="../images/sculpture.jpeg" alt="Sculpture in Downtown Indianapolis"
				     title="Sculpture in Downtown Indianapolis" style="float: right" /></p>
				
				<p><span  style="color:#002D56">Contact Information:</span><br />
				Name: <input type="text" name="name" /><br />
				Address1: <input type="text" name="address1" /><br /> 
				Address2: <input type="text" name="address2" /><br />
				Address3: <input type="text" name="address3" /><br />
				City: <input type="text" name="city" /><br /> 
				State/Province: <input type="text" name="state" /><br />   
				Postal Code: <input type="text" name="postalcode" /><br />
				Country: <input type="text" name="country" /><br /><br />

				Phone Number: <input type="text" name="phonenum" /><br /> 
				E-mail Address: <input type="text" name="emailadd" /><br /><br />
				</p>
				<fieldset>
				<legend>Preferred Method of Contact:</legend>
					<input type="radio" name="contacttype" value="phone" checked="checked" id="phone"/>
					<label for="phone">Phone</label><br />

					<input type="radio" name="contacttype" value="email" id="email" />
					<label for="email">E-mail</label>
				</fieldset>
				
				<p style="color:#002D56">Comments/Questions:</p>
				<p><textarea name="comments" id="comments" rows="10" cols="85"></textarea></p>
				
				<p id="buttons"> <input type="submit" value="Send" /> <br />
				<input type = "reset" value = "Clear Form" /></p>
			</form>
-->
			<div id="footer">
			<p><br />Last Updated: January 8, 2008<br />
			</p>
		    </div>
		</div>
	</body>
</html>