/* Certified Happiness CSS Document - Werner Janse van Rensburg */

/*
=========================================================
======================== General ========================
=========================================================
 */
 
html{
	height:100%;
	padding:0;
	margin:0;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#444444;
	padding:0;
	margin:0;
	background:#fff url(../images/bg.gif) center repeat-y;
	height:100%;
}

#container{
	width:750px;
	padding:0;
	margin:0 auto;
	position:relative;
	min-height:100%;
}

/*
=========================================================
==================== Header & Footer ====================
=========================================================
 */

#headerHome {
	width:750px;
	height:420px;
	background:#ffffff url(../images/header.gif) no-repeat;
}

#headerContent {
	width:750px;
	height:169px;
	background:#ffffff url(../images/header_content.jpg) no-repeat;
}

#footer {
	clear:both;
	width:638px;
	padding:20px;
	margin:0 auto;
	margin-top:3px;
	background:#cacaca;
	position:relative;
}

#utilityLinks{
	position:absolute;
	top:42px;
	left:20px;
	font-size:11px;
}

#utilityLinks a{
	color:#715d31;
	text-decoration:underline;
}

#utilityLinks a:hover{
	color:#000000;
}

/*
=========================================================
======================= Main Menu =======================
=========================================================
 */

#menu {
	height:12px;
	width:678px;
	margin:0 auto;
	text-align:center;
	background:url(../images/menu_back.gif) repeat-x;
	padding-top:8px;
	padding-bottom:9px;
	margin-top:3px;
	font-size:10px;
}

#menu a{
	color:#000;
	text-decoration:none;
	font-weight:bold;
	padding:8px 7px 9px 7px;
}

#menu a:hover{	
	color:#111;
	background:url(../images/menu_hover.gif) repeat-x;
}

/*
=========================================================
==================== Content Section ====================
=========================================================
 */

#contentWrapper {
	margin:0 7px;
}

#contentWrapper {
	width:638px;
	padding:20px;
	padding-top:1px;
	margin:0 auto;
	margin-top:3px;
	background:#f5f3f7;
}

#floatRight {
	float:right;
	width:250px;
	border:1px solid #CACACA;
	border-top:5px solid #CACACA;
	background:#ECECEC;
	padding:0 15px;
	margin-top:3px;
	margin-left:15px;
	margin-bottom:12px;
}

p {
	line-height:20px;
}

h1, h2 {
	padding:13px 0;
	border-bottom:1px dashed #c5c5c5;
	background:url(../images/h1.gif) left center no-repeat;
	padding-left:30px;
}

h1 {
	font-size:18px;
}

h2 {
	font-size:14px;
}

hr {
	border:1px solid #F5F3F7;
	border-bottom:1px dashed #CACACA;
}

ul {
	list-style-image: url(../images/bullet.gif) 
}

table {
	border:1px solid #CACACA;
	border-collapse:collapse;
	background:#ECECEC;
	width:100%;
}

td {
	border-collapse:collapse;
	border:1px solid #CACACA;
}

table p {
	padding:5px;
	margin:0;
}

a {
	color:#444;
	font-weight:bold;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a.backToTop {
	padding-left:22px;
	padding-bottom:2px;
	background:url(../images/backToTop.gif) left center no-repeat;
}

img {
	margin:0 15px;
	border:0;
}