@import url("reset.css");

body {
	background: #507991;
	font: 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color: #727577;
	margin-bottom: 30px;
}

a { color: #66a3c4; }
a:hover { color: #b2c266; }

.container {
	background: #fff;
	margin: 0 auto;
	width: 760px;
}

.content { padding: 25px 15px; }

h1 {
	font:  normal 24px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #66a3c4;
	border-bottom: 1px solid #dedede;
	padding: 0 0 5px 0;
	margin-bottom: 15px;
}

.content p { margin-bottom: 15px; }

.googleads { padding: 10px 0 15px 0; }

.htbanner{
	background: #fff;
	margin: 0 auto;
	width: 730px;
	padding: 25px 15px;
}


/* -----------------------------------------------
	nav
----------------------------------------------- */
.nav {
	background: #557e96;
	height: 31px;
}

.nav li { float: left; }

.nav li a {
	display: block;
	font-size: 11px;
	line-height: 11px;
	color: #fff;
	padding: 10px;
	text-decoration: none;
}

.nav li a:hover {
	background: #5b849c;
	color: #fff;
}



/* -----------------------------------------------
	listing on homepage
----------------------------------------------- */
.listing td {
	width: 33%;
	border-right: 1px solid #dedede;
	border-top: 1px solid #dedede;
	background-position: 5px 15px;
	background-repeat: no-repeat;
	padding: 15px 15px 15px 50px;
	vertical-align: top;
}

.listing td.empty { background: none; }

.listing tr.first td { border-top: 0; }

.listing td.third { border-right: 0; }

.listing td.a { background-image: url(../images/letter/a.gif); }
.listing td.b { background-image: url(../images/letter/b.gif); }
.listing td.c { background-image: url(../images/letter/c.gif); }
.listing td.d { background-image: url(../images/letter/d.gif); }
.listing td.e { background-image: url(../images/letter/e.gif); }
.listing td.f { background-image: url(../images/letter/f.gif); }
.listing td.g { background-image: url(../images/letter/g.gif); }
.listing td.h { background-image: url(../images/letter/h.gif); }
.listing td.i { background-image: url(../images/letter/i.gif); }
.listing td.j { background-image: url(../images/letter/j.gif); }
.listing td.k { background-image: url(../images/letter/k.gif); }
.listing td.l { background-image: url(../images/letter/l.gif); }
.listing td.m { background-image: url(../images/letter/m.gif); }
.listing td.n { background-image: url(../images/letter/n.gif); }
.listing td.o { background-image: url(../images/letter/o.gif); }
.listing td.p { background-image: url(../images/letter/p.gif); }
.listing td.q { background-image: url(../images/letter/q.gif); }
.listing td.r { background-image: url(../images/letter/r.gif); }
.listing td.s { background-image: url(../images/letter/s.gif); }
.listing td.t { background-image: url(../images/letter/t.gif); }
.listing td.u { background-image: url(../images/letter/u.gif); }
.listing td.v { background-image: url(../images/letter/v.gif); }
.listing td.w { background-image: url(../images/letter/w.gif); }
.listing td.x { background-image: url(../images/letter/x.gif); }
.listing td.y { background-image: url(../images/letter/y.gif); }
.listing td.z { background-image: url(../images/letter/z.gif); }




/* -----------------------------------------------
	detail
----------------------------------------------- */

.detail .left {
	float: left;
	width: 200px;
}

.detail .right { 
	float: right;
	width: 510px;
}

.detail .right td {
	padding: 3px 6px;
	background: #f3f3f3;
	border-bottom: 1px solid #fff;	
}



/* -----------------------------------------------
	footer
----------------------------------------------- */
.footer {
	background: #557e96;
	height: 30px;
	color: #fff;
	width: 730px;
	padding: 0 15px; 
	margin: 0 auto;
	line-height: 30px;
}

.footer a {
	color: #fff;
	text-decoration: none;
	}
.footer a:hover { text-decoration: underline; }