body {padding: 0px; margin: 0px; background-color: #044476; text-align: center;}

#everything {position: relative; top: 0px; margin: 0px auto; width: 800px; height: 1900px; border: none; padding: 0px; font: 12px "Century" sans-serif; background-color: #EBF5FC; z-index: 0; text-align: left; }

#everything-mindfulness {position: relative; top: 0px; margin: 0px auto; width: 800px; height: 2600px; border: none; padding: 0px; font: 12px "Century" sans-serif; background-color: #EBF5FC; z-index: 0; text-align: left; }

#header {position: absolute; top: 0px; left: 0px; height: 251px; width: 800px; border: none; background-color: #EBF5FC; z-index: 1;}

#wendy {position: absolute; top: 25px; right: 0px; width: 800px;}

h1 {font-size: 32px; font-weight: bold; color: #044476; background-color: transparent; z-index: 2; text-align: center;}

h2 {font-size: 24px; color: #044476; background-color: transparent; z-index: 2; text-align: center;}

#contact {position: absolute; top: 190px; left: 20px; height: 40px; font-size: 14px; color: #044476; background-color: transparent; white-space: pre; z-index: 2;}

#contact a:link {color: #044476; text-decoration:none; font-size: 14px;}
#contact a:visited {color: #044476; text-decoration:none; font-size: 14px;}
#contact a:focus {color: #044476; text-decoration:underline; font-size: 14px;}
#contact a:hover {color: #044476; text-decoration:underline; font-size: 14px;}
#contact a:active {color: #044476; text-decoration:none; font-size: 14px;}

/* new navigation starts */
div#nav-container {
	width: 760px;
	border-bottom: 2px solid #1F69A5;
	margin: 10px 0 0 20px;
}
ul#navigation {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#navigation li {
	float: left;
	list-style-type: none;
}
li#home-on a, li#home-off a {
	display: block;
	width: 94px;
	height: 27px;
	color: #fdfdce;
	font: normal 12px Verdana, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	margin: 0 245px 0 0;
	background: url(nav_home_on.gif) no-repeat #1F69A5;
}
li#home-off a {
	background: url(nav_home_off.gif) no-repeat #1F69A5;
	color: #fff;
}
li#home-off a:hover, li#home-on a:hover {
	text-decoration: underline;
}
li#mindfulness-on a, li#mindfulness-off a {
	display: block;
	width: 148px;
	height: 27px;
	color: #fdfdce;
	font: normal 12px Verdana, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	margin: 0 0 0 5px;
	background: url(nav_mindfulness_on.gif) no-repeat #1F69A5;
}
li#mindfulness-off a {
	background: url(nav_mindfulness_off.gif) no-repeat #1F69A5;
	color: #fff;
}
li#mindfulness-off a:hover, li#mindfulness-on a:hover {
	text-decoration: underline;
}
li#therapy-on a, li#therapy-off a {
	display: block;
	width: 150px;
	height: 27px;
	color: #fdfdce;
	font: normal 12px Verdana, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	margin: 0 0 0 5px;
	background: url(nav_therapy_on.gif) no-repeat #1F69A5;
}
li#therapy-off a {
	background: url(nav_therapy_off.gif) no-repeat #1F69A5;
	color: #fff;
}
li#therapy-off a:hover, li#therapy-on a:hover {
	text-decoration: underline;
}
li#counselling-on a, li#counselling-off a {
	display: block;
	width: 108px;
	height: 27px;
	color: #fdfdce;
	font: normal 12px Verdana, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	margin: 0 0 0 5px;
	background: url(nav_counselling_on.gif) no-repeat #1F69A5;
}
li#counselling-off a {
	background: url(nav_counselling_off.gif) no-repeat #1F69A5;
	color: #fff;
}
li#counselling-off a:hover, li#counselling-on a:hover {
	text-decoration: underline;
}

li span {
	display: block;
	padding: 6px 0 0 0;
}
div#nav-underline {
	position: absolute;
	top: 227px;
	width: 894px;
	border-bottom: 3px solid #1F69A5;
}
.clear {
	clear: both;
	margin: 0 0 -1px;
	width: 100%;
	height: 1px;
	font-size: 1px;
}
/* new navigation ends */

#contentarea {position: absolute; top: 251px; left: 0px; width: 800px; border: none; background-color: #EBF5FC; z-index: 1;}

.text {position: absolute; top: 0px; left: 340px; width: 410px;  padding: 10px 10px 10px 10px; margin: 10px 30px 10px 10px; border: none; background-color: #EBF5FC; z-index: 2;}

.pic {position: absolute; top: 20px; left: 20px; width: 300px; border: none; background-color: transparent; z-index: 3;}

.logo {position: absolute; top: 550px; left: 90px; width: auto; border: none; background-color: transparent; z-index: 3;}

h3 {font-size: 20px; font-weight: bold; color: #044476; margin: 10px 0px -5px 0px}

h4 {font-size: 18px; font-weight: bold; color: #044476; margin: 30px 0px -5px 0px}

h5 {font-size: 14px; font-weight: bold; color: #044476; margin: 0px 0px 10px 0px}

p {font-size: 14px; font-weight: normal; color: #044476; margin: 14px 0px 10px 0px; line-height: 16px}

.email a:link {color: #044476; font-size: 14px;}
.email a:visited {color: #044476; font-size: 14px;}
.email a:focus {color: #044476; font-size: 14px;}
.email a:hover {color: #044476; font-size: 14px;}
.email a:active {color: #044476; font-size: 14px;}

li {list-style-type: disc; color: #044476; font-size: 14px; line-height: 16px;}

/*copyright*/ 
h6 {font-size: 12px; font-weight: normal; color: #044476; text-align: right; padding: 40px 0px 0px 0px;}


/* old navigation button styles starts */

/*
#buttons a:link {color: #EBF5FC; text-decoration:none; }
#buttons a:visited {color: #EBF5FC; text-decoration:none; }
#buttons a:focus {color: #00709E; text-decoration:none; }
#buttons a:hover {color: #00709E; text-decoration:none; }
#buttons a:active {color: #00709E; text-decoration:none; }

div.homebutton {position: absolute; top: 220px; left: 20px; width: 100px; background: #044476 url(tr.gif) no-repeat top right; font-size: 12px; text-align: center; line-height: 0px;}
div.homebutton div {background: transparent url(tl.gif) no-repeat top left;}
div.homebutton div div {background: transparent url(br.gif) no-repeat bottom right;}
div.homebutton div div div {background: transparent url(bl.gif) no-repeat bottom left; padding: 15px;}

div.counsellingbutton {position: absolute; top: 220px; right: 420px; width: 150px; background: #044476 url(tr.gif) no-repeat top right; font-size: 12px; text-align: center; line-height: 0px;}
div.counsellingbutton div {background: transparent url(tl.gif) no-repeat top left;}
div.counsellingbutton div div {background: transparent url(br.gif) no-repeat bottom right;}
div.counsellingbutton div div div {background: transparent url(bl.gif) no-repeat bottom left; padding: 15px;}

div.therapybutton {position: absolute; top: 220px; right: 210px; width: 200px; background: #044476 url(tr.gif) no-repeat top right; font-size: 12px; text-align: center; line-height: 0px;}
div.therapybutton div {background: transparent url(tl.gif) no-repeat top left;}
div.therapybutton div div {background: transparent url(br.gif) no-repeat bottom right;}
div.therapybutton div div div {background: transparent url(bl.gif) no-repeat bottom left; padding: 15px;}

div.mindfulnessbutton {position: absolute; top: 220px; right: 20px; width: 180px; background: #044476 url(tr.gif) no-repeat top right; font-size: 12px; text-align: center; line-height: 0px;}
div.mindfulnessbutton div {background: transparent url(tl.gif) no-repeat top left;}
div.mindfulnessbutton div div {background: transparent url(br.gif) no-repeat bottom right;}
div.mindfulnessbutton div div div {background: transparent url(bl.gif) no-repeat bottom left; padding: 15px;}
*/

/* old navigation button styles ends */