/***style sheet for Westwood-Mansfield Pediatric Associates content pages***/
body {
	margin: 0;
	padding: 15px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	/*background:url(../images/autumn_background.gif);*/
	background:url(../images/winter_bkgd.jpg) repeat;
	/*background:url(../images/spring_background.jpg) repeat;*/
}

/**********link styles**********/
a:link {
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
	color:#C60;
}

/**********heading styles**********/
h1 {
	font-size:105%;
	color:#096;
	margin-left: 20px;
	margin-right:10px;
	margin-bottom:-10px;
}
h2 {
	color:#C60;
	font-size:100%;
	margin-left: 20px;
	margin-right:10px;
	margin-bottom: -10px;
}
h3, h4 {
	color:#369;
	font-size:100%;
	font-weight: bold;
	margin-left: 20px;
	margin-right:10px;
	margin-bottom: -10px;
}
h4 {
	color:#666666;
}

/**********paragraph styles**********/
p {
	margin-right: 15px;
	margin-left: 20px;
	line-height: 140%;
}
/*paragraph styles for footer div*/
#footer p {
	margin:0;
	color:#333;
	line-height: 150%;
}

/**********list styles**********/
ul {
	margin-left: 10px;
	margin-right:10px;
	padding-left: 10px;
	list-style-type:disc;
}
ul li {
	line-height: 140%;
	list-style-position: outside;
	list-style-type:disc;
	margin-right:10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
ol li {
	margin-left: 10px;
	margin-right:10px;
	margin-bottom: 10px;
	padding-left: 5px; 
	list-style-type:decimal;
	line-height: 140%;
}

/**********table styles**********/
table {
	border-collapse:collapse;
	border-spacing:0;
}
th {
	font-size: 100%;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}
td {
	font-size: 100%;
	line-height: 120%;
	vertical-align:top;
}
	/*clears left margin of table p*/
td p {
	margin-left:0px;
	}
	/*clears left margin of table h2*/
td h2 {
	margin-left:0px;
	}
/*td img {
 Another Mozilla/Netscape bug with making sure our images display correctly 
	display: block;
}*/
table#border {
	margin:0 auto;
	width:80%;
	border:1px solid #77B300;
}
table#border th {
	text-align:center;
	color:#fff;
	padding:5px;
	background:#369;
}
/*styles for contact form table*/
#contact {
	width:620px;
	border:1px dotted #096; 
	background-color:#FFC;
	margin:0 auto;
	padding: 10px 0;
}
table#center {
	margin:5px auto;
}
/*styles for contact topics table*/
table#topics {
	margin:0 auto;
	width:620px;
	border:1px dotted #096; 
	background-color:#FFC;
	padding: 10px 0;
}
table#topics td {
	text-align: left; 
	padding-right: 6px; 
	vertical-align:middle; 
}
table#topics th {
	text-align: right; 
	padding-right: 6px; 
	vertical-align:middle; 
}
/*styles for contact recognition table*/
table#recognition {
	margin:0 auto;
	width:95%;
	border:1px solid #096; 
	border-collapse:collapse;
	padding: 0;
}
table#recognition td {
	text-align: left; 
	padding-right: 6px; 
}
table#recognition th {
	background-color:#FFAF7A;
	text-align: left; 
	padding-right: 6px;
}
table#recognition td ul li {
	line-height: 120%;
	list-style-position: outside;
	list-style-type:disc;
	margin-right:10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#contact hr {color:#77B300; background-color:#77B300;height:1px;border:none;}
/*table headings for table on contact us page*/
#contact th {
	text-align: right; 
	padding-right: 6px; 
	vertical-align:middle; 
}
table.dosage {
	border:1px solid #77B300;
}
.dosage th {
	color:#fff;
	background: #096;
}
/*styles for extended hours table*/
#hours {
	margin-left:20px;
	width:52%;
	background-color:#FFFFCC;
}
#insurance {
	margin:5px auto;
	border:1px solid #77B300;
}
#insurance td {
	padding:5px;
}
/**********div styles**********/
/*wrap div contains all divs, except the footer*/ 
#wrap {
	margin: 0px auto;	
	width: 960px;
	background: url(content_bkgd-rev.gif) repeat-y;
	border-bottom:1px solid #A3C2E0;
	}
/*contains practice title*/
#title {
	float:right;
	margin-top:0px;
	margin-bottom:0px;	
	width:780px;
}
/*holds logo and navigation divs*/
#leftCol {
	float:left;
	width:180px;
}
/*contains logo*/	
#logo {
	float:left;
	margin-top:0px;
	margin-bottom:0px;	
}
/*right column*/
#rightCol {
	float:right;
	width:780px;
}
/*holds page navigation*/
#navigation {
	float:left;
	width:100%;
	}
/*holds social media icons*/
#social {
	float:left;
	margin-top:20px;
	margin-left:5px;
	padding:5px;
	width:90%;
}
#social img {
	padding:4px;
}
/*holds page content area*/
#content {
	float:right;
	width:780px;
	padding-top:5px;
	margin-bottom:10px;
	}
#cse {
	margin-top:20px;
	margin-left:15px;
	width:200px;
	}
/*#cse-search-box {
	width:100%;
	}*/
#cse-search-form {
	margin:20px auto;
	width:75%;
}
/*search box in navigation*/
#cse-search-box {
	padding-left:2px;
	margin-bottom:4px;
}
/*search results page*/
#cse-search-results {
	margin:10px;
}
/*error message box on contact form*/
#error {
	margin-left:20px;
	width:90%;
	color:#003;
	font-weight:bold;
	background:#CCFFFF;
	padding-top:5px;
	padding-bottom:5px;
}
/*clears floats of divs above it*/
#clear {
	clear:both;
}
/*holds copyright and location info*/
#footer {
	clear: both;  
	margin: 0 auto;
	padding-top:10px;
	padding-bottom:10px;
	width:960px;
	text-align:center;
	background:url(tmm_trans_white.png) repeat;
	}	
/*proof page styles*/
#proofTop, #proofBottom {
	margin:0;
	float:left;
	width:100%;
	text-align:center;
	background:#9FF;
}
#proofBottom {
	margin-top:10px;
}
#proofTop p {
	margin:10px 0;
	font-size:105%;
	font-weight:bold;
	color:#06F;
}
#proofBottom p {
	margin:10px 0;
	font-weight:bold;
}
/******class styles******/
img.doctors {
	float:left;
border:1px solid #096;
margin:10px 15px 10px 20px;
}
/*image styles for small provider photos on main providers' page*/
img.doctors2 {
	display:block;
		float:left;
border:1px solid #096;
margin:5px 10px 15px 15px;
}
/*sets color and font-weight on emergency line on contact form, also for warning text*/
.emergency, .warning {
	color:#C00;
	font-weight:bold;
}
.new {
	color:#C00;
	font-weight:bold;
	font-size: 120%;
	font-style:italic;
}
/*sets styles for required text on forms*/
.required {
	color:#000;
	font-weight:bold;
}
.small {
	font-size:80%;
}
hr {color:#6CF; background-color:#6cf;height:1px;border:none;}

img.floatLeft {
	float:left;
	margin: 10px 10px 0 0px;
}
