/*-----------------------------------------------------------------------------
Website Style Sheet

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background: #fff;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#454545;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 973px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	body#three_column { background: #fff url(../images/body-bg-3col.jpg) repeat-x; }
	body#two_column { background: #fff url(../images/body-bg-2col.jpg) repeat-x; }
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px; overflow:hidden; margin:0; padding:0;}
	
	p { margin: 0.8em 0; line-height:18px; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0;  color:#600201;}
	h1 { font-size: 1.8em; }
	h2 { font-size: 1.5em; color:#047e89; }
	h3 { font-size: 1.2em; }
	h4 { font-size: 1.1em; }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited, a:hover { color:#047e89; text-decoration:underline; }
		
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 973px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content {
		padding:15px 0;
		background:url(../images/content-bg.jpg) no-repeat;
		min-height:240px; height:auto !important; height:240px; /* IE6 min-height work around */		
	}	
	
	#footer {
		color:#047e89;
		line-height:22px;
		padding:15px 22px;
		border-top: 1px solid #78babf;
	}
	#footer .right { float:right; text-align:right; margin-top:-22px; }
	#footer a,
	#footer a:visited { color:#047e89; text-decoration:none; }
	#footer a:hover { color:#047e89; text-decoration:underline; }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:60px; margin:0; padding:0 0 0 410px; list-style-type:none; }
	ul#nav_main li { height:60px; float:left; position:relative; overflow:hidden; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li a { display:block; cursor:pointer;}
	* html #nav_main a:hover { background:#ccccff; cursor:pointer;}
	
	
	/* This is an example of what needs to be done for each li in the main navigation unordered list. 
	   You can copy this block and just change out the class name, widths and background image names/locations. */
	ul#nav_main li.home { width:94px; }
	ul#nav_main li.home a span,ul#nav_main li.home a:link span { background:url(../images/buttons/btn-home.gif) no-repeat; }
	ul#nav_main li.home a:hover span,body.home ul#nav_main li.home a span { background:url(../images/buttons/btn-home.gif) no-repeat 0 -60px; }
	
	ul#nav_main li.meet-us { width:116px; }
	ul#nav_main li.meet-us a span,ul#nav_main li.meet-us a:link span { background:url(../images/buttons/btn-meet-us.gif) no-repeat; }
	ul#nav_main li.meet-us a:hover span,body.meet-us ul#nav_main li.meet-us a span { background:url(../images/buttons/btn-meet-us.gif) no-repeat 0 -60px; }
	
	ul#nav_main li.locations { width:115px; }
	ul#nav_main li.locations a span,ul#nav_main li.locations a:link span { background:url(../images/buttons/btn-locations.gif) no-repeat; }
	ul#nav_main li.locations a:hover span,body.locations ul#nav_main li.locations a span { background:url(../images/buttons/btn-locations.gif) no-repeat 0 -60px; }
	
	ul#nav_main li.health-information { width:116px; }
	ul#nav_main li.health-information a span,ul#nav_main li.health-information a:link span { background:url(../images/buttons/btn-health-information.gif) no-repeat; }
	ul#nav_main li.health-information a:hover span,body.health-information ul#nav_main li.health-information a span { background:url(../images/buttons/btn-health-information.gif) no-repeat 0 -60px; }
	
	ul#nav_main li.forms-policies { width:116px; }
	ul#nav_main li.forms-policies a span,ul#nav_main li.forms-policies a:link span { background:url(../images/buttons/btn-forms-policies.gif) no-repeat; }
	ul#nav_main li.forms-policies a:hover span,body.forms-policies ul#nav_main li.forms-policies a span { background:url(../images/buttons/btn-forms-policies.gif) no-repeat 0 -60px; }
	
	
	#nav_sub { height:20px; line-height:18px; overflow:hidden; text-align:right; padding:0 30px 0 0; color:#168791; } 
	#nav_sub a,
	#nav_sub a:visited { color:#047e89; text-decoration:none; }
	#nav_sub a:hover { color:#047e89; text-decoration:underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:60px; position:absolute; overflow:hidden; }
	
	#branding h1 { width:410px; height:60px; margin:0; padding:0; position:relative; overflow:hidden; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.gif) no-repeat; }
	
	#three_column #branding_sub {
		height:256px;
		overflow:hidden;
		background:url(../images/branding-sub-bg.jpg) no-repeat;
	}
	
	#three_column #branding_sub #welcome {
		float:left;
		display:inline;
		width:404px;
		height:211px;
		padding:45px 20px 0 20px;
		overflow:hidden;
	}
	
	#three_column #branding_sub #welcome h1 { width:255px; height:25px; margin:0; padding:0; position:relative; overflow:hidden;  }
	#three_column #branding_sub #welcome h1 span { width:100%; height:100%; position:absolute; background:url(../images/txt-welcome.gif) no-repeat; }
	
	#three_column #branding_sub #welcome p { font-size:14px; line-height:22px; margin:0.4em 0; }
	
	#three_column #branding_sub #flash {
		float:left;
		display:inline;
		width:529px;
		height:256px;
		overflow:hidden;
	}
	
	#two_column #branding_sub {
		height:81px;
		overflow:hidden;
	}
	
	#two_column #branding_sub h1 {  width:275px; height:81px; margin:0; padding:0; position:relative; overflow:hidden;  }
	#two_column #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-default.gif) no-repeat; }
	#two_column.meet-us #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-meet-us.gif) no-repeat; }
	#two_column.locations #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-locations.gif) no-repeat; }
	#two_column.health-information #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-health-information.gif) no-repeat; }
	#two_column.forms-policies #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-forms-policies.gif) no-repeat; }
	#two_column.news #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-news.gif) no-repeat; }
	#two_column.mailing-list #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-mailing-list.gif) no-repeat; }
	#two_column.contact-us #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-contact-us.gif) no-repeat; }
	#two_column.thank-you #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-thank-you.gif) no-repeat; }
	#two_column.privacy-policy #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-privacy-policy.gif) no-repeat; }
	#two_column.expecting #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-expecting.gif) no-repeat; }
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { 
		float:left;
		display:inline;
		width:255px;
		height:292px;
		margin:0 0 0 22px;
		padding:18px 20px 0 15px;
		overflow:hidden;
		background:url(../images/is-your-child-sick-bg.jpg) no-repeat;
	}
	#three_column #content_main h2 { width:190px; height:25px; margin:0; padding:0; position:relative; overflow:hidden;  }
	#three_column #content_main h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-is-your-child-sick.gif) no-repeat; }
	#three_column #content_main p { margin:0.4em 0; }
	#three_column #content_main .red { color:#600201; }
	#three_column #content_main form { margin:0; padding:0; }
	#three_column #content_main form select { margin:0.2em 0; width:200px; }
	#three_column #content_main table td ul { list-style-type:none; margin:0; padding:0; }
	#three_column #content_main table td li { list-style-type:none; margin:0.2em 0; padding:0; }
	#three_column #content_main a,
	#three_column #content_main a:visited { color:#3a3a3a; text-decoration:none; }
	#three_column #content_main a:hover { color:#3a3a3a; text-decoration:underline; }
	
	#three_column #content_sub {
		float:left;
		display:inline;
		width:380px;
		height:310px;
		margin:0 0 0 14px;
		padding:0;
		overflow:hidden;
	}
	
	#three_column #content_sub h2 { width:195px; height:32px; margin:0; padding:13px 0 0 0; position:relative; overflow:hidden; }
	#three_column #content_sub h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-how-can-we-help.gif) no-repeat; }
	#three_column #content_sub img { float:left; display:inline; margin:0 0 18px 0; }
	
	#three_column #content_supp { 
		float:left;
		display:inline;
		width:213px;
		height:292px;
		margin:0 0 0 14px;
		padding:18px 15px 0 12px;
		overflow:hidden;
		background:url(../images/whats-new-bg.jpg) no-repeat;
	}
	#three_column #content_supp h2 { width:135px; height:25px; margin:0; padding:0; position:relative; overflow:hidden;  }
	#three_column #content_supp h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-whats-new.gif) no-repeat; }
	#three_column #content_supp li { border-bottom: 1px solid #78babf; margin:0; padding:0.4em 5px; line-height:18px; }
	#three_column #content_supp p { padding:0 5px; }
	#three_column #content_supp a,
	#three_column #content_supp a:visited { text-decoration:none; }
	#three_column #content_supp a:hover { text-decoration:underline; }
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { 
		float:left; 
		display:inline; 
		width:670px;
		margin:0 28px 0 22px;
		overflow:hidden;
	}
	
	#two_column.locations #content_main table h3,
	#two_column.locations #content_main table p { margin:0.2em 0; }
	
	#two_column #content_sub { 
		float:left; 
		display:inline;
		width:240px;
		overflow:hidden;
	} 
	
	#two_column #content_sub #content_sub_img { height:155px; margin:0; padding:0; overflow:hidden; }
	
	#two_column #content_sub #in_this_section {
		width:240px;
		overflow:hidden;
		background: url(../images/its-bg.jpg) repeat-y top left;
	}
	
	#two_column #content_sub #in_this_section_top { background:url(../images/its-top.jpg) no-repeat top left;  }
	#two_column #content_sub #in_this_section_bottom {
		padding:16px 13px 0 13px;
		background:url(../images/2col-content-main-bottom.jpg) no-repeat bottom left; 
		min-height:150px; height:auto !important; height:150px; /* IE6 min-height work around */
	}
	
	#two_column #content_sub #in_this_section h2 { width:118px; height:18px; margin:0; padding:0; position:relative; overflow:hidden; }
	#two_column #content_sub #in_this_section h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-in-this-section.gif) no-repeat; }
	#two_column #content_sub #in_this_section ul { padding:5px 0; }
	#two_column #content_sub #in_this_section li { border-top: 1px solid #78babf; margin:0; padding:3px 5px; line-height:18px; }
	#two_column #content_sub #in_this_section a,
	#two_column #content_sub #in_this_section a:visited { text-decoration:none; }
	#two_column #content_sub #in_this_section a:hover { text-decoration:underline; }
	
	#two_column #content_sub #location_info { 
		height:80px; 
		padding:10px 15px;
		overflow:hidden;
		color:#fff;
		background:url(../images/locations-info-bg.jpg) no-repeat; 
	}
	
	#two_column #content_sub #callouts {}
	
	
	/* =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 { margin: 0.8em 0; padding: 0.6em; border:1px solid #ccc; }
	fieldset legend { padding:0 5px; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; }
	
	input.txt { width: 200px; }
	
	textarea {
	  width: 300px;
	  height: 100px;
	}
	
	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	blockquote { margin:0 20px; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	  vertical-align: top;
	  line-height:18px;
	}
	
	/* =Lists
	-----------------------------------------------------------------------------*/
	#two_column #content_main ul { list-style-type:disc; margin:0 0 0 40px; }
	#two_column #content_main ol { list-style-type:decimal; margin:0 0 0 40px; }
	#two_column #content_main li { margin:0; padding:2px 0;}
	
	/* For Parents Feature */
	.feature { background:#F8EEED; padding:1px 10px; }
	
	/* Striped Tables */
	.stripeMe td,
	.stripeMe th { padding:2px; background:#ddd; border:1px solid #ddd; color:#175c7e; }
	.stripeMe tr td { padding:2px; background:#fff; border:1px solid #ddd; }
	.stripeMe tr.alt td { background:#eee; }
	
	
	/* =Driving Directions
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:10px 0 0 0; padding:0; border:0; width:230px; background:url(../images/driving-directions/driving-directions-bg.gif) repeat-y top left; overflow:hidden; float:right; display:inline;}
	#driving_directions .dd-top { background:url(../images/driving-directions/driving-directions-top.gif) no-repeat top left; }
	#driving_directions .dd-bottom { background:url(../images/driving-directions/driving-directions-bottom.gif) no-repeat bottom left; 
	min-height:230px; height:auto !important; height:230px; }
	
	#driving_directions h2 { width:203px; height:30px; margin:0 auto; padding:0; position:relative; overflow:hidden; }
	#driving_directions h2 span { width:100%; height:100%; position:absolute; background:url(../images/driving-directions/txt-driving-directions.gif) no-repeat; }
	
	#driving_directions form { font-size:12px; font-weight:normal; padding:10px 15px; }
	#driving_directions form input { margin:4px 0px; }
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	.vcard { margin:0px; }
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; display:inline; margin:0 10px 10px 0; }
	img.right { float:right; display:inline;  margin:0 0 10px 10px; }
	
	p.left { text-align:left; }
	p.right { text-align:right; }
	p.center { text-align:center; }
	
	
}