/* indypodiatrist.com css*/

@charset "utf-8";
body, html  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color:#2E4165;
}


h1 {
	font-size:18px;
	padding-left: 18px; 
	padding-bottom:5px;
}
h2 {
	font-size:15px;
	padding-left:18px;
	
	
}
h3 {
	font-size:16px;
	color:#900;
	
}
h1,h2 {
	margin:0;
}

h1,h2,h3,h4,h5,h6,strong {
	font-weight:bold; 
}

h5{
	font-size:14px;
	font-weight:bold;
    line-height: 18px;
    margin:.5em 0 .5em 0;
	
}

.addthis{
	padding-left: 500px;
	
	}
.blue{
	color:#36568B;
	font-weight:bold;
	}
.photo{
	padding-right:1em;
	}

#container { 
	width: 940px;  
	background: #ffffff; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
 #header { 
	height:137px; 
	padding:0;
	margin:0;
	position: relative;
}

select#what-hurts {
	width: 190px;
	position: absolute;
	bottom: 8px;
	right: 120px;
}


select#what-hurts :hover {
	background-color: #2e4165;
}

#header select#what-hurts {
	position: absolute;
	bottom: 15px;
	right: 10px;
}

#header_rt { 
	background-image:url(../images/head_top_rt.jpg);
	background-repeat:no-repeat;
	float:right; 
	
}
 #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	
}
 #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 212px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-image:url(../images/side_nav.jpg);
	background-repeat:repeat-y;

	
}

.dropdown{
	color: #FFF;
	background-color: #900;	
}

.dropdown :hover{
	color: #FFF;
	background-color: #900;	
}

#message{
	background-image:url(../images/home_helms_message.gif);
	background-repeat:no-repeat;
	float:left;
	width:333px;
	height:396px;
	}
	
.messagebody{
	
	padding:80px 35px 0px 20px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#7A1010;
	line-height:120%;
	}	
	
	
	#message a {
	color:#36568B;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	text-decoration:underline;
	
	}
	
	#message a:hover {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	text-decoration:underline;
	
	}

#contact{
	background-image: url(../images/contact_back.gif);
	background-repeat:no-repeat;
	float:left;
	width:211px;
	height:191px;
	
	
	}

ol.wide li { margin: 10px 0px; }
	
.large{
	font-size:18px;
	line-height:16px;
	font-family:Arial, Helvetica, san-serif;
	color:#003366;
	line-height:27px;
	padding: 0 0 0 30px;
	
	
	
	}

.medium{
	font-size:12px;
	font-family:Arial, Helvetica, san-serif;
	color:#003366;
	padding-left:25px;
	padding-bottom:0px;
	
	}



 #mainContent { 
	margin:0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	float:right;
	background-color:#FFF;
	vertical-align:top;
	width:705px;
	padding-left:23px;
	padding-bottom:30px;
	
}

  #mainContent p {
	  padding: 0 35px 5px 18px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	  
	  }
	  
	   #mainContent a {
		  color:#840000;
		  text-decoration:underline;
	  }
	  
	  
	   #mainContent a:hover {
	color:#999;
	text-decoration:underline;
		  }
	  
	  
	#mainContent ul li{
	color: 000;
	list-style-type: disc;
	margin:0;
	padding-right:35px;
	line-height:17px;
	
  }	  
  
  
  #mainContent ol li{
	color: 000;
	margin:0;
	padding-right:35px;
	line-height:17px;
	
  }	  
	  
 #homeMain { 
	margin:0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	float:left;
	background-color:#FFF;
	
	vertical-align:top;
	width:395px;
	height:491px;
	
	
}

  #homeMain p {
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
	  padding: 0px 8px 0px 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	  
	  }	  



#homeMain a {
		  color:#840000;
		  text-decoration:underline;
	  }
	  
	  
	  #homeMain a:hover {
	color:#999;
	text-decoration:underline;
		  }
	  
.services td {
	font:Arial, Helvetica, sans-serif;
	color:#006;
	font-size:11px;
	padding-left:22px;
	}
	
#list {
	font-family: Arial, Helvetica, sans-serif;
	
	}	
	
	
	#list a {
	color:#36568B;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	text-decoration:underline;
	
	}
	
	#list a:hover {
	color:#ccc;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	text-decoration:underline;
	
	}
	
	

#listcontainer{
	padding-right:35px;
	line-height:17px;
	}
	  
#listcontainer ul li{
	color: 000;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: disc;
	margin:0;
	
  }	  




.menu {font-family: Arial, Helvetica, san-serif; width:211px; position:relative; margin:0; font-size:13px; font-weight: bold; padding-top:10px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; font-weight: bold; color:#000; width:184px; height:28px; text-align:justified; border-bottom:1px solid #666; border-width:0 0 1px 0; background:#e6e9ee; line-height:30px; font-size:13px; padding-left:23px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#2e4165;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:210px; width:211px;}
.menu ul li:hover ul li a.hide {background:#e6e9ee; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:211px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#b5bed1; color:#000; width:155px; border:1px solid #2e4165; border-width:0 0 1px 1px;}
.menu ul li:hover ul li a:hover {background:#2e4165; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:211px; background:#2e4165; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#2e4165; color:#fff;}


#footer { 
	padding: 0 10px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height:43px;
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
	clear:both;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 20px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#FFF;
	text-align:center;
	
}

#footer a {
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}

#footer a:link {
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}

#footer a:hover {
font-size:11px;
color:#FFFFFF;
text-decoration:underline;
}




.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
      
}