/* CSS for Fu Hok Studio Web site */

*, html 
	{ 
		padding: 0; 
		margin: 0; 
	}

p, h1, h2, h3, h4, h5 
	{ 
		padding: 10px 0; 
	}

body 
	{ 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt; 
		background: #CCC; 
	}

#wrap 
	{ 
		background: #FFF; 
		width: 750px; 
		border: 1px solid #000; 
		margin: auto; 
	}

#banner 
	{ 
		background: url(images/banner.jpg) top left no-repeat; 
		height: 255px; 
		width: 750px; 
		text-indent: -9999em; 
	}

#mainNav 
	{ 
		margin: 5px 0; 
	}

#mainNav a 
	{ 
		display: block; 
		float: left; 
		background: url(images/menubg_normal.gif); 
		width: 133px; 
		height: 33px; 
		line-height: 33px; 
		text-align:center; 
		margin: 2px 8px; 
		color: #000066; 
		text-decoration: none; 
		font-weight: bold; 
	}

#mainNav a:hover 
	{ 
		color: #393; 
		text-decoration: underline; 
	}

#home #mainNav a.home,
#philosophy #mainNav a.philosophy,
#training #mainNav a.training,
#liondance #mainNav a.liondance,
#taichi #mainNav a.taichi,
#lineage #mainNav a.lineage,
#schedule #mainNav a.schedule,
#photos #mainNav a.photos,
#faq #mainNav a.faq,
#contact #mainNav a.contact 
	{ 
		background: url(images/menubg_current.gif); 
	}

#mainContent 
	{ 
		padding: 8px; 
		font-size: 12pt; 
		clear: both; 
		line-height: 16pt; 
	}

#mainContent h2 
	{ 
		font-size: 16pt; 
	}
#mainContent a:hover 
	{ 
		color: #393; 
	}
#mainContent table.border, #mainContent .border th, #mainContent .border td 
	{ 
		border: 1px solid #000; 
	}

#mainContent th 
	{ 
		font-size: 12pt; 
	}

#mainContent th, #mainContent td 
	{ 
		padding: 5px; 
	}
#mainContent .oddRow 
	{ 
		background: #D7D7C5; 
	}

#footer 
	{ 
		text-align: center; 
		border-top: 1px solid #666; 
		clear: both; 
	}

#footer a:hover 
	{ 
		color: #393; 
	}

#footerNav 
	{ 
		margin: 5px 60px; 
		line-height: 1.5em;
	}

#footerNav a 
	{ 
		padding: 3px 8px; 
	}

#home #footerNav a.home,
#philosophy #footerNav a.philosophy,
#training #footerNav a.training,
#liondance #footerNav a.liondance,
#taichi #footerNav a.taichi,
#lineage #footerNav a.lineage,
#schedule #footerNav a.schedule,
#photos #footerNav a.photos,
#faq #footerNav a.faq,
#contact #footerNav a.contact 
	{ 
		text-decoration: none; color: #000; 
	}

#clear 
	{ 
		clear:both; 
		height: 1px;
	}

.left 
	{ 
		float: left; 
		margin-right: 5px; 
	}

.right 
	{ 
		float: right; 
		margin-left: 5px; 
	}

.center 
	{ 
		text-align: center; 
	}

.small 
	{ 
		font-size: 10pt; 
	}