/*General info*/

html,body {
	padding: 0px;
	margin: 0px;
	background: #FFFFFF url(../images/bodybg_grey.gif) repeat-y left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #494949;
	font-size: 12px;
	height: 100%;
	min-height: 100%;
	height: auto;
	}
	
a {
	text-decoration:none;
	color:#CE6700;
}	

a:hover {
	color:#993333;
}
	
a:visited {
	color:#CE6700;

}
	
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #f0882b;
	}

/*In main info section headings*/	
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #038383;
	font-weight:bold;
	
	}
	
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	}	

.bigwrapper {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 100%;
	}	
	
.title {
	top:0xp;
	height:139px;
	background-image:url(../images/topRight.jpg);
	background-repeat:no-repeat;
	background-position:left;

}

.logo {
	position: absolute;
	right:25px;
	top: 30px;
	text-align:center;
	color:#223E15;
	font-style:oblique;
	}	


.info {
	position:relative;

}

#mainTitle {
	position: absolute;
	left:200px;top:60px; 
	font-size:25px;font-family: 
	Verdana, Arial, Helvetica, sans-serif;
	color: #4A842F;
}

/*
/*Main layout of links bar
*/

#links {
	position:absolute;
	width:149px;
	margin-top:10px;
	color:#FFFFFF;
}

/*
/*Main section - info
*/

#mainInfo {
	text-align:left;
	position:absolute;
	top:10px;
	padding:20px;
	right:20px;
	left:160px;
	min-width:600px;
	padding-right:200px;
}

/*
/*Main section - info - without the side bar
*/


#mainInfoSans {
	text-align:left;
	position:absolute;
	top:10px;
	padding:20px;
	right:20px;
	left:160px;
	min-width:600px;
}

/*
/*Right side bar
*/

#sideBar {
	color:#000000;
	right:0px;
	position:absolute;
	width:200px;
	text-align:center;
	background-image:url(../images/tabMenuTop.png);
	background-repeat:no-repeat;
	background-position:top;
	padding-bottom:10px;
}

#sideBarMiddle {
	background-image:url(../images/tabMenuMiddle.png);
	background-repeat:repeat-y;
}

#sideBarBottom {
	background-image:url(../images/tabMenuBottom.png);
	background-repeat:no-repeat;
}

.quotes {
	text-align:center; 
	font-style:italic;
}

/*Images in treatment sections*/
img.imgTreat 
{
    float:left;
  
}


li 
{
    margin-bottom: 10px;
}


/*Playing around with a vertical pop out menu*/

#menu {
	position:absolute;
	width: 141px;
	float: left;
	text-align: left;
	color:#FFFFFF;
	z-index:10;
} 

#menu ul { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	color:#FFFFFF;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
	font: bold 12px/16px arial, helvetica, sans-serif;
	display: block;
	border: 1px solid #7b7b7b;
	border-bottom:1px black solid;
	border-right:1px black solid;
	margin: 0;
	padding: 2px 3px;
	color:#FFFFFF;
}

#menu h2 {
	color: #fff;
	background: #000;
	text-transform: uppercase;
}

#menu a {
	color:#FFFFFF;
	background-color: #635f57;
	text-decoration: none;
}

#menu a:hover {
	color: #f0882b;
	border-top: 1px solid black;
	border-right: 1px solid #7b7b7b;
	border-bottom: 1px solid #7b7b7b;
	border-left: 1px solid black;

}

#menu li {
/* make the list elements a containing block for the nested lists */
	position: relative;
	margin:0px;
} 

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
	{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
	{display: block;}

/*Makes sure anchor links don't show as differnt colours*/
a.aLink {color:#494949;}
a.aLink:visited {color:#494949;}
a.aLink.aLink:hover {color:#494949;}
a.aLink:active {color:#494949;}

.quotes {
	text-align:center; 
	font-style:italic;
}

#mainTitle {
	position: absolute;
	left:200px;top:60px; 
	font-size:25px;font-family: 
	Verdana, Arial, Helvetica, sans-serif;
	color: #4A842F;
}

#gallery { position: relative; width:500px; height:340px; margin:0; padding:0; }
#gallery li { display: block; }


