/* CSS Document */

body {background-color:#FFFFFF;
		background-image:url(images/hfac-bg.jpg);
		text-align:center;
		margin-top:0px;
		}

#frame {
		width:780px;
		height:100%;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		background-color: #FFFFFF;
		border-left:1px solid #009900;
		border-right:1px solid #009900;
		border-bottom:1px solid #009900;
		}
		
#header {
		width:778px;
		height:120px;
		background-image:url(images/website-header.jpg);
		background-repeat:no-repeat;
		background-position:center;
		}
		
#navlinks {
		width:780px;
		text-align:center;
		}
		
#content {
		width:740px;
		height:100%;
		padding-left:20px;
		padding-right:20px;
		#padding-top:20px;
		text-align:justify;
		}
		
#intro {
	padding:0;
	}		
		
#lbox {
float:left;
width:220px;
background-image:url(images/box-background.jpg);
background-repeat:repeat-y;
margin:0 0 0 20px;
display:block;
padding:0;
}

#leftpic {
	background:url(images/relaxed-state.jpg) no-repeat; width:200px; height:162px; margin:0 auto; padding:0;
}

#midbox {
width:220px;
background-image:url(images/box-background.jpg);
background-repeat:repeat-y;
margin:0 0 0 260px;
display:block;
padding:0;
}

#midpic {
	background:url(images/research-198.jpg) no-repeat; width:200px; height:162px; margin:0 auto; padding:0;
}

#rbox {
float:right;
width:220px;
background-image:url(images/box-background.jpg);
background-repeat:repeat-y;
margin:0 20px 0 0;
display:block;
padding:0;
}

#rightpic {
	background:url(images/black-phone.jpg) no-repeat; width:200px; height:162px; margin:0 auto; padding:0;
}

#lbox p span, #rbox p span, #midbox p span {
padding:10px 20px 0px 20px;
display:block;
text-align:justify;
}		
		
#ctable {padding:10px 0 0 0;}		
		
#footer {
		width:778px;
		text-align:center;
		background:url(http://www.thewebforbusiness.ca/208/line.gif) top repeat-x;
		}
	
#lbox h3 {background:url(images/header-what-hypnosis.jpg) no-repeat; height:40px; margin:0; padding:0;}
#rbox h3 {background:url(images/header-contact.jpg) no-repeat; height:40px; margin:0; padding:0;}
#midbox h3 {background:url(images/header-research.jpg) no-repeat; height:40px; margin:0; padding:0;}

#lbox .p3 span, #rbox .p3 span, #midbox .p3 span {
padding-bottom:40px;
background:url(images/footer-boxes.jpg) bottom no-repeat;
}

#lbox .p3 span a, #rbox .p3 span a, #midbox .p3 span a {
font-weight:bold;
text-decoration:none;
}
			
p {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;}
li {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;}
td {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#intro p {padding:0 0 10px 0;}
#intro .p2 {padding:0 0 10px 0;}
#intro h3 {font-family:Arial, Helvetica, sans-serif; color:#006600;}
#intro h2 {background:url(images/title-welcome.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}

#ctitle h2 {background:url(images/title-contact.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}
#whatitle h2 {background:url(images/title-what.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}
#retitle h2 {background:url(images/title-research.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}

h2, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; color:#006600;}

h1 span {display:none;}

h1 {height:120px; width:778px; margin:0; padding: 0; }

h2 span, h3 span, #ctitle h2 span, #whatitle h2 span, #retitle h2 span {
display:none;
}

.home {font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.yback {background-color:#FFFF00;}

#footer p {padding:5px 0 20px 0;}
.credits {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#CC9900; text-decoration:none;}

/* Dropdown Navigation Section */

#nav, #nav ul {
	float: left;
	width: 780px;
	list-style: none;
	line-height: 15px;
	background: #019A01;
	font-weight: bold;
	padding: 0;
	margin-top:0px;
	margin-left:0px; /* This needs to be here for IE to centre the nav menu */
	}

/*These width settings don't appear to change anything in Firefox but makes a difference in IE*/

.subnav {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#nav a {
	display: block;
	/*width: 114px;
	w\idth: 114px;*/
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	padding-left:50px;
	padding-right:50px;
	padding-top:5px;
	padding-bottom:5px;
	/*border-right:solid 1px #FFFFFF;*/
	border-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

/*The width here affects the width of the main header*/
#nav li {
	float: left;
	padding: 0;
	text-align:left;
	/*width: 120px;*/ /*Don't specify a width and you'll be able to control spacing by adjusting padding */
}

/* This affects the first dropdown menu*/
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	w\idth: 150px;
	font-weight: normal;
	padding-left: 0px;
	margin-left: 0;
}

#nav li li {
	padding-right: 0;
	width: 150px;
	border-bottom:1px solid #FFFFFF; /* adds border between dropdown nav elements */
}

/* This controls the border and width of the lower dropdown boxes*/
#nav li ul a {
	width: 150px;
	w\idth: 150px;
	border-right: 0px;
}

/* Original Margin margin: -1.75em 0 0 14em; */
#nav li ul ul {
	margin: -1.75em 0 0 7em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul,
 #nav li li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #0000CC;
}