/* v 1.3 */

/* GENERAL */
a { color: #3366ff; text-decoration: none; }
	a:hover { color: #65B561; }
	a.cta { font-size: 1.2em; font-weight: bold; } /* cta = call to action style. */
td#right_margin4 a { color: #ffffcb; }
	td#right_margin4 a:hover { }

/* //////////GLOBAL-dropdown NAVIGATION */
  ul#nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; border: none;}
  #nav a { display: block; text-decoration: none;}
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; z-index:1000;}
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; background-color: #fff; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
ul#nav { position: absolute; bottom: 2px; left: 0px; height: 24px; background-color: transparent; white-space:nowrap; z-index: 1000;}
#nav *:hover { background-color: none;  z-index:1000; }
#nav a { /* color: #3366ff;  */ z-index:1000; font-size: 16px; padding: 6px 10px; line-height: 1; font-family: arial, sans-serif; font-weight: normal;}
	/* extra padding between the pipes in order to stretch the menu flush. */
	#about>a { padding-right: 9px; } 
	#contact>a { padding-left: 9px; padding-right: 0px; text-align: right; }
	/* #nav a:hover { color: #65B561; } */
	
	#nav ul { top: 26px; left: -2px; z-index:1000; background-color: #fff; list-style: none; }
		/* Width 103%, while it widens correctly, in IE there is a flash of 100% to the width of the page. */
		/* Therefore, need to add each width variation separately. */
		#nav li ul { left: -17px; }
		#nav #drs ul {left: 0px; width: 191px; }
		#nav #surgeries ul {width: 188px; }
		#nav #research ul {width: 225px; }
		#nav #os ul {width: 190px; }
		#nav #contact ul {width: 135px; }
  	#nav ul li { padding: 0; vertical-align: top; height: 1.5em;  z-index:1000; background-color: #fff; opacity: .85; filter: alpha(opacity=85);  -moz-opacity: 0.85; }
    #nav ul li a { background-color: white; font-size: .75em; vertical-align: top; font-weight: normal; z-index:1000; }
		img.md_icon { vertical-align: middle; margin-right: 5px; }
		img.md_icon2 { vertical-align: middle; margin-left: 5px; }
		span.md_icon3 { vertical-align: top; margin-left: 5px; font-size: 8px; color: red; text-transform: uppercase;}
    #nav ul a { border-right: none; opacity: 1.00; filter: alpha(opacity=100);  -moz-opacity: 1.00; z-index:1000; }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
		a span.with_title { border: 1px dotted #dbebfb; }
			a span.with_title:hover { border: 1px dotted #5086b5; }


span.pipe { color: #65B561; display: block; padding-top: 4px; /* vertical-align does not work. */ padding-left: 13px; padding-right: 13px; }
ul.sf-shadow {/* only works (for me) when built in via the script. */
	background:	url('images/shadow.png') no-repeat bottom right; padding: 0 8px 39px 0;
	-moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;
}

/* /////////Global Nav Zone-Selected States */
#nav li a.zone_selected { color: #65B561; }

.label_nonbold {font-weight: normal;}

#content_txt #nav_lateral { clear:both; color: #65B561; font-size: .80em; font-weight: bold; text-transform: none; margin-top: 15px; text-align: left; margin-bottom: 20px; }
/* 	#nav_lateral a { position: absolute; }
		#a_prev { top: 20px; left: 0px; }
		#cur { top:0; left:0; }
		#a_next { top: 20px; right: 0px; } */

/* /////////////// Tertiary Nav \\\\\\\\\\\\\\\\  */
#tertiary_nav a { font-size: .75em; }
	#tertiary_nav a.tert_zone {font-weight: normal;}
		
td#tertiary_nav ul { list-style-type: none; margin-left: 0px; }
	td#tertiary_nav ul ul {margin-left: 10px; font-size: .87em; }
		td#tertiary_nav ul ul li { margin-bottom: 4px; }
	/* Numbering is easier than having to keep track of names, and you can re-use it in other zones. */
	/* How it works: change the CLASS of the td#tertiary_nav to the _# index corresponding to the menu you want 'selected'. */
	/* Doesn't work in IE6. */
	#tertiary_nav.l_1 .l_1 {color: #65B561; }
	#tertiary_nav.l_1_1 .l_1_1, #tertiary_nav.l_1_2 .l_1_2, #tertiary_nav.l_1_3 .l_1_3, #tertiary_nav.l_1_4 .l_1_4, #tertiary_nav.l_1_5 .l_1_5, #tertiary_nav.l_1_6 .l_1_6, #tertiary_nav.l_1_7 .l_1_7  {color: #65B561; }
	
	#tertiary_nav.l_2 .l_2 {color: #65B561; }
	#tertiary_nav.l_2_1 .l_2_1, #tertiary_nav.l_2_2 .l_2_2, #tertiary_nav.l_2_3 .l_2_3, #tertiary_nav.l_2_4 .l_2_4, #tertiary_nav.l_2_5 .l_2_5, #tertiary_nav.l_2_6 .l_2_6, #tertiary_nav.l_2_7 .l_2_7  {color: #65B561; }

	#tertiary_nav.l_3 .l_3 {color: #65B561; }
	#tertiary_nav.l_3_1 .l_3_1, #tertiary_nav.l_3_2 .l_3_2, #tertiary_nav.l_3_3 .l_3_3, #tertiary_nav.l_3_4 .l_3_4, #tertiary_nav.l_3_5 .l_3_5, #tertiary_nav.l_3_6 .l_3_6, #tertiary_nav.l_3_7 .l_3_7 {color: #65B561; }

/* ///////////////Secondary Nav\\\\\\\\\\\\\\\\  No tertiary */	
/* doctors/staff */
.drs_sv .drs_sv, .drs_rc .drs_rc, .drs_ch .drs_ch, .drs_rb .drs_rb, .drs_db .drs_db, .drs_jm .drs_jm, .drs_cw .drs_cw, .drs_cs .drs_cs { color: #65B561; }
/* surgeries / Procedures */
.surgeries_lasek .surgeries_lasek, .surgeries_glaucoma .surgeries_glaucoma, .surgeries_cataracts .surgeries_cataracts, .surgeries_ee .surgeries_ee, .surgeries_diabret .surgeries_diabret, .surgeries_macdegen .surgeries_macdegen, .surgeries_dryeye .surgeries_dryeye, .surgeries_pinkeye .surgeries_pinkeye, .surgeries_crossedeye .surgeries_crossedeye, .surgeries_cosmetic .surgeries_cosmetic, .surgeries_surgerycenter .surgeries_surgerycenter { color: #65B561; }
/* Surgery Center */
.surgeryctr .surgeryctr { color: #65B561; }
/* Research Center */
.r_cstudies .r_cstudies, .r_faq .r_faq, .r_how .r_how, .r_eyedisease .r_eyedisease { color: #65B561; }
/* Optical Shop */
.os_ee .os_ee, .os_frames .os_frames, .os_lenses .os_lenses, .os_cl .os_cl, .os_sg .os_sg { color: #65B561; }
/* Contact */
.c_contact .c_contact, .c_forms .c_forms, .c_ee .c_ee { color: #65B561; }
/* About */
.a_works .a_works, .a_history .a_history { color: #65B561; }


.selected { color: #65B561; }

td#tertiary_nav ul ul#left_nav_consult li { line-height: 12px; margin-bottom: 5px; } /* words are too long, wrapping ugly, so needing to squish them up a bit. */

/* Doctors > Certified Staff link iFrame navigation */
.i_pe #i_pe, .i_ct #i_ct, .i_dr #i_dr, .i_de #i_de, .i_g #i_g, .i_md #i_md, .i_rd #i_rd, .i_ce #i_ce { color: #65B561;  }
/* Research > Eye Diseases iFrame navigation */
.i_rn #i_rn, .i_co #i_co, .i_coa #i_coa, .i_cot #i_cot { color: #65B561;  }


/* /////////Footer Link \\\\\\\\\\\\\ */
#footer_links a { color: #fff; }
	#footer_links a:hover { color: gold; }