@charset "UTF-8";
/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/
/* The outermost container of the Menu Bar, 
a fixed width box with no margin or padding */
ul.MenuBarVertical {margin:0; padding:0; list-style-type:none; font-size:0.86em;
cursor:default; width:200px; font-weight:bold;}

/* Set the active Menu Bar with this class, 
currently setting z-index to accomodate 
IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {z-index:1000;}

/* Menu item containers, position children relative
to this container and are same fixed width as parent */
ul.MenuBarVertical li {margin:0; padding:0; list-style-type:none; width:200px;
font-size:100%; position:relative; text-align:left; cursor:pointer;
 }

/* Submenus should appear slightly overlapping to the right (95%) 
and up (-5%) with a higher z-index, but they are initially off the 
left side of the screen (-1000em) */
ul.MenuBarVertical ul {margin:-5px 0 0 0; padding:0; list-style-type:none; 
font-size:100%; position:absolute; z-index:1020; cursor:default; 
width:200px; left:-1000em; top:0;}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, 
we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible {left:-195px;}

/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li {width:200px;}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical {border:0;}

/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul {border:0;}

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a {display:block; cursor:pointer; 
background: url(/images/global/nav/nav_bkg_w.gif) repeat-y; 
padding:3px 10px 3px 28px; color:#03699C; text-decoration:none;}

/* Menu items that have mouse over or focus have a blue background and white text */
/*ul.MenuBarVertical a:hover, 
ul.MenuBarVertical a:focus {background-color:#000099; color:#FFF; color:#01354e;}*/
ul.MenuBarVertical#nav a:hover {background-color:#F9F9F9; color:#994a1d; }
ul.MenuBarVertical#nav li ul {background: url(/images/global/nav/nav_bkg_w.gif) repeat-y;}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue 
background and white text */
ul.MenuBarVertical a.MenuBarItemHover, 
ul.MenuBarVertical a.MenuBarItemSubmenuHover, 
ul.MenuBarVertical a.MenuBarSubmenuVisible
{ background-color:#F9F9F9; color:#994a1d;}

/*ul.MenuBarVertical#nav a.MenuBarItemHover, 
ul.MenuBarVertical#nav a.MenuBarItemSubmenuHover, 
ul.MenuBarVertical#nav a.MenuBarSubmenuVisible
{ background-color:#CC3366; color:#3366FF; }*/

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu 
and are set to use a background image positioned on the far left (95%) and 
centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu 
{background:url(../includes/nav/SpryAssets/SpryMenuBarLeft.gif) 5% 50% no-repeat;}

/* Menu items that are open with submenus have the class designation 
MenuBarItemSubmenuHover and are set to use a "hover" background image 
positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover 
{background:url(../includes/nav/SpryAssets/SpryMenuBarLeftHover.gif) 5% 50% no-repeat;}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we 
underlay each submenu with an iframe */
ul.MenuBarVertical iframe 
	{
   	position:absolute; 
      z-index:1010;
      top:0;
      left:0;
      border:0;
      overflow:hidden;
   }

/* HACK FOR IE: to stabilize appearance of menu items; the slash in 
float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical 
   li.MenuBarItemIE
	{
      display:inline; 
      f\loat:left; 
      background: url(/images/global/nav/nav_bkg_w.gif) repeat-y;
   }
}


/*******************************************************************************

 CUSTOM LAYOUT: outer nav styles, line borders etc.

*******************************************************************************/
	/* NAV */
   #nav_wrapper {background: url(/images/global/bkg/bkg_page.jpg) top right repeat-y; padding:0 0 0 0; margin:0 0 15px 0;
   font-family:Verdana, Calibri, Arial, Helvetica, sans-serif;}
   #nav {background: url(/images/global/nav/nav_bkg_w.gif) repeat-y; width:200px; position:relative;}
     #nav a {text-decoration:none; font-size:0.74em;}
   
   .nav_topcap {background: url(/images/global/nav/nav_topcap_w.gif) no-repeat; height:17px;}
   .nav_spacer {background: url(/images/global/nav/nav_spacer_b.gif) no-repeat; margin:10px 0; height:4px; font-size:0.01em;}
   .nav_endcap {background: url(/images/global/nav/nav_endcap_w.gif) no-repeat; height:26px;}


	/*SUBNAV*/
   ul.MenuBarVertical ul.MenuBarSubmenuVisible {z-index:1020; overflow:hidden;}
   /*li.MenuBarItemSubmenu ul {padding:18px 0 10px 0; background: url(/images/global/nav/nav_topcap.gif) top left no-repeat; }*/

/*******************************************************************************

 PAGE ID: indicates current page, navigation item changes color when on 
 current page. Might change sections to classes from IDs so can use with subpages.
 Using CSS for all nav/page customization where possible, skipping php for now.
 old color 82979E
 new color 994a1d

 *******************************************************************************/
	/* Sharon Camarillo Home*/
	#home #nav_home {color:#994a1d;}
	
   /* Meet Sharon Camarillo */
   #msc #nav_msc {color:#994a1d;}
	
   /* Performance Team */
   #pt #nav_pt {color:#994a1d;}

	/* Co-Instructors */
	#co #nav_co {color:#994a1d;}

	/* Clinics */
	#clinics #nav_clinics {color:#994a1d;}
   
   /* Classics */
	#classics #nav_classics {color:#994a1d;}
   
   /* Sharon's Current Events */
	#sce #nav_sce {color:#994a1d;}
	
   /* DVDs and Books */
	#bdvd #nav_bdvd {color:#994a1d;}
   
   /* Camarillo Choice */
	#ccp #nav_ccp {color:#994a1d;}
   
   /* Spirit and Self */
	#ss #nav_ss {color:#994a1d;}
   #jw #nav_jw {color:#994a1d;}
   
   /* Making a Difference */
	#md #nav_md {color:#994a1d;}
   #dr_jim #nav_md {color:#994a1d;}
	
   /* In Pursuit of Excellence */
	#ipe #nav_ipe {color:#994a1d;}
      #run_the_plan #nav_run_the_plan {color:#994a1d;}
      #askdd #nav_askdd {color:#994a1d;}
      #ggg #nav_ggg {color:#994a1d;}
	
   /* Ask Sharon */
	#as #nav_as {color:#994a1d;}
   
   /* For Sponsors Only */
	#for_fso #nav_fso {color:#994a1d;}
   
    /* Industry Links */
	#hfs #nav_hfs {color:#994a1d;}
   
   /* Industry Links */
	#il #nav_il {color:#994a1d;}
   
   /* Contact Sharon */
	#cu #nav_cu {color:#994a1d;}