/*-----------------------------------------------------------------------------
Park Slope Website Style Sheet

version:   1.0
author:    Chris Monnat
email:     cmonnat@practisinc.com
website:   http://www.parkslopepediatrics.com/

TABLE OF CONTENTS

-----------------------------------------------------------------------------*/


/*
# Constants
# 
#
#
#
#
#
*/


@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  font: 12px Arial, Helvetica, sans-serif;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 841px; /* Centered design work around for Netscape 6. */
	}
	
	/* Class for clearing floats */
	.clear {   clear: both; 
  height: 1px;
  overflow: hidden; 
 }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; }
	h1 { font-size: 1.5em; color:#FFFFFF; }
	h2 { font-size: 1.3em; color:#FFFFFF; }
	h3 { font-size: 1.1em; color:#FFFFFF; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #334D06; }
	a:visited { color: #334D06; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 841px;
	  margin: 20px auto 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#three_column #content { margin-bottom: 10px; background: url(../images/bg_content.gif) repeat-y; }
	#two_column #content { margin-bottom: 10px; background:url(../images/bg_content2.gif) repeat-y; }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	#nav_main { }
	
	
	#nav_sub { }
	#nav_sub, #nav_sub a { color: #; }
	
	
	#nav_supp { padding-top: 5px; font-size: 0.92em; border-top: 2px solid #5178b3; }
	#nav_supp, #nav_supp a { color: #595959; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding img { float: left; }
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { display: inline; width: 320px; float: left; margin-left: 10px; }
	#three_column #content_main p.welcome { height:100px; margin:0; padding:10px 10px 20px 10px; background: #a9bdde; }
	
	p#expecting { height: 65px; width: 136px; margin:10px 0 0 0; padding: 30px 0 0 184px; background: url(../images/bg_expecting.gif) no-repeat; }
	
	#three_column #content_sub { display: inline; width: 227px; float: left; background: #c8d2a9;}
	#three_column #content_sub ul { margin-left:0px; padding:0px 20px;}
	#three_column #content_sub li {padding-bottom:5px;}
	
	#three_column #content_supp{ display: inline; width: 273px; float: left; margin-left: 10px; font-size:12px;}
	#three_column #content_supp ul { height:120px; margin:0; padding:10px 0 0 10px; background: #ccd7e8; list-style-type: none; }
	#three_column #content_supp li { padding-left: 15px; line-height:17px; background: url(../images/bullet.gif) no-repeat 0 3px; }
	
	p#parents { height: 64px; width: 136px; margin:10px 0 0 0; padding: 30px 0 0 137px; background: url(../images/bg_for_parents.gif) no-repeat; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display: inline; width: 580px; float: right; margin-right: 4px; padding: 0 10px; background:url(../images/main_content_top.gif) no-repeat top left; }
	
	#two_column #content_sub { display: inline; width: 227px; float: left; }
	
	#two_column #content_sub ul { padding:0; margin-left: 20px; list-style-type: none; }
	#two_column #content_sub li { line-height: 18px; }
	#two_column #content_sub li a { color:#808080; text-decoration: none; }
	#two_column #content_sub li a:hover { text-decoration: underline; }
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { margin: 5px 0; font-size: 0.92em; }
	#site_info, #site_info a { color: #595959;}
	#site_info a { text-decoration: none; }
	#site_info a:hover { 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: 35%; }
	
	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; }
	
	/*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; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	}
	
	/* =Get Directions 
	-----------------------------------------------------------------------------*/
	#get_directions { margin:0; padding:0px; border:0; width:210px; }
	#get_directions .top { background-image: url(../images/directionsTop.gif); height:29px; background-repeat:no-repeat; }
	#get_directions .middle { background-image: url(../images/directionsMiddle.gif); padding:10px; background-repeat:repeat-y; }
	#get_directions .middle input { margin:2px 0px; }
	#get_directions .bottom { background-image: url(../images/directionsBottom.gif); height:35px; text-align:center; background-repeat:no-repeat; }
	#get_directions p { margin-left:5px; }
	#get_directions .submitButton { padding: 0px; margin:5px auto; border: 0px; background:none; width:122px; cursor:pointer; }

	*html .submitButton { cursor:hand; } /*alternate cursor style for ie*/
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	
	img.bottom { float: left; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	.vcard { margin-left:15px; color:#808080; }
}