/* =============================================================================
 STYLES APPLIED TO THE BODY  
 =============================================================================*/
body {
 margin: 0; 
 padding: 0; 
 text-align: center; 
 background: #1C4579 url(../images/backgrounds/body_bg.gif);
 color: #000;
 }

/*==============================================================================
 PAGE LAYOUT 
===============================================================================*/	
/****** outer layout (borders) ***** */
#frame {
  width: 868px; 
 	margin: 0px auto; 
  text-align: left;
  color: #000;
	
}
#main_shadow {
 background: url(../images/backgrounds/body_no_shadow_ie.gif) repeat-y 0 0;
}

#bottom_shadow {
  height: 11px;
  background: url(../images/backgrounds/bottom_no_shadow_ie.gif) no-repeat left bottom;
}

html>body #main_shadow {
background: url(../images/backgrounds/body_shadow_1.png) repeat-y 0 0;
}

html>body #bottom_shadow {
 background: url(../images/backgrounds/body_shadow_2.png) no-repeat left bottom;
}

#main_wrapper {
  clear: both;
  width: 836px;
	margin: 0 9px;
	border: 1px solid #003372;
	border-top: 6px solid #003372;
	background: #fff;
  padding: 6px;
	text-align: left;
  font: 72% Verdana,Arial, sans-serif; 
}

#main_wrapper {width:852px;  voice-family: "\"}\""; voice-family:inherit; width: 852px;}
html>body #main_wrapper{width: 836px; }


/************************************************************/
/**              Header                                     */
/************************************************************/

 #header {
 background: #fff;
}

#header #logo {
 width: 340px;
 float: left;
 background: #fff url(../images/misc/logo_tmi.jpg) no-repeat 0 0;
 height: 65px;
 margin-right: 0px;
}

#header #utilities {
  font-size: 12px;
 float: right;
 width: 480px;
 padding: 0 0px 0 0;
 background: #fff url(../images/misc/phone_call.gif) no-repeat 98% 50%;
 height: 65px;
 border: 1px solid #fff;/* do not remove this; otherwise the phone icon will shift down on NS6 */
}

#header #utilities ul {
 color: #003372;
 text-align: left;
 margin: 0px;
}

#header #utilities ul {
  margin: 25px 0px 0px 0;
  text-align: left;
	padding-left: 5px;
	margin-left: 35px;
  /*list-style: none;*/
}

#header  #utilities ul li { 
  display: inline;
}

#header  #utilities ul li a {
  font-size: 12px;
  color: #003372;
  text-decoration: none; 
  background: url(../images/backgrounds/utilities_divider.gif) no-repeat 100% 50%;
  padding: 0 14px 0 9px; 
	font-weight: normal;
}

#header  #utilities ul li a:hover, #header  #utilities ul li.current a  {
 color: #B3B3F0;
}

#tagline {
  float: left;
  width: 382px;
	height: 154px;
  padding: 0;
  margin: 6px 0 0px 0;
	background: url(../images/home/tagline_ie6.jpg) no-repeat top left;
}

#tagline {width: 384px; voice-family: "\"}\""; voice-family:inherit; width: 399px;}
html>body #tagline {width: 382px; background: url(../images/home/tagline.jpg) no-repeat top left;}

#billboard {
  width: 447px;
	float: right;
	height: 154px;
	margin: 6px 0 0px 0;
  background: url(../images/home/placeholder.jpg) no-repeat bottom right;
}

/******************************************************************************
*                            NAVIGATION  																							
******************************************************************************/
#nav {
 background: url(../images/backgrounds/main_nav_trangles_b.gif) no-repeat 0 0;
 font-size: 12px;
 display: block;
 /*padding: 1px 0; */ /*don't remove this, otherwise NS 6 won't display the background image */
}
/*
#nav {padding:0px;  voice-family: "\"}\""; voice-family:inherit; padding: 0px;}
html>body #nav{padding: 1px 0; }
*/

#nav {border-bottom: 1px solid #fff;}/*don't remove this, otherwise NS 6 won't display the background image */

#nav ul#nav_left, #nav ul#nav_right {
  float: left;
  width: 65%;
  margin: 0px 0 0px 0;
	list-style:none;
	padding: 5px 0px 5px 0;
}

#nav ul#nav_right {
 background: transparant;
 float: right;
 width: 35%;
 }

#nav ul#nav_left a, #nav ul#nav_right a {
  display: block;
  color:#fff;
	margin: 0;
	padding: 0 20px 0 15px;
	text-decoration: none;
	font-weight: normal;
 }
 
#nav ul#nav_left li, #nav ul#nav_right li{
  display: inline;
  color: #3366CC;
	float: left; 
	padding: 0px;
}

#nav ul#nav_left li a, #nav ul#nav_right li a{
 /* display: inline;*/
  margin: 0;
  color: #fff;
  text-decoration: none;
	background: url(../images/backgrounds/main_nav_divider.gif) no-repeat 100% 50%;
}

#nav ul#nav_left li#last a, #nav ul#nav_right li#last a{
 background: none;
}

#nav ul#nav_left li a:hover, #nav ul#nav_left li.current a {
 color: #FFFF00;
}

#nav ul#nav_right li a:hover, #nav ul#nav_right li.current a {
 color: #FFFF00;
}

/*************** dropdown menu *************/
/******************************************/
#nav ul#nav_left li ul, #nav ul#nav_right li ul{ 
  display: block;
	position: absolute;
	left: -999em;
	width: 174px;
	border-top: 5px solid #3366CC;
	border-bottom: 1px solid #fff;
	z-index: 100;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0;
	float: none;
	/*filter:alpha(opacity=80);
	opacity: .8;
	-moz-opacity:.8;*/
}

#nav ul#nav_right li ul {border-top: 5px solid #003372;}

#nav ul#nav_left li ul li, #nav ul#nav_right li ul li {
  	float: none;
		display: block;
		padding: 0;
  	margin: 0!important;
}

#nav ul#nav_left li:hover ul, #nav ul#nav_left li.sfhover ul, #nav ul#nav_right li:hover ul, #nav ul#nav_right li.sfhover ul { /* lists nested under hovered list items */
  	left: auto;
  	padding: 0px;
}

#nav ul#nav_left li ul li, #nav ul#nav_right li ul li  {
   	background: none;
  	padding: 0;
  	margin: 0;
		 /*width: 100%;remove it so that it won't have a gap between each list item on IE 7 */
	  display: inline; /* add this so that it won't have a gap between each list item on IE 6 */
}

#nav ul#nav_left li ul li a, #nav ul#nav_right li ul li a, #nav ul#nav_left li#last ul li a, #nav ul#nav_right li#last ul li a{
    font-weight: normal;
  	background: #3366CC;
		padding: 4px 10px 4px 15px;
		border-top: 1px solid #fff;
		color: #fff;
		margin-bottom: 0!important;
		display: block;
		background-image: none; /* so that the background image won't display on Safari */
}
#nav ul#nav_right li ul li a, #nav ul#nav_right li#last ul li a{
 background: #003372;
}


#nav ul#nav_left li ul a:hover, #nav ul#nav_right li ul a:hover, #nav ul#nav_left li#last ul a:hover, #nav ul#nav_right li#last ul a:hover {
 color: #003372;
 background: #FFFF00;
 background-image: none; /* so that the background image won't display on Safari */
}

#nav ul#nav_left li.current ul li a:hover, #nav ul#nav_right li.current ul li a:hover {
 background: #FFFF00;
 background-image: none;
}

/********** Sub Navigation ****************************************************/
#sidebar_content_wrapper h2#sub_title {
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 margin: 0;
 padding: 9px 3px 10px 15px;
 background: url(../images/backgrounds/sub_title_bg.gif) no-repeat 0 0;
 border-bottom: 1px dotted #fff;
}

#sub {
border-bottom: 3px solid #fff;
}

#sub ul {
 list-style: none;
 background: #EDF1F8;
 padding: 0;
 margin: 0px 0 35px 0;
 }

#sub ul li {
  display: inline; /* so that IE 6 display properly on each list item */
}

#sub ul li a {
  display: block;
	background: #EDF1F8 url(../images/backgrounds/sub_arrow.gif) no-repeat 10px 10px;
  padding: 6px 3px 7px 30px;
  border-bottom: 1px dotted #3E72A8;
  color: #17457C;
  font-weight: bold;
}

#sub ul li ul {
  margin: 0;
	padding: 0;
}

#sub ul li a:hover, #sub ul li.current a {
 background: #D1DFF7 url(../images/backgrounds/sub_arrow.gif) no-repeat 10px 10px;
}

#sub ul li.current ul {
 border: none;
}

#sub ul li.current ul li a {
  border: none;
	border-top: 1px solid #ccc;
  padding: 3px 0 3px 35px; 
  background: #D1DFF7 url(../images/backgrounds/sub_arrow.gif) no-repeat 10px 10px;
  display: block;
}

#sub ul li.current ul li a:hover, #sub ul li.current ul li.current a{
 background: #FBA24A url(../images/backgrounds/sub_arrow.gif) no-repeat 10px 10px;
}

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

#footer {background: url(../images/backgrounds/footer_bg.jpg) repeat-x 0 0;
 border-top: 1px solid #ccc;
 padding: 15px 15px;
 font-size: .92em;
 margin: 0 0 15px 0px;
}

#footer #copyright {
 color: #003366;
 float: left; 
 width: 230px;
}

#footer ul {
 float: right;
 width: 540px;
 margin: 0px;
 padding: 0px;
}

#footer ul {width:557px;  voice-family: "\"}\""; voice-family:inherit; width: 557px;}
html>body #footer ul{width: 540px;}


#footer ul li {
  display: inline;
  color: #3366CC;
	margin: 0px;
}
#footer ul li a {
  margin: 0;
  color: #3366CC;
	list-style-image:none;
  background: url(../images/backgrounds/footer_nav_divider.gif) no-repeat 100% 50%;
  padding: 0 12px 0 7px;
	text-decoration: none;
	font-weight: normal;
}
#footer ul li a:hover {
  color:#0E8F3B;
}
#footer ul li.current a {
 font-weight: bold;
 color:#0E8F3B;
}

/******************************************************************************
*                            CONTENT FORMATTING 																							
******************************************************************************/

#sidebar_content_wrapper {
 width: 256px;
 float: left;
 background: #EDF1F8;
 margin:4px 0 5px 0;
}

#primary_content_wrapper {
 float: right;
 background: #fff;
 margin: 4px 0 5px 6px;
 line-height: 160%;
}

#primary_content_wrapper {width: 570px;  voice-family: "\"}\""; voice-family:inherit; width: 585px;}
html>body #primary_content_wrapper {width: 570px; }

#sidebar_content_wrapper .content,#sidebar_content_wrapper .quote_content, #sidebar_content_wrapper .team_content  {
 padding: 15px 15px 20px 15px;
}

#sidebar_content_wrapper .quote_content {
 font-weight: bold;
 font-size: 13px;
 color: #003372;
}

#sidebar_content_wrapper .quote_content .quoter{
 font-weight: normal;
 color: #022551;
 font-style: oblique;
}

#sidebar_content_wrapper .team_content {
  color: #003372;
 font-weight: bold;
 font-size: .98em;
}

#primary_content_wrapper .content {
 padding: 20px 15px 20px 20px;
}

#primary_content_wrapper h1,  #primary_content_wrapper h1#title{
 font-size: 1.5em;
 color: #003366;
 background: url(../images/backgrounds/gradient_blue.jpg) repeat-x;
 padding: 8px 5px 9px 20px;
 border-bottom: 1px dotted #7D9DDD;
 margin: 0;
}

#primary_content_wrapper h1#title {
 font-size: 1.3em;
}

#sidebar_content_wrapper h2.quote {
 background: url(../images/backgrounds/client_quote.jpg) no-repeat 0 0;
 height: 37px;
 margin: 0;
}

#sidebar_content_wrapper h2.team {
 background: url(../images/backgrounds/our_team.jpg) no-repeat 0 0;
 height: 37px;
 margin: 0;
 border-top: 2px solid #fff;
}

#primary_content_wrapper .therapist {
 background: url(../images/home/therapist.jpg) no-repeat 0 50%;
 padding: 15px 0 0 60px;
 height: 45px;
 border-bottom: 1px solid #ccc;
 margin-bottom: 15px;
}

#primary_content_wrapper .services {
 background: url(../images/home/computer.jpg) no-repeat 0 50%;
 padding: 0px 0 0 60px;
 height: 45px;
 border-bottom: 1px solid #ccc;
 margin-bottom: 15px;
}

#primary_content_wrapper .outcomes {
 background: url(../images/home/chart.jpg) no-repeat 0 50%;
 padding: 0px 0 0 60px;
 height: 50px;
 border-bottom: 1px solid #ccc;
 margin-bottom: 15px;
}

.clear {clear: both; font-size: .01em; height: .01em;}
.clear_fix {clear: both;}

/* list */
#sidebar_content_wrapper ul.home li {
 list-style: none;
 font-weight: bold;
 list-style-image: url('../images/misc/link_arrow.gif');
 padding-left: -20px;
 margin-left: -20px;
 text-decoration: none;
 line-height: 170%;
}

#primary_content_wrapper ul.green_dots li {
 list-style: none;
 list-style-image: url('../images/misc/green_dots.gif');
 padding-left: -20px;
 margin-left: -20px;
 text-decoration: none;
 line-height: 170%;
 padding-bottom: 10px;
}

#primary_content_wrapper ul.green_dots li ul li {
 list-style-image: url('../images/misc/blue_dot.gif');
 line-height: 120%;
 padding-left: -10px;
 margin-left: 0px;
}

#primary_content_wrapper ul.green_dots li ul {
 list-style-image: url('../images/misc/blue_dot.gif');
 line-height: 100%;
 margin: 8px 0 0 0;
 
}

#primary_content_wrapper ul.green_dots li ul li a {
 font-weight: normal;
 line-height: 120%;
 
}

#primary_content_wrapper .photo img {
 float: right;
 border-bottom: 5px solid #B9C7D3;
 padding-bottom: 1px;
 margin: 0 0 10px 10px;
}

.bld {font-weight: bold;}

.left {
 float: left;
 width: 48%;
}


/* link */
a {
 color: #3366CC;
 text-decoration: none;
 font-weight: bold;
 }

 a:hover {
 color: #0E8F3B;
}


/* form */
input, textarea, select {font: 12px Verdana,Arial, sans-serif; }
.submit {
	border: 1px solid #7ba2c8;
	background: #FFFFE5 url(../images/diamond_submit.gif) no-repeat;
	padding: 1px 2px 1px 20px;
	margin-bottom: 7px;
}

.submit a{
 color: #3F6B9E;
 font-size: 9px;
 font-weight: 600;
 text-decoration: none;
}

.submit a:hover {
 color: #022598;
}

.bold_field{
 text-align: right;
 font-weight: bold;
 line-height: 12px;
}
.no_bold{
 font-weight: normal;
}

.submit_btn input {
 font-weight: bold;
 background: #046528;
 border: 1px solid #7B9EBD;
 text-align: center;
 padding: 1px 5px;
 color: #ffffff;
}
.browse input{
 border: 1px solid #7B9EBD;
 padding: 2px; 
}

.warning, .asterisk {
 color: #B70437;
 font-weight: bold;
}

form {
 display: inline;
}

fieldset {border: 3px double #BBBDBF; padding: 5px; margin-bottom: 10px;}
legend {font-size: 10px; color:#fff; background: #2D8B50; padding: 4px; font-weight: bold; letter-spacing: 1px;}
.underline {text-decoration: underline; display: block; color: #666666;}


/* print */
.header_print {
 display: none;
 }