@charset "utf-8";
/* @override http://www.missourieye.com/stage/wp-content/themes/missourieye.com/style.css */


/* CSS Document */


/*	= SITE COLORS
dark blue 				#100539
darker blue 			#16305A
bananna yellow 			#FFFF33
sub nav gold 			#8E7730
footer text grey 		#5F5F5C
sub page greyish blue 	#A6B0C0
------------------------------------------------------------------*/



/*	= GLOBAL STYLES */
a { text-decoration: none; color: #100539; }
a:hover { text-decoration:underline; color: #100539; }
.hidden { display:none; }
.clear { clear:both; }
.left { float:left; }
.right { float: right; }
strong { font-weight: bold; }
em {	font-style:italic; }
div.content-main hr { color: #CCC; background-color: #CCC; }

h1, h2, h3, h4, h5, h6 { color: #100539; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; clear: both;}


.content-main p{ overflow: auto;}



.arrows li a { display: block; color: #8E7730; font-size: 8pt; background: url(images/sub_nav_arrow_sprite.gif) no-repeat scroll left 2px; padding: 1px 19px 1px 15px; text-decoration: none; margin-bottom: 4px; }
	.arrows li a:hover { background: url(images/sub_nav_arrow_sprite.gif) no-repeat scroll left -51px; text-decoration: none; }
		
 /* Clears floated children elements */ .clear-inner:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Make IE track elements (makes hasLayout = 1) */ .clear-inner{ display: inline-block; } .clear-inner{ display: block; }

/*	= PAGE LAYOUT
------------------------------------------------------------------*/

/* Define page width */

body { background: #FFF url(images/main_bg.jpg) no-repeat scroll center top; }

#wrapper { width: 970px; margin: 0 auto; }

#header { width: 480px; height: 395px; float: left; }
	#header h1#main_logo { text-indent: -9000px; }
	#header h1#main_logo a{ height: 110px; width: 384px; margin-top: 24px; display: block; }

#sub_nav { float: right; margin-top: -15px; padding: 10px 7px 10px 0px; height: 82px; width: 104px; background: url(images/sub_page_main_nav.png) no-repeat scroll left top;}
	#sub_nav li { list-style: none outside; text-align: right; display: inline; }
	#sub_nav li a{ padding: 2px 19px 1px 19px; background-position:right 4px; font-size: 9pt; margin-bottom: 10px; }
	#sub_nav li a:hover{ background-position:right -49px; }


#main_column { float: left; margin-top: 50px; width: 483px; }
#main_column ul li a, #main_column h2 { text-transform: lowercase; }
#main_column ul li.first ul li a { text-transform: capitalize; }
#main_nav { margin-left: 12px; }
	/* top menu */
	#main_nav li.first { margin-left: 0px; }
	#main_nav li { float: left; margin-left: 22px; display: inline; position: relative; z-index: 30; display: inline; }
		#main_nav a { display: block; float: left; color: #26406B; font-weight: bold; background: url(images/main_nav_arrow_sprite.gif) no-repeat right 7px; padding: 3px 17px 4px 6px; }
		#main_nav li a:hover, #main_nav li:hover a{ background-position: right -10px !important; text-decoration: none; background-color: #26406B; color: #FFF; }
		
	/* 1st submenu */
	#main_nav li ul { display: none; position: absolute; top: 21px; left: 0px; width: 170px; z-index: 200; border: 1px solid #ccc;}
		/* Show/hide menus */	
		#main_nav li.m_hover ul, #main_nav li:hover ul { display: block;}
		#main_nav li.m_hover ul li ul, #main_nav li:hover ul li ul { display: none; } /*Make nested uls still hidden*/
		/* Anchor styles */
		#main_nav li ul li{ position: relative; z-index: 202; width: 170px; float: left; margin-left: 0px;}
		#main_nav li ul li a { display: block; padding: 3px 3px 3px 6px; background-image: none !important; border: none !important; color: #26406B !important;  margin: 0; height: auto; background-color: #fff !important; width: 161px; float: left;}
		#main_nav li ul li a:hover { background-color: #26406B !important; color: #FFF !important; }

	/* 2nd-Nth submenu */
	#main_nav li ul li { z-index: 204; } /* IE6 needs parent LI to have z-index to avoid bug */
	#main_nav li ul li ul { left: -1000px !important; z-index: 205 !important; top: 0px !important; display: block !important;}
		#main_nav li ul li.m_hover ul/*, #main_nav li ul li:hover ul*/  { left: 170px !important; display: block !important;}
		.drop-down .page_item.m_hover ul { left: 170px !important; display: block !important; }
	
	
/*
	#main_nav li { float: left; margin-left: 22px; position: relative; z-index: 20; padding-bottom: 0px; display: inline; }
	#main_nav li.m_hover ul { display: block !important; }
	#main_nav li ul li ul { display: block !important; }
	#main_nav li ul li.m_hover ul { display: block !important; }
	#main_nav li a { display: block; float: left; font-weight: bold; background: url(images/main_nav_arrow_sprite.gif) no-repeat right 7px; padding: 3px 17px 4px 6px; z-index: 202;  position: relative; margin-top: 1px; margin-right: 1px; margin-left: 1px; height: 14px; display: inline; }
	#main_nav li a:hover, #main_nav li:hover a{ background-position: right -10px !important; text-decoration: none; background-color: #26406B; color: #FFF; }
	
	/* 1st submenu */
/*		#main_nav li ul { position: absolute; width: 170px; z-index: 201; display: none; border: 1px solid #C5C5C5; top: 21px; left: 0px; z-index: 201; }
			#main_nav li:hover ul { display: block;  background-color: #FFF; }
			#main_nav li ul li { float: none; border: none; margin-left: 0px; padding-bottom: 0px !important; z-index: 201; }
			#main_nav li ul li:hover { border: none; background-color: #26406B; }
			#main_nav li ul li a { display: block; padding: 3px 3px 3px 6px; background-image: none !important; border: none !important; color: #26406B !important; float: none; margin: 0; height: auto; background-color: #fff !important; }
			#main_nav li ul li a:hover { background-color: #26406B !important; color: #FFF !important; }
	/* 2nd submenu */
/*		#main_nav li ul li ul{ display: block; top: 0px !important; left: -2000px; z-index: 300;}
		#main_nav li ul li ul li{ display: inline; }
		#main_nav li ul li:hover ul, #main_nav li ul li.m_hover ul {  left: 181px !important;} */

#content_container { border: 1px solid #555; }
	#content { border: 1px solid #000; position: relative;}
	#content h2.page-header { text-align: right; padding: 10px 10px 10px 10px; margin: 0px; }
	body.home #content #page_header_container { display: none; }
	
	#content a { text-decoration: underline; }

#bottom_bar { clear: both; padding-top: 20px; padding-bottom: 10px; }
	#bottom_bar li { list-style: none; }
	
#news_container {  margin-right: 15px; width: 170px; float: left; }
	#news { float: left; }
		
#blog_container { width: 144px; float: left; }
	#blogs { float: left; }
	#blogs li{ display: inline; }
	.content-main h4.date { font-size: .9em; font-weight: normal; }
		
	#ads { float: left; padding: 10px 0px 0px 10px; }
		#ads li { float: left; margin-left: 8px; display: inline; background: #fff; border-bottom: 4px solid #ececec;}
		#ads li a { display: block; height: 62px; width: 200px; color: #8E7730; text-decoration: none;  }
		#ads li:hover {  border-bottom: 4px solid #26406B; }
			a.promo-video { background: url(images/promo_video_icon.jpg) no-repeat scroll left top; }
			a.seminar-registration { background: url(images/seminar_registration_icon.jpg) no-repeat scroll left top; }

			
#footer { clear: both; border-top: 25px #100539 solid; margin-bottom: 30px; }
	#footer span { display: inline-block; margin-top: 10px; }
	#footer span.phone-number { margin-right: 20px; margin-left: 30px; }
	#footer a {}


/*homepage styles */
body.home #content_container h2.page-header { display: none !important; }
body.home #slideshow { height: 332px; }
body.home #sub_nav { margin-top: 10px; }

/*default subpages styles
-----------------------------------------------------------------------------------------------------------------*/
body.subpage #content_container { margin-bottom: 20px; }
body.subpage #slideshow { padding: 15px; min-height: 381px; }
body.subpage #subpage_content_slogan { background: #B7BDC9 url(images/content_footer.jpg) no-repeat scroll left bottom; text-indent: -9000px; height: 23px; }
body.subpage #subpage_content_slogan p{ margin: 0; padding: 0; }
body.subpage { background-image: none; }
body.subpage #wrapper { background: url(images/level_1_images/level_one_building.jpg) no-repeat 2px 100px scroll; }
body.subpage #header { width: 275px; overflow: hidden;}
body.subpage #main_logo a{ background: url(images/missouri_eye_subpage_logo.png) no-repeat scroll left top; }
body.subpage #main_logo a, body.subpage #main_logo { width: 216px; }
body.subpage #main_column{ width: 680px; }
body.subpage #footer { border-top-color:#100539; }


/*page specific styling
-----------------------------------------------------------------------------------------------------------------*/
body.doctors #content h2.page-header { display: block; }
.parent-doctors #content h2.page-header { display: none; }
.parent-doctors #content h3 { float: right; }
/*
body.doctors #wrapper,
body.parent-doctors #wrapper
{ background: url(images/level_1_images/missouri_eye_0000_doctors.jpg) no-repeat scroll 2px 100px; }
body.parent-doctors #main_column h2.page-header, body.parent-doctors #main_column h2 { text-transform: capitalize; }
 
body.services #wrapper,
body.parent-services #wrapper
{ background: url(images/level_1_images/missouri_eye_0001_services.jpg) no-repeat scroll 2px 100px; }

body.new-patients #wrapper,
body.parent-new-patients #wrapper
{ background: url(images/level_1_images/missouri_eye_0002_new_patients.jpg) no-repeat scroll 2px 100px; }

body.privacy #wrapper,
body.parent-privacy #wrapper
{ background: url(images/level_1_images/missouri_eye_0003_privacy.jpg) no-repeat scroll 2px 100px; }

body.more-info #wrapper,
body.parent-more-info #wrapper
{ background: url(images/level_1_images/missouri_eye_0004_faq.jpg) no-repeat scroll 2px 100px; }

body.news #wrapper,
body.parent-news #wrapper
{ background: url(images/level_1_images/missouri_eye_0005_news.jpg) no-repeat scroll 2px 100px; }

body.contact-us #slideshow form { overflow: auto; }
body.contact-us #slideshow form ol { text-align: right; float: left; }
body.contact-us #slideshow form ol li { margin-bottom: 10px; }
body.contact-us #slideshow form ol li.cf-box-group { text-align: left; float: left; }
body.contact-us #slideshow form ol li label { margin-right: 10px; }
body.contact-us #slideshow #sendbutton { float: left; clear: left; margin-left: 170px; }
body.contact-us #wrapper,
body.parent-contact-us #wrapper
{ background: url(images/level_1_images/missouri_eye_0006_contact_us.jpg) no-repeat scroll 2px 100px; } 

body.scheduling #wrapper,
body.parent-scheduling #wrapper
{ background-image: url(images/level_1_images/missouri_eye_0007_schedules_registrations.jpg) no-repeat 2px 100px scroll; }

body.video-page #wrapper,
body.parent-video-page #wrapper
{ background: url(images/level_1_images/missouri_eye_0008_video_page.jpg) no-repeat scroll 2px 100px; }
*/

/* Accordion styles/
---------------------------------------------------------------------------------------------------------*/


.accordion-header { display: inline-block; display:  block; color: #26406B; background: #e7e7e7; padding: 5px; cursor: pointer; border-bottom: 1px solid #eee !important; text-decoration: none !important;}
.accordion-header.active, .accordion-header:hover { background: #26406B; color: #fff; text-decoration: none !important; border-bottom: 1px solid #eee !important;}
.accordion-content { padding: 8px; background: #fff !important; color: #000 !important; border-bottom: 1px solid #eee; }
.accordion-content p { margin-bottom: 3px; }

.accordion-content h3 { margin: 0px 0px; }

/*Cycler code
---------------------------------------------------------------------------------------------------------*/
#cycler_one.cycle_container { position: relative; height:332px; width: 480px; overflow:hidden; }
	#cycler_one img { position: absolute; left: 4px; bottom:  0px; z-index: 10; }
	#cycler_one ul.cycler { padding: 0px; margin: 0px; height: 332px; width: 480px; }
		#cycler_one ul.cycler li { height: 332px; width: 480px; padding: 0px; margin: 0px; list-style: none; }
		/* Unique images */
		
		#cycler_one ul.cycler li.one { background-image: url(images/home_slideshow_skier.jpg); }
		#cycler_one ul.cycler li.two { background-image: url(images/home_slideshow_flowers.jpg); }
		#cycler_one ul.cycler li.three { background-image: url(images/home_slideshow_golfer.jpg); }
		#cycler_one ul.cycler li.four { background-image: url(images/home_slideshow_fisher.jpg); }
		
		#cycler_two .cycle_container { position: relative; height:61px; width: 200px; overflow:hidden; float: left; }
			#cycler_two ul.cycler { padding: 0px; margin: 0px; height: 61px; width: 200px; }
				#cycler_two ul.cycler li { height: 61px; width: 200px; padding: 0px; margin: 0px; list-style: none; }
				#cycler_two ul.cycler li img { border: none !important; }


/* wordpress code
--------------------------------------------------------------------------------------------------------*/
.linklove {	display: none; }
.cf-box-group * {float: left; }
.cf-box-group input { clear:both; }
#label--8 { display: block; }
p.cf-sb { float: left; }
#cforms2form { overflow: auto; }
ol.cf-ol li { clear: both; }



.wp-caption { border: 1px solid #CCC; text-align: center; background: #EEE; padding: 0 0 5px 0; margin: 12px; }
.alignnone, .aligncenter { clear: both; }
.content-main p.wp-caption-text { margin-bottom: 0px; padding-top: 4px; }
img.centered, img.aligncenter { display: block; margin-left: auto; margin-right: auto; border: 0; }
img.alignright { margin: 4px 10px;  display: inline; border: 0; }
img.alignleft { margin: 4px 10px; display: inline; border: 0; }
.alignright { float: right; }
.alignleft { float: left; }
/*Only add border to images that are linked*/
a img.centered, a img.alignright, a img.alignleft, a img.alignnone 
	{ border: 3px solid #100539; } 
a:hover img.centered, a:hover img.alignright, a:hover img.alignleft, a:hover img.alignnone
	{ border: 3px solid #8E7730; }
a:active img.centered, a:active img.alignright, a:active img.alignleft, a:active img.alignnone
	{ border: 3px solid #26406B; }
.no-border, .noborder { border: none !important; }

#slideshow a.button { float: left; clear: both; padding: 3px; background: #26406B; color: #FFF; margin-top: -10px; margin-bottom: 10px; }
#slideshow a.button:hover { background: #8E7730; color: #FFF; text-decoration: none; }
#slideshow a.button:active { background: #B7BDB9; color: #FFF; text-decoration: none; }
#slideshow .content-clear { clear: both; }

/* Category page
--------------------------------------------------------------------------------------------------------*/

.content-main .date { font-size: 1.2em; margin-top: 0px !important; }