Sistem Informasi Kesehatan Gigi

(1)

LISTING PROGRAM

1. Halaman Utama (Index.Php)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<body>

<h1><span class="hone"><em></em>Klinik Gigi</span><span class="htwo">Drg. Mey G. Sitanggang</span><span class="hthree">Jalan Sisingamangaraja

Medan</span></h1> <div id="head-1"></div> <div id="head-2"></div> <div id="nav">

<ul>

<li><a href="index.php">KLINIK</a></li>

<li><a href="menu_gigi.php">TENTANG GIGI</a></li> <li><a href="daftar.php">PENDAFTARAN</a></li>

<li><a href="login_pasien.php"> LOGIN PASIEN</a></li> <li class="last"><a href="info.php">HUBUNGI KAMI</a></li> </ul>

</div>

(2)

<div class="gal" id="gzero"><a href="images/pic1.jpg"><img

src="images/pic1.jpg" width="221" height="163" alt="Pic 1" /></a></div> <div class="gal" id="gone"><a href="images/pic2.jpg"><img

src="images/pic2.jpg" width="57" height="41" alt="Pic 2" /></a></div> <div class="gal" id="gtwo"><a href="images/pic3.jpg"><img

src="images/pic3.jpg" width="57" height="41" alt="Pic 3" /></a></div> <div class="gal" id="gthree"><a href="images/pic4.jpg"><img src="images/pic4.jpg" width="57" height="41" alt="Pic 4" /></a></div> <div class="clear"></div>

</div> </div>

<ul><li>Praktek Dokter Gigi Mey Gemni Sitanggang ini berdiri sejak tahun 2001.</li>

<ul>Praktek dokter gigi kami beralamat di jl. Sisingamangaraja, Medan.</li> <li>Praktek Dokter Gigi kami adalah instansi pelayanan kesehatan gigi yang sedang berkembang dan mempunyai komitmen untuk senantiasa meningkatkan pelayanan yang akan kami berikan kepada pasien atau pelanggan kami.</li>

<li>Tempat praktek dokter gigi memiliki moto yaitu "profesional dan bersahabat".</li>

<li>Melayani semua perawatan dan keluhan kesehatan gigi.</li> <li>Harga perawatan sangat bersahabat untuk Tooth whitening, scalling (membersihkan Karang Gigi) dan kawat gigi/ bracket/ behel.</li></ul>

</div>

(3)

2. Halaman Pendaftaran (Daftar.Php)

<body>

<ul>

</div>

(4)

<tr>

<th width='150'>Nama Lengkap</th> <td width='200'><input type="text" name="nama_pasien" /></td>

</tr> <tr>

<th>Alamat</th>

<tr>

<tr>

<th>Pekerjaan</th>

</tr> <tr>

<th>Keluhan</th>

<tr>

(5)

</div>

</div> </body> </html>

3. Halaman Login Pasien (Login_pasien.Php)

<body>

<ul>

(6)

</ul> </div>

<tr>

<td colspan="2" height="5">Login Pasien </td> </tr>

<tr>

<td height="5">Nama Pasien : </td> <td valign="top">

<tr>

<td height="5">Pekerjaan : </td> <td valign="top">

</tr> <tr>

(7)

</table> </div> </div>

4. Hubungi Kami (Info.Php)

<body>

<ul>

(8)

<li><a href="daftar.php">PENDAFTARAN</a></li>

<li><a href="login_pasien".php> LOGIN PASIEN</a></li> <li class="last"><a href="info.php">HUBUNGI KAMI</a></li> </ul>

</div>

<li><h3><font type="Times New Roman"><strong><font color ='black'>Praktek Dokter Gigi</strong></font></li>

<ul>

<p> Kami buka dari hari Senin-Sabtu </p> <p> Pukul 17.00-22.00 WIB </p>

<p> Hari Minggu/Besar TUTUP</p> <p> SIP NO:445/3908/DG.225/VIII/02</p> </ul>

5. Tentang Gigi (Menu_gigi.Php)

(9)

<body>

<ul>

</div>

6. Info Gigi (Info_gigi.Php)

(10)

<head>

<body>

<h1><span class="hone"><em></em>Klinik Gigi</span><span class="htwo">Drg. Mey G. Sitanggang</span><span class="hthree">Jalan Sisingamangaraja Medan</span></h1>

<ul>

</div>

<li><h3><font type="Times New Roman"><strong>Jenis Gigi Dan Struktur Gigi Pada Manusia</strong></li>

<p><img src="images/gambar1.jpg" width="145" height="135" align="top"> </p> <p>Gambar 1: berbagai bentuk gigi

</p>

(11)

gigi seri, gigi taring, gigi geraham depan(premolar) dan gigi geraham belakang(molar). Lihat Gambar1.</p>

<p>Email gigi merupakan lapisan keras berwarna putih yang menutupi mahkota gigi. Tulang gigi, tersusun atas zatdentin. Sumsum gigi (pulpa), merupakan rongga gigi yang di dalamnya terdapat serabut saraf dan pembuluh-pembuluh darah. Itulah sebabnya bila gigi kita berlubang akan terasa sakit, karena pada sumsum gigi terdapat saraf.</p>

<p>Gigi berfungsi untuk mengunyah makanan sehingga makanan menjadi halus. Keadaan ini memungkinkan enzim-enzim pencernaan mencerna makanan lebih cepat dan efisien.</p>

<p>Bentuk gigi manusia</p>

<p>Pada manusia dapat ditemui 4 (empat) macam gigi yang terdapat pada mulut disertai dengan arti definisi dan pengertian yaitu :</p>

<ul>

<li>1. Gigi Seri (dentis insisivus) adalah gigi yang memiliki satu akar yang berfungsi untuk memotong dan mengerat makanan atau benda lainnya. merupakan gigi yang berada pada bagian depan. Bentuknya tegak dengan tepi yang tajam, seperti; sekop atau tatah.<li>

<li>2. Gigi Taring (dentis kaninus) adalah gigi yang memilki satu akar dan memiliki fungsi untuk mengoyak makanan atau benda lainnya. Bentuknya lebih tinggi dan runcing.<li>

(12)

</ul><p>Secara struktural, gigi memiliki beberapa bagian. Bagian yang tampak dari luar dinamakan puncak gigi atau mahkota gigi. Bagian yang tertanam di dalam rahang dinamakan akar gigi. Batas antara puncak dan akar gigi serta tertanam di dalam gusi dinamakan leher gigi.</p>

<li>Anatomi Gigi</li>

<p>Anatomi gigi Setiap gigi tersusun atas bagian-bagian sebagai berikut:</p> <ul>

<li>1. Puncak gigi atau mahkota gigi (korona), yaitu bagian yang tampak dari luar. Setiap jenis gigi memiliki bentuk mahkota gigi yang berbeda-beda.<li>

<li>2. Leher gigi (kolum), yaitu bagian gigi yang terlindung di dalam gusi dan merupakan batas antara mahkota dan akar gigi.<li>

<li>3. Akar gigi (radiks), yaitu bagian gigi yang tertanam di dalam rahang. Akar gigi yang menancap pada tulang rahang tersebut ada yang berjumlah satu dan dua.</li></ul>

<p>Pada bagian gigi manusia terstruktur / tersusun atas 4 (empat) lapisan/jaringan yakni :</p>

<li>1. Email adalah bagian mahkota gigi dilapisi oleh lapisan/jaringan keras yang mengandung kalsium dan berfungsi untuk melindungi tulang gigi dengan zat yang sangat keras yang berada di bagian paling luar gigi manusia.<li>

<li>2. Tulang dentin merupakan lapisan yang berada pada lapisan setelah email yang dibentuk dari zat kapur. berupa jaringan berwarna kekuningan.<li>

(13)

<li>Anatomi Dan Bagian - Bagian gigi</li>

<p>Gigi juga dapat mengalami gangguan bila tidak dirawat dan dibersihkan secara tepat dan teratur. Kuman atau bakteri yang hidup pada sisa-sisa makanan dapat menghasilkan zat-zat buangan yang bersifat asam sehingga menggerogoti email dan dentin. Akibatnya, gigi dapat berlubang dan biasa disebut rongga. Perawatan terhadap gigi seperti mengurangi makanan yang bergula, terlalu panas atau dingin dapat mencegah gigi dari kerusakan. Selain itu, membersihkan gigi dengan menggosoknya sebelum tidur dan setelah makan juga dapat mencegah dari kerusakan. Perawatan lainnya yakni memeriksakan gigi kepada dokter gigi secara teratur.</p>

<p>Berdasarkan tahapan perkembangannya, gigi manusia terdiri atas dua kelompok yakni gigi susu dan gigi dewasa. Gigi susu (dentis desidue) merupakan gigi yang tumbuh pada anak usia 6 bulan hingga 8 tahun. Sejak usia 6 tahun hingga usia 14 tahun, gigi susu akan tanggal satu persatu dan digantikan dengan gigi dewasa. Jumlah gigi ini pada anak yakni 20 buah dengan rincian:</p>

<li>• 4 buah gigi taring, dan<li> <li>• 8 buah gigi geraham.</li>

<p>Gigi dewasa atau gigi tetap (dentis permanen) merupakan gigi orang dewasa yang berjumlah 32 buah. Rinciannya:</p>

<li>• 8 buah gigi seri,<li> <li>• 4 buah gigi taring,<li>

(14)

<p>susunan gigi manusia</p>

<p>sistem penomoran menomorkan gigi permanen mulai dari 1 hingga 32. Dimulai dari gigi molar ketiga pada maxilary kanan (#1) melintasi maxilary hingga gigi molar ketiga pada maxilary kiri (#16). Kemudian, dilanjutkan dengan gigi molar ketiga pada mandibular kiri (#17) dan mengelilingi mandibular hingga gigi molar ketiga pada mandibular kanan (#32)</p>

<p>Apabila gigi dewasa tanggal, tidak terjadi pergantian gigi lagi alias tidak tumbuh. Untuk memudahkan pemahaman kalian, berikut disajikan rumus gigi. Dengan penyimbolan seperti: </p>

<li>Gigi seri (inisior) = I<li> <li>Gigi taring (caninus) = C<li> <li>Geraham depan (premolar) = P<li> <li>Geraham belakang (molar) = M<li>

<p>Maka rumus gigi dapat dituliskan:</p>

<li>Gigi anak-anak (gigi susu) M P C I I C P

M<li>

<li>Bawah 0 2 1 2 2 1 2 0<li>

<li>Gigi orang dewasa (gigi dewasa) M P C I I C

P M<li>

<li>Bawah 3 2 1 2 2 1 2 3</li>

(15)

<p>Jika kita tidak merawat dan jarang menggosok gigi, gigi kita akan menjadi rusak karena sisa-sisa makanan yang menempel dalam gigi bisa membuat gigi berkarang bahkan bolong. Menurut penelitian, anak pada usia 12, paling tidak mengalami kerusakan satu buah gigi akibat jarang menggosok gigi dan terlalu banyak memakan permen, sehingga harus ditambal atau dicabut. Nah, karena itu rajin-rajinlah menggosok gigi dan jangan terlalu banyak memakan permen dan coklat. Demikian sekilas Jenis Gigi Dan Struktur Gigi Pada Manusia, semoga bermanfaat</p>

7. Tips Gigi (Tips_gigi.Php)

<body>

<h1><span class="hone"><em>K</em>linik Gigi</span><span class="htwo">Drg. Mey G. Sitanggang</span><span class="hthree">Jalan Sisingamangaraja Medan</span></h1>

(16)

<ul>

</div>

<li><h3><font type="Times New Roman"><strong>Cara Merawat Gigi Dan Gusi Tetap Sehat</strong></li>

<p>Mempunyai gigi yang putih bersih yaitu idaman tiap-tiap orang. dengan gigi yang putih serta bersih dapat tercermin bahwa kita yaitu orang yang rajin memelihara gigi. tetapi bagaimana bila gigi yang tampak sehat tetapi warnanya kuning. itu mungkin berlangsung jika perawatan gigi yang anda kerjakan kurang benar, atau telah benar tetapi lakukan rutinitas jelek yang dapat mengakibatkan gigi jadi kuning, atau dapat juga dikarenakan factor lain yang mengakibatkan gigi kuning.</p>

<p><img src="images/gambar6.jpg" width="145" height="135" align="top"> </p> Cara Merawat Gigi dan Gusi Tetap Sehat

<p>di bawah ini ada sebagian panduan menjaga gigi supaya putih serta sehat</p>

(17)

<p>2. Jauhi penyebab gigi kuning, bila pingin mendapatkan gigi yang putih, mesti rela mengindari penyebab gigi kuning. layaknya rokok, kopi yang memiliki kandungan kafein, serta teh, mesti anda kurangi, dikarenakan menurut sidomi, ketiga perihal tersebut dapat meninggalkan noda karang di gigi kita.</p>

<p>3. Pakai sedotan serta berkumur, jika anda tidak dapat menahan untuk minum kopi, serta terpaksa mesti meminumnya. minumlah gunakan sedotan supaya kafein yang terdapat didalam kopi tidak bersentuhan segera dengan gigi. serta juga minumlah saat telah jadi hangat, janganlah saat tetap panas, dikarenakan minuman panas juga bisa mengakibatkan kerusakan gigi. setelah selesai minum, kumurlah dengan air mineral supaya nodal yang melekat padagigi dapat segera terkikis.</p>

<p>4. Bersihkan karang gigi, jika di gigi anda telah nampak karang gigi, cepatlah pergi ke dokter gigi untuk membersihkannya. janganlah menunda waktu, dikarenakan dapat menyebabkan efek yang lebih kronis. disamping itu, dengan estetika karang gigi juga tidak enak dilihat mata.</p>

<p>5. Mengonsumsi sayuran serta buah, konsumsi buah serta sayuran dengan teratur dapat menolong menghindar timbulnya noda pada gigi, disamping itu dapat juga menolong jadikan putih gigi kita dengan alami. buah serta sayur yang baik untuk gigi diantaranya layaknya bayam, salada, brokoli, wortel atau dapat juga strawbery. bila mau tahu lebih detil silakan baca makanan yang baik untuk gigi.</p>

<p>6. Bleaching, bila anda menentukan dana lebih, atau bila anda terhitung orang kaya, dapat jadikan putih gigi lewat cara instant, yakni dengan lakukan bleaching. untuk lakukan bleaching ini dapat melewati kliknik gigi atau klinik perawatan kecantikan.</p>

tersebut sebagian panduan cara menjaga gigi supaya jadi putih serta sehat. semoga dapat berguna untuk anda yang ingin mendapatkan gigi putih serta bersih.

(18)

8. Cek Halaman Utama (cek.php)

<?php

include ('koneksi.php');

$sql="SELECT nama_pasien, pekerjaan_pasien FROM pasien WHERE

nama_pasien='$_POST[nama_pasien]' AND

pekerjaan_pasien='$_POST[pekerjaan_pasien]'"; $baris=mysql_query($sql);

$ada=mysql_fetch_array($baris); $ada1=mysql_num_rows($baris); if($ada>0)

{

session_start();

session_register("nama_pasien");

$_SESSION[username]=$ada1[nama_pasien];

echo"<script>alert('Success to

login');document.location='data_pemeriksaan.php'</script>"; }

else {

echo"<script>alert('nama_pasien atau pekerjaan_pasien Anda Salah');document.location='login_pasien.php'</script>";

(19)

9. CSS Halaman Utama (style.css)

html, body, ul, li, h1, h2, h3, h4 { margin: 0;

padding: 0; list-style: none; }

img {

border: 0; }

a {

color: #fff; }

a:hover {

color: #F2AB9E; }

.clear {

clear: both; }

body {

background: black; text-align: center; color: white;

font: 11px verdana, sans-serif; }

#wrapper {

text-align: left; margin: 15px auto; width: 778px; position: relative;

(20)

}

#head-1 {

background: url(images/head_1.jpg) no-repeat; width: 409px;

height: 386px; top: 0;

left: 369px; position: absolute; }

#head-2 {

background: url(images/head_2.jpg) no-repeat; width: 156px;

height: 38px; top: 386px; left: 622px; position: absolute; }

#nav {

margin: 11px 0 25px 35px; color: #C15D4B;

}

#nav a {

text-decoration: none; color: black;

}

#nav li {

background: bottom left url(images/nav_bg.jpg) no-repeat; _height: 1%;

padding: 8px 12px 16px 110px; }

#nav li.last {

(21)

}

#gallery img {

display: block; }

h1 {

height: 172px;

background: url(images/logo.jpg) no-repeat; color: black;

font-weight: normal; }

h1 span { display: block; }

h1 em {

font-style: normal; color: white; padding-right: 3px; }

h1 .hone {

padding: 65px 0 0 58px;

font: 50px Keaton, "Arial Narrow", "Tahoma", arial, sans-serif; }

h1 .htwo {

position: relative; top: -0.5em; left: 7.5em; font-size: 18px; }

(22)

letter-spacing: 2px; color: #E3C0C1; }

h2 {

background: 120px 0.5em url(images/dot_dot_dash.jpg) no-repeat; font: 24px verdana, sans-serif;

font-weight: normal; font-style: italic; color: black; }

h2 em { color: white; }

#body-left { float: left; width: 278px; padding-left: 28px; }

#gallery {

border: 1px solid #9F0408; background: #750306; margin: 13px 10px 0 6px; height: 261px;

position: relative; }

.gal {

background: #9F0408; padding: 4px;

position: absolute; }

#gzero {

(23)

left: 15px; width: 221px; }

#gone {

top: 200px; left: 15px; width: 57px; }

#gtwo {

#gthree {

#body-right { float: right; width: 388px; padding-right: 80px; }

#footer {

text-align: right; color: #CD3639;

border-top: 1px solid #983234; padding: 6px 25px 20px 0; }

.spacer {

(24)

}

10. Login Admin (home1.php)

<title>Ruang periksa</title>

<body>

<h1><em>Klinik</em> Gigi Drg. Mey Gemni Sitanggang</h1> <div id="topcon">

<tr>

<tr>

<td colspan="2" height="5">Login Administrator </td> </tr>

<tr>

<td height="5">Username : </td> <td valign="top">

(25)

<tr>

<td height="5">Password : </td> <td valign="top">

<tr>

</table> </div> </div> </html>

11. Halaman Utama Admin (menu.php)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<body>

(26)

<p>

<div class='header'><font size=16px align="center" font color='White'>RUANG PERIKSA</font></div>

<p>

<p>SILAHKAN PILIH MENU</p> <p><h3>

<ul><a href='tampil.php'>LIHAT DATA PASIEN </a></ul>

<ul><a href='tampil-data.php'>LIHAT DATA PEMERIKSAAN</a></ul> <ul><a href='logout.php'>LOGOUT</a></ul>

</h3> <p>

<h1> Klinik Gigi Drg. Mey Gemni Sitanggang </h1> </p>

</body> </html>

12. Lihat Data Pasien (tampil.php)

<!DOCTYPE HTML> <html>

<head>

<title>MENAMPILKAN DATA</title> </head>

<h2>DATA PASIEN</h2> <hr />

<?php

(27)

$query="SELECT * FROM `pasien` ORDER BY `id_pasien` DESC";

if($eksekusi=mysql_query($query)){ echo "

<th>NO</th> <th>NAMA</th> <th>ALAMAT</th> <th>UMUR</th> <th>PEKERJAAN</th> <th>KELUHAN</th> </tr>

"; $no=1;

while($tampil=mysql_fetch_array($eksekusi)){ echo "

<tr>

<td>".$tampil['nama_pasien']."</td>

<td>".$tampil['alamat_pasien']."</td>

<td>".$tampil['umur_pasien']."</td>

<td>".$tampil['pekerjaan_pasien']."</td>

<td>".$tampil['keluhan_pasien']."</td>

(28)

<a href=\"proses-hapus_pasien.php?id=".$tampil['nama_pasien']."\">hapus</a> |

<a href=\"proses-input.php?id=".$tampil['nama_pasien']."\">masukkan data pemeriksaan</a>

</td> </tr>

"; $no++; }

echo "</table>";

} else{

echo "<p>Data gagal ditampilkan: <br /><b>".mysql_error()."</b></p>";

}

?>

</table> </div> </body> </html>

13. Masukkan Data Pemeriksaan (proses-input.php)

(29)

<h5>INPUT DATA PEMERIKSAAN PASIEN</h5> <hr />

<?php

include("koneksi.php");

$id_pasien=$_GET['id'];

$query="SELECT * FROM `pasien` WHERE

`nama_pasien`='$id_pasien'";

if($eksekusi=mysql_query($query)){

$tampil=mysql_fetch_array($eksekusi); ?>

<tr>

<th>Nama Pasien</th>

<tr>

<th>Dokter yang menangani</th>

<tr>

<th>Bagian yang sakit</th>

<th>Penanganan pasien</th>

<tr>

<th>Nama obat yang diberikan</th>

(30)

<tr>

</tr> </table> </form>

<?php

} else{

} ?> </body> </html>

14. Update Input Hasil Pemeriksaan (update.php)

<title>Proses Edit</title>

<body>

<h1><em>Klinik</em> Gigi Drg. Mey Gemni Sitanggang</h1> <div id="nav">

(31)

<h2>PROSES EDIT DATA PASIEN</h2> <hr />

<?php

$var_dokter=$_POST['nama_dokter']; $var_b=$_POST['b_sakit'];

$var_penanganan=$_POST['penanganan']; $var_obat=$_POST['obat'];

$query="UPDATE `ruang_periksa` SET `nama_dokter`='$var_dokter', `b_sakit`='$var_b', `penanganan`='$var_penanganan', `obat`='$var_obat' WHERE `nama_pasien`='$id_pasien'";

if(mysql_query($query)){

echo "<p>Data berhasil di update!</p>";

echo "<p><a href=\"tampil.php\">Lihat Data</a></p>"; } else{

echo "<p>Data gagal di update: <br /><b>".mysql_error()."</b></p>";

} ?> </div> </body> </html>

15. Logout Admin (logout.php)

<?php

(32)

unset($_SESSION['username']); session_destroy();

header("Location:home1.php"); ?>

16. Proses Hapus Data Pasien(proses-hapus.php)

<?php

$query="DELETE FROM `ruang_periksa` WHERE

`nama_pasien`='$id_pasien'"; if(mysql_query($query)){

echo "<p>Data berhasil dihapus!</p>";

echo "<p><a href=\"tampil.php\">Lihat Data</a></p>"; } else{

echo "<p>Data gagal dihapus: <br /><b>".mysql_error()."</b></p>"; }

?>

17. Tampilan Data Hasil Pemeriksaan (tampil-data.php)

<!DOCTYPE HTML> <html>

<head>

<title>MENAMPILKAN DATA</title> </head>

<body BGCOLOR="#ffffff" TEXT=blue"> <h5>DATA PASIEN</h5>

<hr />

(33)

$query="SELECT * FROM `ruang_periksa` ORDER BY `nama_pasien` DESC";

if($eksekusi=mysql_query($query)){ echo "

<th>NAMA PASIEN</th> <th>NAMA DOKTER</th> <th>BAGIAN SAKIT</th> <th>PENANGANAN</th> <th>OBAT</th>

</tr> ";

$no=1;

while($tampil=mysql_fetch_array($eksekusi)){ echo "

<tr>

<td>".$tampil['nama_pasien']."</td>

<td>".$tampil['nama_dokter']."</td>

<td>".$tampil['b_sakit']."</td>

<td>".$tampil['penanganan']."</td>

<td>".$tampil['obat']."</td> <td>

</td> </tr>

(34)

$no++; }

echo "</table>";

} else{

}

?>

</table> </body>

</html>

18. Koneksi (koneksi.php)

<?php

$server = "localhost"; $username = "root"; $password = "";

$database = "gigi"; //nama database

mysql_connect ($server,$username,$password) or die ("ERROR!!!"); mysql_select_db($database);

?>

19. Cek Ruang Periksa (cek.php)

(35)

include ('koneksi.php');

$sql="SELECT username, password FROM admin WHERE

username='$_POST[username]' AND password='$_POST[password]'"; $baris=mysql_query($sql);

$ada=mysql_fetch_array($baris); $ada1=mysql_num_rows($baris); if($ada>0)

{

session_start();

session_register("username");

$_SESSION[username]=$ada1[username];

echo"<script>alert('Success to

login');document.location='menu.php'</script>"; }

else {

echo"<script>alert('Username atau Password Anda

Salah');document.location='home1.php'</script>"; }

?>

20. CSS Ruang Periksa (style.css)

html, body, h1, h2, h3, h4, ul, li { margin: 0;

padding: 0; }

h1 img {

display: block; }

img {

(36)

a {

color: #FFFFFF; }

a:hover {

color: #FFA405; }

.left {

float: left; }

.right {

float: right; }

.more {

text-align: right; }

.clear {

clear: both; }

body {

background: #3A0404 url(images/page_bg.jpg) repeat-x; font: 11px arial, sans-serif;

color: #464544;

padding-bottom: 10px; }

/** layout **/ #wrapper {

width: 678px; min-height: 750px; _height: 750px;

(37)

}

h1 {

padding: 25px 0 0 30px;

font: 32px "arial black", arial, sans-serif; color: #151515;

}

h1 em { color: #ffffff; font-weight: bold; font-style: normal; position: relative; top: -4px;

}

/* nav */

#nav {

position: absolute; top: 0px;

left: 335px; width: 500px; }

#nav li { float: left;

background: url(images/nav_left.gif) no-repeat; list-style: none;

(38)

#nav span { display: block; font-size: 28px; }

#nav a {

color: #FFFFFF; font-size: 11px; font-weight: bold; text-decoration: none; }

/** topcontent **/

#topcon {

background: url(images/topcon.jpg) no-repeat; width: 427px;

position: absolute; top: 105px; left: 338px; color: #fff; }

#topcon-inner {

margin: 33px 40px 41px 85px; height: 120px;

overflow: auto; }

#topcon h2 { font-size: 14px; }

/** Body **/

(39)

width: 710px; position: absolute; color: #fff;

top: 299px; left: 33px; }

#content a { color: #fff; }

#content a:hover { color: #fee; }

#body {

border: 3px solid white; background: #901315; padding: 18px;

}

.box { float: left; width: 195px;

background: #730F11; margin-right: 18px; }

.box-t { background: top url(images/box_t.gif) repeat-x; } .box-r { background: right url(images/box_r.gif) repeat-y; } .box-b { background: bottom url(images/box_b.gif) repeat-x; } .box-l { background: left url(images/box_l.gif) repeat-y; }

(40)

.box-tl {

padding: 13px 18px; }

.box p {

margin: 1em 0; }

p.more { margin: 0; }

#hits {

width: 240px; }

#hits .box-tl {

#hits ul {

margin: 1em 0; }

#hits li {

list-style: none; margin: 0.9em 0; }

#hits ul a {

text-decoration: none; }

#hits ul a:hover {

text-decoration: underline; }

(41)

margin-right: 0; }

#new .box-tl {

#new p { margin-top: 0;

margin-bottom: 3.6em; }

#body h2 { font-size: 12px; text-align: right; margin-bottom: 1.5em; }

#body h3 { font-size: 9px; color: #FFEA00; }

#body .more a { font-weight: bold; text-decoration: none; }

#body .more a:hover { text-decoration: underline; }

#body .hr-yellow {

border-top: 1px solid #FFEA00; padding-bottom: 1em;

margin-top: 1em; }

(42)

#footer {

text-align: center; }

#footer p, #footer ul { margin: 0.8em; }

#footer ul {

margin-top: 1.2em; }