/******* thedietpractice.css *******/

body {
  margin: 10px 10px 0 0;
  padding: 0 0 0 0;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #000000;
  background: #ffffff;
}

/******* images *******/

img {
  border: none;
}

.photo {
	float:left;
	padding: 5px;
	clear: none;
		}

/******* banner *******/

#banner {
  background: url(img/banner_bg.gif);
  height: 116px;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 39px;
/*
  border: 1px dashed #000000;
*/
}

html>body #banner {
  height:116px;
}

.page_title {
	position: absolute;
	top:   20px;
	right: 10px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	visibility: visible;
}

.banner_logo {
	position: absolute;
	top:   10px;
	right: 10px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	visibility: visible;
}

#page_title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20pt;
  color: #404040;
  font-weight: bold;
}

/******* left content *******/

.leftcontent {
	position: absolute;
	left:  0px;
	top: 130px;
	width: 260px;
	text-align: left;
	visibility: visible;
/*
  border: 1px dashed #000000;
*/
}

.left_news {
  position: relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #818181;
  margin: 0 0 0 0;
  padding: 10px 5px 5px 10px;
  width: 185px;
}

/******* center content *******/

#centercontent {
	position: absolute;
	left:   0px;
	top:  130px;
	margin-top:   10px;
	margin-left:  251px;
	margin-right: 181px;
	line-height: 1.4em;
	visibility: visible;
/*
  border: 1px dashed #000000;
*/
}

html>body #centercontent {
  margin-left:  251px;
  margin-right: 181px;
}

/******* right content *******/

#rightcontent {
	position: absolute;
	right: 10px;
	top:  130px;
	width: 200px;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	visibility: visible;
}

.right_nav {
  position: relative;
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
/*
  border: 1px dashed red;
*/
}

.right_nav a {
  position: relative;
  top: 1px;
  left: 44px;
  border: 2px solid #919191;
}

.right_nav a:hover {
  border: 2px solid #295c4b;
}

/******* footer *******/

.footer {
position:relative;
margin:50px 0 10px 0;
padding:5px 10px 5px 10px;
/* yet another problem with IE, this time with the border of the footer. The top portion of the border was not showing up in IE, but was fine in the other browsers. Although i know it's bad form to say "screw it", i'm saying it anyway because i really don't want to take the time to work around yet another IE bug. */
border:1px solid #ffffff;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000000;
/*
border: 1px dashed #000000;
*/
}

p,h1,pre {
margin:0px 10px 10px 10px;
}

/******* left navigation *******/

#nav ul {
  margin: 10px 0 10px 15px;
  padding: 0 0 0 0;
  border: none;
}

#nav li {
  list-style-type: none;
  color: #295c4b;
  border: none;
  text-align: left;
  padding: 0 0 0 0;
}

#nav li a {
  color: #ffffff;
  display: block;
  height: 32px;
  background-image: url(img/menu_button.gif);
  voice-family: "\"}\""; 
  voice-family: inherit;
  font-weight: bold;
  text-decoration: none;
/*
  border: 1px dashed #000000;
*/
}

#nav li a:hover {
  color: #295c4b;
}

#nav #current a {
  background-image: url(img/menu_button_on.gif);
  color: #295c4b;
}

.nav_label {
  position: relative;
  top:   8px;
  left: 10px;
  height: 24px;
/*
  border: 1px dashed #000000;
*/
}

/******* top navigation *******/

#tabnavigation {
	position: absolute;
	left: 251px;
	top:   95px;
	float: left;
	width:98%;
	background: #ffffff;
	font-size: 93%;
	line-height: normal;
	visibility: visible;
}

#tabnavigation ul {
  margin: 0;
  padding: 10px 10px 0;
  list-style: none;
}

#tabnavigation li {
  float: left;
  background: url("img/tab_left.gif") no-repeat left top;
  margin: 0;
  padding: 0 0 0 9px;
}

#tabnavigation a {
  float: left;
  display: block;
  background: url("img/tab_right.gif") no-repeat right top;
  padding: 5px 15px 4px 6px;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabnavigation a {float:none;}
/* End IE5-Mac hack */

#tabnavigation a:hover {
  color: #295c4b;
}

#tabnavigation #current {
  background-image: url("img/tab_left_on.gif");
  border-width: 0;
}

#tabnavigation #current a {
  background-image: url("img/tab_right_on.gif");
  color: #295c4b;
  padding-bottom: 5px;
}

/******* fonts and colors *******/

a {
color:#295c4b;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}

#footer a {
color:#295c4b;
text-decoration:underline;
}

#footer a:hover {
color:#999999;
text-decoration:none;
}

.news_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
color:#295c4b;
}

.news_title_blu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
color:#191d4d;
}

.news_title_grn {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
color:#295c4b;
}

span.squares {
display:block;
float:left;
width:18px;
height:18px;
margin-right:2px;
background-image:url(img/squares.gif);
background-repeat:no-repeat;
}

span.squaresabout {
display:block;
float:left;
width:18px;
height:18px;
margin-right:2px;
background-image:url(img/squares.gif);
background-repeat:no-repeat;
clear:left;
}

span.squares span {display:none;}


blockquote {
padding:10px 10px 15px 10px;
background:#f2f3ff;
border-left:2px solid #C7D9F5;
font-style:italic;
color:#191d4d;
letter-spacing:.1em;
}

h1 {
font-size:14px;
padding-top:10px;
}

#banner h1 {
font-size:14px;
padding:10px 10px 0px 10px;
margin:0px;
}

/******* lists *******/

#list ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
}

#list li {
  margin: .25em 0 0 0;
  padding: 0 0 0 0;
  list-style-image: url(img/square_list.gif);
}

#list li.sub {
  margin: .25em 0 0 2em;
  padding: 0 0 0 0;
  list-style-image: url(img/square_list2.gif);
}

/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#testimonial {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #8EB6AB;
	font-weight: bold;
	border: 1px solid #000000;
	text-align: center;
	padding: 10px 15px;
}