/* Style sheet for Counselling Stonehaven */
* { margin: 0 0px 0 0; 
padding: 0; }
html, body {
	color: #000000;
/*	font: 11pt Palatino Linotype, Times New Roman, serif;*/
	font: 11pt Bookman Old Style, Times New Roman, serif;
	background-image: url("images/paper.jpg");
	/*\*/	overflow: hidden; /* because Mac IE5 don't understand */
	height: 100%;
}

p { text-align: justify; margin: 0px 5px 0px 0px; }
h1 { font: 25px Tahoma; background-color: #4040A0; padding-left: 5px;}
#body h1 { font: 18pt Palatino Linotype, Times New Roman, serif; text-align: center; background-color:inherit;}
h3 { margin-top: 4pt; }
ul, li { margin-left: 18pt; }
.picture { float: right; padding: 5px; }
.next { margin-top: 4pt; }

.page-header {
    color: White;
	position: absolute;
	top: 0;
	/*\*/ margin: 0; /* */
	height: 60px;
	width: 100%;
}

.menu-area{
    /* background-image: url('images/menu.jpg'); */
    background-color: #A0A0FF; /*#96BC00;*/
    width: 150px;
    position: absolute;
    top: 60px;
    bottom: 0px;
    left: 1px;
    overflow: auto;
    height: 100%;
}
.menu-area p { 
    text-align: center; margin-bottom: 5px;
    font: 11pt Tahoma, Arial, sans-serif; font-weight: bold;
}
.menu-area hr {  color:  White; height: 2px; width:75%; left: 12%; }

.menu-area a:link { color: White; text-decoration: none; }
.menu-area a:visited { color: White; }
.menu-area a:hover { color: Yellow; }
.menu-area a:active { color: Blue; }

#body
	{
	/*\*/
	position: absolute;
	top: 60px;
	right: 0px;
	bottom: 1px;     /* so Firefox will show a scrollbar */
	left: 155px;
	/* Exclude all previous props for Mac IE5 */
	margin: 60px 0px 1px 155px; /* Cater for Mac IE5 */
	/*\*/ margin: 0; /* Put back for all the rest */
	/*\*/ overflow: auto; /* no need for Mac IE5 to see this */
	}

.contact {
    font: 14pt Tahoma;
    background-color: #96BC00;
    color: #000000;
}

.contact-table {
    font: 14pt Tahoma;
    background-color: #A0A0FF;
    color: #000000;
    border: 0;
    width: 100%;    
}