/* For Medical Weight Management */

body {
	margin: 0;
	padding: 0;
	background: #000000;
	text-align: center; /* Hack to get centred in IE  */
}
body * {
	text-align: left;  /* Undo centering in descendant elements  */
}
a {
	color: #ffffff;
}
a:hover {
  color: #222222;
  background: #ffffff; /* #2e5318 url(images/navimg.jpg); */
}
h1 {
	font: bold 1.7em tahoma, arial, sans-serif;
	color: #cc6600;
	text-align: left;
	background-color: transparent;
}
h2 {
	font: bold italic 1.5em tahoma, arial, sans-serif;
	color: #2f8c26;
	text-align: left;
	background-color: transparent;
}
h3 {
	font: bold italic 1.2em tahoma, arial, sans-serif;
	color: #ffffff;  /* Was #2f8c26 */
	text-align: left;
	background-color: transparent;
/*	border: 1px solid #0000ff; */
}
h4 {
	font: bold italic 1.1em tahoma, arial, sans-serif;
	color: #cc6600;
	text-align: left;
	background-color: transparent;
}
p {
	font: normal 1.0em tahoma, arial, sans-serif;
}
p.indent {
	margin-left: 15px;
	margin-right: 15px;
}
#container {
	position: relative;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
/*	NOTE: in Firefox, the container has no height unless it is specified,
	so the background doesn't appear.The problem is realted to the floats.
	The fix: http://www.mattryall.net/blog/2008/09/css-layout-fundamentals-floats
	Hence the line 'overflow: auto;' below. */
	background: #222222;
	color: #ffffff;
	overflow: auto;
/*	border: solid 1px #0000ff; */
}
#pageheader {
	background: transparent;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 30px;
/*	border: 1px solid #000000;  */
}
#pageheader h1 { 
	margin-top: 10px; 
	text-align: center;
	color: #67004b; /* Was #efb90e */
	font: italic 2.5em  arial, sans-serif;
	letter-spacing: 0.3em;
}
#pageheader h2 {
	text-align: right;
	color: #ffffff;
	letter-spacing: 0.1em;
	margin-right: 20px;
}
#pageheader h3 {
	text-align: right;
	color: #ffffff;  /* Was #67004b */
	font-size: 0.9em;
	letter-spacing: 0.1em;
	margin-right: 20px;
}
#pageheader p {
	padding: 10px 20px 5px 175px;
	color: #f300d2;
}
#sidenav {
	float: left;
	margin: 30px 0px 30px 0px;
	width: 185px;
/*	height: 400px; */
/* >>>NB Omit height for sidenav and main so clear works properly in Firefox */
	padding: 0 0 20px 0;
	background: #444444;
	font: bold 0.8em tahoma, arial, sans-serif;
	list-style-type: none;
/*	border: 1px solid #ff0000; */ 
}
#sidenav ul {
	list-style-type: none;
}
#sidenav li {
  margin: 5px 0px 0px -15px;
  padding: 0px 0px 5px 0px;
  float: left; /* This corrects the */
  width: 100%; /* IE whitespace bug */
}
#sidenav li.last {
	margin-bottom:20px;
}
#sidenav a {    
  display: block;  /* to increase clickable area as a's 
      default to inline */
  color: #ffffff;
  text-decoration: none;
  padding: 0px 0 5px 0;
  border-bottom: 1px solid #ffffff;
}
#sidenav a:hover {
  color: #444444; 
  background: #ffffff;
}
/* #sidenav img {
	margin-top: 20px;
	margin-left: 7px;
	border: 1px solid #0000ff;
} */
#main {
	float: right;
	margin-top: 10px;
	width: 525px;
	color: #ffffff;
	background: transparent;
/* >>>NB Omit height for sidenav and main so clear works properly in Firefox */
	padding: 5px 15px 15px 30px;
/*	border: solid #ffff00 1px; */
}
#main .imgleft {
	float: left;
	margin: 5px 15px 5px 0;
}
#main ul.disc {
	list-style-type: disc;
}
#main ul.img {
	list-style-image: url(images/rightArrow1.png);
}
#main ul.nil {
	list-style-type: none;
}
#main li {
	margin: 20px 0 0 0;
	font: normal 1em tahoma, arial, sans-serif;
}
#main a.none {
	text-decoration: none;	
}
#main table {
	width: 500px;
	margin: 15px 0 15px 20px;
	font: italic 1.0em tahoma, arial, sans-serif;
	border-collapse: collapse;
/*	border: 1px solid #0000ff; */
}
#main td {
	padding: 5px 0 5px 0;
}
.leftcol {
	width: 200px;
}
#widemain {
	padding-top: 10px;
	width: 750px;
	padding: 15px 15px 15px 30px;
	background: transparent url(images/IMGP2013_a_w795.jpg);
}

/* #widemain h2 {
	font-size: 1.4em;
}
#widemain h3 {
	font-size: 1.1em;
} */
#widemain li {
	font: normal 1em tahoma, arial, sans-serif;
}
#box {
/*	float: left;  */
	margin: 28px 0px 10px 0px;
	padding: 20px 15px 40px 50px;
	width: 450px;
	background: transparent  /* url(images/flowers400x189.gif); */
	color: #000000;
/*	border: 1px solid #2f8c26;  */
}
#box h3 {
	font: bold italic 1.5em tahoma, arial, sans-serif;
	line-height: 1.5;
	color: #ffffff;
	text-align: left;
	background-color: transparent;
}
#box ul {
	font: bold 1em tahoma, arial, sans-serif;
}
/* The following div - hznav - provides a horizontal menu option.  */
#hznav { /* div to contain a horizontal navigation list  */
	clear: both;
	margin: 20px 0px 40px 0px;
	width: 450px;
	background: transparent;
	color: #ffffff;
	font: italic 1.1em tahoma, arial, sans-serif;
/*	border: 1px solid #ff0000;  */
}
#hznav ul {
	margin: 0;
	padding: 0;
	list-style-type: disc;
}
#hznav li {
	float: left;
	margin: 20px 20px 40px 20px;
	font: italic 1.1em tahoma, arial, sans-serif;
}
#hznav a {
	float: left;
	background-color: #20b325;
	color: #ffffff;
/*	width: 124px; */
/*	height: 3em; */
	padding: 0 1em 0 1em;
	text-align: center;
	text-decoration: none;
}
#hznav a:hover {
	background-color: #aef58f;
	color: #444444;
}
.centred {
	text-align: center;
}
.imgcentred {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.right {
	text-align: right;
}
.ital {
	font-style: italic; 
}
.indent {
	padding: 15px 15px 0 0;
}
img.noborder {
	border: none;
	vertical-align: middle;
}