/** 
  CSS by Steve Smith (steve@orderedlist.com)
  Feel free to browse this, but don't copy 
  it completely. That's uncool. 
*/

@media screen, projection {
/**
 * Copyright (c) 2006, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * read more here: http://developer.yahoo.com/yui/fonts/
 * version: 0.11.0
*/
  body                            {font:13px arial,helvetica,clean,sans-serif;}
  table                           {font-size:inherit;font:100%;}
  select, input, textarea         {font:99% arial,helvetica,clean,sans-serif;}
  pre, code                       {font:115% monospace;*font-size:100%;}
/** end Yahoo Fonts */

/**
 * Redeclarations
 */ 
  :link,:visited                  {text-decoration:none;}
  ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
  form,body,html,p,blockquote,
  fieldset,input                  {margin:0; padding:0}
  body                            {font-family:"Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif; line-height:1.4; background:#FFF; padding:0 20px; color:#666;}
  a                               {color:#069; text-decoration:none; font-weight:bold;}
  a:hover                         {color:#036;}
  a img                           {border:none;}
  h1 a, h3 a                      {color:#069;}
  h1 a:hover, h3 a:hover          {color:#CCC}
  h1                              {font-size:200%; color:#069; margin:0 0 15px; font-weight:normal; font-family: "Trebuchet MS", Tahoma, verdana, "MS Sans Serif", sans-serif;}
  h2                              {font-size:192%; color:#069; margin:0 0 10px;}
  h3                              {font-size:150%; color:#069; margin:0 0 10px; color:#79766F; font-weight:normal; font-family: 
"Trebuchet MS", Tahoma, verdana, "MS Sans Serif", sans-serif;}
  h3 a {color:#79766F;}
  h4                              {font-size:108%; margin:0 0 10px; text-transform:uppercase;}
  h5                              {font-size:100%;}
  ul, ol                          {margin:0 0 1.6em 8px;}
  ol                              {margin-left:35px;}
  ul ul, ol ol                    {margin:0 0 5px 8px;}
  ul li                           {margin:0 0 0 5px; padding:0 0 0 20px; background:url(bullet.gif) no-repeat 0 2px;}
  ul {list-style-type:none}
  #main ul li                     {margin-bottom:8px; background:url(/wp-content/uploads/2008/01/bullet.gif) no-repeat 0 5px;}
  strong                          {font-weight:bold;}
  img                             {background:#FFF;}
  code                            {background:#171B20; padding:1px 2px; font-size:92%; color:#EEE; font-family:Monaco, "Courier New", Courier, mono;}
  blockquote                      {padding:20px 25px; margin:0 0 1.6em; font-style:italic;}
  cite                            {font-style:normal; font-weight:bold;}
  pre                             {font-size:86%; width:100%; overflow:auto;}
  hr                              {display:none;}
  p                               {margin:0 0 15px;}
  object, embed {margin-bottom:15px;}
  
/**
 * Layout
 */
  #wrapper                        {width:980px; margin:0 auto;}
  #header                         {height:102px; background:url(images/bg_header.jpg) no-repeat; position:relative; margin:0 0 20px;}
  #introduction                   {margin:0 0 20px;}
  #content                        {width:730px; float:left; margin:0 0 20px;}
  #preliminary                    {width:230px; float:left; font-size:85%;}
  #main                           {width:480px; float:right;}
  #suppliment                     {width:230px; float:right; font-size:85%;}
  
/**
 * Header
 */
  #header h3                      {margin:0; padding:0;}
  #header h3 a                    {height:102px; width:500px; text-indent:-9999px; display:block; overflow:hidden; background:url(images/logo2.gif) no-repeat;}
  #header ul                      {position:absolute; top:0; right:20px; line-height:2; font-size:85%; background:#D9ECF5 url(images/header_nav_left.gif) no-repeat bottom left;}
  #header li                      {background:none; float:left; padding:3px 10px;}
  #header li.contact              {background:url(images/header_nav_right.gif) no-repeat bottom right;}
  #header ul a                    {color:#7390A1;}
  #header ul a:hover              {color:#069;}
  
/**
 * Navigation
 */
  #navigation                     {float:left; width:230px; margin:0 0 20px 0; display:inline; background:#E1DBCD url(images/bg_menu.gif) no-repeat;}
  #introduction #navigation       {margin:0 20px 0 0; display:inline;}
  #navigation ul                  {margin:0; padding:0 0 12px; background:url(images/bg_menu_bottom.gif) no-repeat bottom left; width:230px;}
  #navigation ul ul               {background:none; display:none;}
  #navigation li                  {margin:0; padding:0; width:230px;}
  #navigation a                   {display:block; width:230px; text-indent:-9999px; overflow:hidden; background-image:url(images/menu.gif); background-repeat:no-repeat;}
  #navigation ul ul a             {height:auto; width:auto; background:url(images/bullet_nav.gif) no-repeat 30px 6px; text-indent:0; overflow:visible; line-height:1; font-weight:normal; color:#666; padding:5px 20px 5px 57px;}
  #navigation ul ul a:hover       {background-position:30px 6px; color:#036;}
  #sel a                          {height:54px;}
  #how a                          {height:42px; background-position:0 -54px;}
  #res a                          {height:42px; background-position:0 -96px;}

  #sel a:hover                    {background-position:-230px 0;}
  #how a:hover                    {background-position:-230px -54px;}
  #res a:hover                    {background-position:-230px -96px;}

  #body-sel #sel a                {background-position:-460px 0;}
  #body-sel #sel ul a             {background-position:30px 6px;}
  #body-how #how a                {background-position:-460px -54px;}
  #body-how #how ul a             {background-position:30px 6px;}
  #body-res #res a                {background-position:-460px -96px;}
  #body-res #res ul a             {background-position:30px 6px;}
  
  #body-sel #sel ul,
  #body-how #how ul,
  #body-res #res ul               {display:block;}
  
  #photo                          {float:left; margin:0 20px 0 0; display:inline;}
  

/**
 * Main Section
 */
	#main p.date										{margin:0; font-size:96%; color:#999;}
	#main h3.event									{margin:0;}
  img.photo {float:right; margin:0 0 10px 15px;}
  a img {border:none;}

/**
 * Testimonial
 */
  #introduction #testimonial      {height:150px; width:480px; float:right; margin:0 0 20px; padding:0; overflow:hidden; background:url(images/bg_testimonial.gif) no-repeat; position:relative;}
  #introduction #testimonial a    {position:absolute; top:10px; right:20px; font-size:85%;}
  #testimonial blockquote         {margin-top:20px;}
  #testimonial h3   {display:none;}
  #testimonial p                  {margin-bottom:0;}
  #testimonial p.author           {text-align:right;}
  #preliminary #testimonial       {margin:0 0 20px;}
  #testimonial h4                 {float:left; width:230px; height:55px; text-indent:-9999px; overflow:hidden; margin:0 0 15px; background:url(images/title_testimonials.jpg) no-repeat;}
  #preliminary #testimonial blockquote {padding:0; margin:0 0 -10px;}
  #preliminary #testimonial p     {text-align:right; margin:0 0 10px;}
  #preliminary #testimonial p.author {text-align:right;}
  #preliminary #testimonial blockquote p {text-align:left;}
  
/**
 * Programs Introduction
 */
  #programs_intro                 {width:100%; float:left; margin:0 0 20px;}
  #programs_intro div             {width:230px; margin:0 20px 0 0; display:inline; float:left;}
  #programs_intro div.section4    {margin:0;}
  #programs_intro h2 a            {display:block; width:230px; height:55px; text-indent:-9999px; overflow:hidden; margin:0 0 15px;}
  #emotional-freedom-techniques h2 a  {background:url(images/title_eft.jpg) no-repeat;}
  #stress-and-stress-resolution h2 a  {background:url(images/title_stress.jpg) no-repeat;}
  #excessive-behavior h2 a            {background:url(images/title_excessive.jpg) no-repeat;}
  #addiction-and-12-step-support h2 a {background:url(images/title_addiction.jpg) no-repeat;}
  
/**
 * Extras
 */
  #extras                         {clear:both; background:url(images/extras_body.gif) repeat-y; float:left; width:100%; margin:0 0 20px; font-size:85%;}
  #extras .wrapper                {background:url(images/extras_bottom.gif) no-repeat bottom left; padding:0 0 1px; float:left; width:100%;}
  #extras #sessions               {width:685px; padding:0 20px 0 25px; float:left; background:url(images/extras_top.gif) no-repeat;}
  #sessions_intro                 {width:185px; float:left; margin:0 40px 0 0; display:inline;}
  #sessions_professional          {width:230px; margin:15px 20px 0 0; display:inline; float:left;}
  #sessions_personal              {width:210px; margin:15px 0 0 0; float:left;}
  #extras h3,
  #register h3                    {width:230px; height:31px; margin:0 -20px 10px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat;}
  #sessions h3                    {background-image:url(images/title_sessions.gif); margin-left:-25px;}
  #register h3                    {background-image:url(http://energypsychotherapy.com/wp-content/uploads/2008/02/eft_workbook.gif);}
  #extras #register               {float:right;}
  #register                       {width:190px; padding:0 20px; margin:0 0 15px; background:#ADD6EB url(images/extras_top.gif) no-repeat top right;}
  #register .wrapper              {background:url(images/extras_bottom.gif) no-repeat bottom right; padding:0 20px 1px; margin:0 -20px;}
  #register a.view                     {display:block; width:190px; height:26px; text-indent:-9999px; overflow:hidden; background:url(images/button_schedule.gif);}
  #register img {float:right; margin:0 0 5px 8px;}
  #sessions_professional ul       {padding:0; margin:0;}
  #sessions_professional li       {background:url(images/bullet_tan.gif) no-repeat 0 3px; margin:0 0 7px;}
  
  #events                         {margin:0 0 20px;}
  #events h3                      {width:230px; height:55px; margin:0 0 10px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background:url(images/title_upcoming.jpg) no-repeat;}
  #events ul                      {margin:0 0 10px; padding:0;}
  #events li                      {margin:0; padding:0;}
  #events p.date                  {margin:0;}
  
/**
 * Footer
 */
  #footer                         {clear:both; font-size:85%; margin:0 0 20px; padding:10px 0; border-top:1px solid #CCC;}
}