/* (CC) 2008 Han Lin Yap. Some Rights Reserved.             	  */
/*   http://creativecommons.org/licenses/by/3.0                   */
/* This style sheet is licensed under a Creative Commons License. */
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	* Filename: font.css
	* Version: 1.0 (2008-08-07)
	* Website: http://www.zencodez.net/
	* Author: Han Lin Yap
	* Description: Handles the site style.
	* Last Modified: 2008-08-07
	
	== INDEX: ==================================
	Font : Css for Font
	============================================
	
	== VERSION HISTORY: ========================
	* Version: 0.1 (2008-08-07)
	* Notes: Created

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* === Font === */
body {
	font: 18px bold Verdana, Arial, Helvetica, sans-serif;
}
a {
	color:#0066CC;
}
hr {
	margin: 6px 0;
}
/* Tags */
input:focus , textarea:focus{
	background-color:#FFFFCC;
}
#content h3 {
	margin-top: 10px;
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
	background-color:#DFFDFC;
}

#header {
}
#navigation {
	margin-top:20px;
	font-size:34px;
}
#navigation ul{
	text-align:center;
}
#navigation ul li{
	margin: 0 10px;
	display:inline;
}
#navigation ul li a{
	color:#000000;
	text-decoration:none;
}
#content h2 {
	font-size: 22px;
	text-align: center;
}
/* sidebar */ 
.sidebar{
	font-size: 14px;
	font-weight: bold;
}
.sidebar a{
	color:#0066CC;
}
.sidebar h3{
	font-size: 18px;
	text-align: center;
}
.sidebar input{
	font-size: 14px;
	width: 150px;
}


/* Footer */
#footer {
	font-size: 12px;
	text-align: center;
}

/* Contact */ 
#contact td {
	padding-right: 20px;
}
#contact td input {
	width: 100%;
}
#contact td textarea {
	width: 100%;
	height: 100px;
}
/* Classes */
.h {
	display:block;
	text-align:center;
	border:#666666 solid 1px;
	font-size: 26px;
}
.h:hover {
	background-color:#FFFFCC;
}
.box {
	display:block;
	padding-left: 20px;
	border:#CCCCCC solid 1px;
	font-size: 20px;
}
.box:hover {
	background-color:#FFFFD7;
}
.box ul {
	font-size: 16px;
}
.box ul li {
	list-style-position: inside;
	list-style-type: circle;
}
.box ul li a {
	color:#0066CC;
}
.box2 {
	display:block;
	width: 49%;
	border:#CCCCCC solid 1px;
	float: left;
	text-align:right;
}
.success , .error {
	display:block;
	text-align:center;
}
.success {
	background-color:#CFF9A6;
}
.error {
	background-color:#FFD5D5;
}
/* Message */
.icon {
	position:relative;
	background:url(../images/icon.png) no-repeat;
	width: 30px;
	height: 30px;
}
.icon span {
	z-index: 160px;
	text-align: left;
	top: 10%;
	left: 35px;
	position:fixed;
	background:#DFFDFC;
	border:#CCCCCC solid 1px;
	display:none;
	width: 350px;
}
.icon:hover span {
	display:block;
}
.question {
	background-position:-50px -10px;
}
.question2 {
	background-position:-70px -10px;
}

#ad {
	margin-top: 200px;	
}