/* --- start of css --- */
/*-----------------------------------------------------------------------------
Website Style Sheet

version:   1.0
author:    Bryan Miller
email:     bmiller@practisinc.com
website:   http://www..com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	html { background:#bdcaad; }
	
	body {
	  padding: 0;
	  margin: 0;
	  background: #fff;
	  font: 12px Arial, Helvetica, sans-serif;
	  color: #383838;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 980px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px; }
	* html .clear { clear:both; height:0px; margin:0; padding:0; font-size:0; margin-bottom:-2px; }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	abbr {border-bottom:none; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#525d41; }
	h1 { font-size: 24px; }
	h2 { font-size: 16px; }
	h3 { font-size: 14px; }
	
	h1 sup {font-size:14px;}
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited, a:hover { color:#314219; }
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#top {
		height:16px;
		border-top:19px solid #bdcaad;
		background: url(../images/top.jpg) repeat-x;
	}
	
	#container {
	  width: 960px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content { clear:both; margin:20px 0; padding:0; text-align:left; }
	#two_column #content { clear:both; margin:10px 0 20px 0; padding:0; text-align:left; }
	
	#footer {
		border-top:3px solid #7c9d53;
		background:#bdcaad;
		padding:20px 0 20px 0;
		margin:0;
	}
	
	/* = Main Navigation
	-----------------------------------------------------------------------------*/
	#nav_main { width:960px; height:50px; overflow:hidden; }
	
	#nav_main a,
	#nav_main a:visited { color:#fff; cursor:pointer; float:left; font-size:18px; text-decoration:none; text-align:center; margin:0; padding:15px 0px; }
	#nav_main a:hover { color:#5d5d5d; cursor:pointer; float:left; font-size:18px; text-decoration:none; text-align:center; margin:0; padding:15px 0px; }
	
	a.menuleft, a:visited.menuleft { background: url(../images/nav-main-left.gif) no-repeat left 0; }
	a:hover.menuleft { background: url(../images/nav-main-left.gif) no-repeat left -50px; }
	
	a.menuright, a:visited.menuright { background: url(../images/nav-main-right.gif) no-repeat right 0; border-left:1px solid #546a38; }
	a:hover.menuright { background: url(../images/nav-main-right.gif) no-repeat right -50px; }
	
	a.menucenter, a:visited.menucenter { background: url(../images/nav-main.gif) repeat-x left 0; border-left:1px solid #546a38; }
	a:hover.menucenter { background: url(../images/nav-main.gif) repeat-x left -50px; }
	
	/* left menu item  */
	#nav_main a.home, #nav_main a:visited.home, #nav_main a:hover.home {width:110px;}
	body.home #nav_main a.home { background: url(../images/nav-main-left.gif) no-repeat left -50px; color:#5d5d5d;  }
	
	/* right menu item  */
	#nav_main a.womens-health, #nav_main a:visited.womens-health, #nav_main a:hover.womens-health {width:175px;}
	body.womens-health #nav_main a.womens-health { background: url(../images/nav-main-right.gif) no-repeat right -50px; color:#5d5d5d; }
	
	
	
	/* center menu items  */
	#nav_main a.about-us, #nav_main a:visited.about-us, #nav_main a:hover.about-us {width:135px;}
	body.about-us #nav_main a.about-us { background: url(../images/nav-main.gif) repeat-x left -50px; color:#5d5d5d;  }
	
	
	#nav_main a.our-office, #nav_main a:visited.our-office, #nav_main a:hover.our-office {width:140px;}
	body.our-office #nav_main a.our-office {background: url(../images/nav-main.gif) repeat-x left -50px; color:#5d5d5d; }
	
	#nav_main a.services-procedures, #nav_main a:visited.services-procedures, #nav_main a:hover.services-procedures {width:225px;}
	body.services-procedures #nav_main a.services-procedures {background: url(../images/nav-main.gif) repeat-x left -50px; color:#5d5d5d; }
	
	#nav_main a.about-da-vinci, #nav_main a:visited.about-da-vinci, #nav_main a:hover.about-da-vinci {width:170px;}
	body.about-da-vinci #nav_main a.about-da-vinci {background: url(../images/nav-main.gif) repeat-x left -50px; color:#5d5d5d; }
	
	
	/* = Additional Navigation
	-----------------------------------------------------------------------------*/
	#nav_sub { margin:-34px 0 0 0; padding:1px 0 0 0; height:34px; position:absolute; text-align:right; width:940px; }
	#nav_sub,
	#nav_sub a,
	#nav_sub a:visited { color:#314219; text-decoration:none; }
	#nav_sub a:hover { color:#314219; text-decoration:underline; }
	
	#nav_supp { padding:0;  margin:0; }
	#nav_supp, 
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { }
	
	#branding h1 { width:275px; height:125px; margin:0; padding:0; position:relative; overflow:hidden; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.jpg) no-repeat; }
	#branding #appointments { text-align:right; float:right; margin:0; padding:38px 20px 0 0; font-size:18px; color:#525d41; font-weight:bold;}
	#branding #appointments .physician-names { float:left; display:inline; margin:0 150px 0 0; font-size:22px; }
	
	#branding_sub { margin:10px 0 0 0; padding:0; height:260px; width:960px; overflow:hidden; background:url(../images/branding-sub-left.jpg) no-repeat;}
		#branding_sub .bs-right {float:right;}
		#branding_sub .bs-left { margin:20px 0 0 32px; color:#404040; width:435px; height:230px; overflow:hidden;}
		#branding_sub .bs-left h1 {font-size:36px; margin:0; padding:0; font-weight:bold; color:#314219;}
		#branding_sub .bs-left h2 {font-size:20px; font-style:italic; margin:2px 0; padding:0; color:#314219;}
		#branding_sub .bs-left p {font-size:12px; width:400px; margin:0; padding:3px 0; line-height:16px; color:#404040;}
		#branding_sub .bs-left img {margin:5px 0;}
		
	/* =Three Column
	-----------------------------------------------------------------------------*/	
	#three_column #content_main { width:632px; margin:0; padding:0; float:left;}

	#three_column #content_main #quick_access {background:transparent; margin:1em; margin:0; padding:0;}
		.qatop, .qabottom {display:block; background:transparent; font-size:1px;}
		.qab1, .qab2, .qab3, .qab4 {display:block; overflow:hidden;}
		.qab1, .qab2, .qab3 {height:1px;}
		.qab2, .qab3, .qab4 {background:#97b36f; border-left:1px solid #546a38
; border-right:1px solid #546a38;}
		.qab1 {margin:0 5px; background:#546a38;}
		.qab2 {margin:0 3px; border-width:0 2px;}
		.qab3 {margin:0 2px;}
		.qab4 {height:2px; margin:0 1px;}
			.qaboxcontent {display:block; background:#97b36f; border:0 solid #546a38
; border-width:0 1px; padding:3px 15px;}
			.qaboxcontent * {margin:0; padding:0;}
			.qaboxcontent h2 { margin:0 0 3px 0; padding:0; color:#455133;}
			.qaboxcontent .links {margin:0 0 0 -3px; padding:0;}
			.qaboxcontent a,
			.qaboxcontent a:visited {color:#404040; text-decoration:none; margin:0; padding:0 4px;}
			.qaboxcontent a:hover {color:#404040; text-decoration:underline;}
	
	#three_column #content_main .callout {width:200px; height:210px; overflow:hidden; float:left; margin:20px 0 0 0; padding:0; }
	#three_column #content_main .callout.left { padding-right:10px;}
	#three_column #content_main .callout.center { padding-right:10px;}
	#three_column #content_main .callout h2 { margin:0; padding:10px 15px 0 5px; color:#556a38; }
	#three_column #content_main .callout p { margin:0; padding:0 15px 0 5px; line-height:18px; }
	#three_column #content_main .callout a,
	#three_column #content_main .callout a:visited {text-decoration:none; font-weight:bold; color:#556a38; }
	#three_column #content_main .callout a:hover {text-decoration:underline; font-weight:bold; color:#556a38; }
	
	#three_column #content_sub { float:left; margin:0; padding:0; width:318px; float:right; }
	
		#three_column #content_sub #news {background:transparent; margin:1em; margin:0; padding:0;}
		#three_column #content_sub #news img {margin:0 3px; padding:0;}
		.newstop, .newsbottom {display:block; background:transparent; font-size:1px;}
		.newsb1, .newsb2, .newsb3, .newsb4 {display:block; overflow:hidden;}
		.newsb1, .newsb2, .newsb3 {height:1px;}
		.newsb2, .newsb3, .newsb4 {background:#47582f; border-left:1px solid #546a38; border-right:1px solid #546a38;}
		.newsb1 {margin:0 5px; background:#546a38;}
		.newsb2 {margin:0 3px; border-width:0 2px;}
		.newsb3 {margin:0 2px;}
		.newsb4 {height:2px; margin:0 1px;}
		.newsbottom .newsb2, .newsbottom .newsb3, .newsbottom .newsb4 {background:#fff;}
			.newsboxcontent {display:block; background:#47582f; border:0 solid #546a38; border-width:0 1px; font-size:11px; }
			.newsboxcontent * {margin:0; padding:0;}
			.newsboxcontent h2 {color:#fff; font-size:22px; padding:5px 15px 15px 15px;}
			.newsboxcontent .posts {background:#fff; padding:5px 15px 10px 15px; height:210px; overflow:hidden;}
			.newsboxcontent .posts p { margin:0; padding:4px 0; }
            .newsboxcontent .posts strong {color:#556a38; font-size:12px;}
			.newsboxcontent .posts ul { list-style-type:none; margin:0; padding:0; }
			.newsboxcontent .posts ul li { margin:0; padding:4px 0; }
			.newsboxcontent .posts a,
			.newsboxcontent .posts a:hover,
			.newsboxcontent .posts a:visited { color:#556a38; font-size:12px; line-height:18px;}
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { width:645px; padding:0 30px 0 15px; margin:0; float:left; }
	
	#two_column #content_sub { width:265px; float:right; margin:15px 0 0 0; padding:141px 0 0 0; background:url(../images/nav-sub-top.jpg) no-repeat;} 
	
		#two_column #content_sub #its {background:transparent; margin:1em; margin:0; padding:0;}
		#two_column #content_sub #its img {margin:0 3px; padding:0;}
		.itstop, .itsbottom {display:block; background:transparent; font-size:1px;}
		.itsb1, .itsb2, .itsb3, .itsb4 {display:block; overflow:hidden;}
		.itsb1, .itsb2, .itsb3 {height:1px;}
		.itsb2, .itsb3, .itsb4 {background:#47582f; border-left:1px solid #546a38; border-right:1px solid #546a38;}
		.itsb1 {margin:0 5px; background:#546a38;}
		.itsb2 {margin:0 3px; border-width:0 2px;}
		.itsb3 {margin:0 2px;}
		.itsb4 {height:2px; margin:0 1px;}
		.itsbottom .itsb2, .itsbottom .itsb3, .itsbottom .itsb4 {background:#fff; }
			.itsboxcontent {display:block; background:#47582f; border:0 solid #546a38; border-width:0 1px;}
			.itsboxcontent * {margin:0; padding:0;}
			.itsboxcontent h2.in-this-section {color:#fff; font-size:22px; padding:8px 18px;}
			
			.itsboxcontent ul {background:#fff; width:100%; list-style-type:none;}
			.itsboxcontent ul li { margin:0; padding:0; }
			.itsboxcontent ul li a,
			.itsboxcontent ul li a:visited {text-decoration:none; color:#5d5d5d; background:#fff; border-bottom:1px solid #546a38; display:block; width:235px; margin:0; padding:4px 10px 4px 18px; overflow:hidden; }
			.itsboxcontent ul li a:hover {text-decoration:none; color:#5d5d5d; background:#c4ceba; overflow:hidden; }
			
			.itsboxcontent ul li li a,
			.itsboxcontent ul li li a:visited,
			.itsboxcontent ul li li a:hover { width:215px; padding:4px 10px 4px 38px; overflow:hidden; }
			
			.itsboxcontent .callout {background:#fff; width:253px; padding:40px 5px 22px 5px;}
			.itsboxcontent .callout h2 { padding:5px 0 0 7px; margin:0;}
			.itsboxcontent .callout p { padding:0 0 0 7px; margin:0; line-height:18px;}
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { padding:2px 0 0 0; margin:0; }
	
	#footer { color:#32401e; }
	#footer a, 
	#footer a:visited { color:#32401e; text-decoration:none; }
	#footer a:hover {  color:#32401e; text-decoration:underline; }
	
	
	/* =Forms
	-----------------------------------------------------------------------------*/
	form { padding:0.4em; margin:0; }
	form em { color:#FF0000; }
	form p { clear:left; margin:0; padding:0; padding-top:0.4em; }
	form p label { float:left; width:25%; }
	
	fieldset { padding:0.6em; padding-left:0.7em; }
	fieldset legend { padding:0; margin-bottom:0.2em; font-weight:bold; color:#000000; font-size:1.1em; }
	
	input.txt { width: 200px; }

	.formerror {
	  border:1px solid red;
	  background-color :#FFCCCC;
	  width:auto;
	  padding:0.4em;
	  margin-bottom:0.4em;
	}
	.formerror ul { padding-left:1.7em; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align:left;
	  vertical-align:top;
	}
	
	
	/* =feedback button
	-----------------------------------------------------------------------------*/
	a.feedback-button,
	a:visited.feedback-button,
	a:hover.feedback-button { background:url(../images/btn-feedback.gif) no-repeat; margin:0 10px 10px 0; padding:10px 0 0 0; color:#000; text-decoration:none; display:block; height:27px; width:271px; text-align:center; overflow:hidden; font-size:13px; float:left;}
	
	
	/* =About da Vinci Callouts
	-----------------------------------------------------------------------------*/
	a.davinci-callout,
	a:visited.davinci-callout  { text-decoration:none; color:#373738; font-size:14px; font-weight:bold; text-align:center;}
	a:hover.davinci-callout { text-decoration:none; color:#707070; }
	
	
	/* =Vcard
	-----------------------------------------------------------------------------*/
	.itsboxcontent .vcard { margin:0; padding:8px 18px; background:#fff; }
	.vcard-dl {margin-top:10px; background: url(../images/vcard.gif) center no-repeat; background-position: 0 50%;}
	.vcard-dl a, .vcard dl a:visited, .vcard dl a:hover {margin-left:25px; display:block;}
	
	
	/* =Health Library
	-----------------------------------------------------------------------------*/
	#health_library { }
	#health_library .interactive {width:225px; margin:0; padding:0; border: 1px dashed  #ccc; margin:0 10px 0 10px; padding: 10px; background: #f2f2f2; color: #333333; float:right;}
	#health_library .interactive h2{ margin:0; padding:0;}
	#health_library .interactive img{ margin:0; padding:0 10px 0 0; float:left; border:0; }
	#health_library .interactive ul{ margin:0; padding:10px 0 0 15px;  }
	#health_library .interactive a:link,
	#health_library .interactive a:visited { text-decoration:none; }
	#health_library .interactive a:hover{ text-decoration:underline; }
	
	#health_library .topic {width:350px; margin-bottom:10px; padding:10px; border: dashed 1px #CCCCCC;}
	#health_library .icon {margin-right:8px; float:left;}
	#health_library .txt {margin:0 0 0 45px;}
	
			
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions {background:transparent; margin:1em; margin:0; padding:0 10px; width:250px; float:right;}
		.ddtop, .ddbottom {display:block; background:transparent; font-size:1px;}
		.ddb1, .ddb2, .ddb3, .ddb4 {display:block; overflow:hidden;}
		.ddb1, .ddb2, .ddb3 {height:1px;}
		.ddb2, .ddb3, .ddb4 {background:#97b36f; border-left:1px solid #546a38; border-right:1px solid #546a38;}
		.ddb1 {margin:0 5px; background:#546a38;}
		.ddb2 {margin:0 3px; border-width:0 2px;}
		.ddb3 {margin:0 2px;}
		.ddb4 {height:2px; margin:0 1px;}
			.ddboxcontent {display:block; background:#97b36f; border:0 solid #546a38; border-width:0 1px; padding:3px 25px; }
			.ddboxcontent * {margin:0; padding:0;}
			
			#driving_directions h2 {text-align:center; margin:5px 0; padding:0; color:#455133;}
			#driving_directions form {margin:0; padding:0; border:0;}
			#driving_directions p {margin:3px 0; padding:0;}
			#driving_directions input.text {margin:3px 0px; width:90%;}
			#driving_directions select {margin:5px 0; width:70%;}
			#driving_directions .submitButton {margin:5px 0 0 0; cursor:pointer;}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; FFFF00; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; margin:0 10px 10px 0;}
	img.right { float:right; margin:0 0 10px 10px;}
	
	p.left { text-align:left; }
	p.right { text-align:right; }
	p.center { text-align:center; }
	
	#scnx_PHP {display:none;}
	
}    
/* --- end of css --- */