Yine de id şart değil. #yesilara yerine .yesilara, #yesilaratext yerine .yesilara .text kullanılması gerekirdi. Buyrun uygulanmış hali:

        <!-- YEŞİL ARAMA FORM --->
	<form action="ara.php" method="POST">
		<div class="yesilara">
			<input type="text" name="ara" class="text" value="Aramak için birşeyler yazın." />
			<input type="submit" class="buton" />
		</div>
	</form>

/* YEŞİL ARAMA FORMU CSS KODLARI*/
.yesilara {
   width:588px;
   height:57px;
   background-image:url(../images/yesil.png);
}

.yesilara .buton {
   width:120px;
   float:right;
   height:43px;
   margin-right:10px;
   margin-top:3px;
   text-indent:-999px;
   background:none;
   border:none;
}

.yesilara .text {
   width:350px;
   margin-left:30px;
   height:25px;
   margin-top:8px;
   font:13px arial;
   color:#656c13;
   text-shadow:1px 0px #e4ec90;
   border:none;
   background:none;
}

Ekleme: Dosyanın çalışmadığını belirtmedim. Kodların yanlış yoldan yazıldığını söyledim.