body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif; 
     background: #ffebcd; 
     margin: 0; 
     padding: 0;
     text-align: center; 
	/*behavior:url("csshover.htc");*/
}
#container{
	background: url(images/pageBg.gif) repeat-y;
	width: 800px;
	margin: 0 auto;
}

#holder {
     background: #fff; /* this creates the two column, drop shadowed background. It will go from top to bottom making both columns appear to be the same length no matter which is longer. */
     margin: 0 auto; /* this centers the overall design */
     padding: 0 0px; /* the left and right padding keeps the content back from the drop shadows (they are 10px each). */
     width: 780px; /* 20px less than actual width due to padding above */
     text-align: left; /* corrects the above text-align: center; for those browsers that need it */
     position: relative; /* this gives the div positioning so that an absolutely positioned div (AP Div) can be placed within it. Otherwise, the AP Div would be placed relative to the body element (or the last positioned parent element). */
/*border: 1px solid fuchsia;*/
}


#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, or barring that, the body. Also removes it from the flow, so it will not push down the header image. */
	top: 0; /* Places the div at the top of body. */
	left: 0; /* Places the div at the left side of body. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}

#header {
	background: url(images/memorialneuro_hdr3.jpg);
	height: 246px; /* the actual height desired is 155px. But height and padding (and borders if they were used) must add up to the final desired number */
	padding: 0; /* this padding keeps the home and contact links away from the top of the browser window */
	margin-bottom: 0;
  /*border: 1px solid #7CFC00;*/
	
}
#header h1 {
	font-size: 1.4em; /* sets the font size of the heading (tagline) */ 
	color: #BF9E60;
	padding: 65px 2px 5px 248px; /* keeps the tagline placed where desired. --- these padding values, if using sIFR, must be mirrored (exactly the same) in the replacement call in the document */
	margin: 0;
	font-weight: normal; /* a styling choice */
}

#header p {
	text-align: left; /* aligns the home and contact links on the right side */
	font-size: .8em;
	letter-spacing: .06em; /*may need to remove if it causes quirkiness */
	line-height: 145%;
	color: #fff;
	/*float: right;*/
}
#header a:link, #header a:visited { /* sets the styling of the links in the header */
	color: #FFD080;
	text-decoration: none;
}
#header a:hover, #header a:active, #header a:focus { /* sets the hover styling */
	text-decoration: underline;
}

#addyBox {
	position: absolute;
	top: 160px;
	left: 15px;
	color: #333;
	font-size: 90%;
	font-weight: bolder;
	padding: 0;
	height: 1.5em;
	
/*border: 1px dashed green;*/
}
/*#inrHeader {
	background: transparent url(images/sfp_hdrtop.jpg);  creates the vertically repeating background for the top section 
	font-family: "Gill Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  sets the font-family for both the links and the header within this div 
	height: 93px;  the actual height desired is 155px. But height and padding (and borders if they were used) must add up to the final desired number 
	padding-top: 0px;  this padding keeps the home and contact links away from the top of the browser window 
	padding-right: 0px;  this padding keeps the home and contact links away from the right side of the browser window 
	padding-left: 0px;
	margin-bottom: 0px;
   border: 1px solid #7CFC00;
}*/

/*#inrHeader img{
	display: block;
}*/

#subHdr{
	position: relative;
	top: 0px;
	height: 152px;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid red;*/
}

.pHeading{
	text-decoration: underline;
	padding-right: 7px;
}

img{
	border: 0px;
}

#content {
	margin: 10px 20px 0 210px; /* this carves out the space for the navigation and creates the proper content area */
	padding-bottom: 5px;
	/*border: 1px dotted blue;*/
}
/* The following selector will be shown only to IE */

#content h1{
	font-weight: bold;
	font-size: 1.25em;
	color: #333;
	width: 500px;
	/*margin: 0 auto;*/
	/*font-variant: small-caps;*/
	text-align: left;
	text-decoration: underline;
}

#content h2, #content h3, #content h4 {
	font-weight: bold;
	margin: 10px 0 5px 0px;
}
#content h2{
	font-size: 1.0em;
	color: #003c24;
	background: #ffe7a6;
	padding: 2px 0;
}

#content h3{
	font-size: .80em;
	color: #003c24;
}

#content h4 {
	font-size: 1.10em;
	color: #bf9e60;
}
#content p {
	color: #333333;
	font-size: .75em;
	line-height: 130%;
	margin: 5px 0px;
}

#content ul, #content ol{
	color: #333;
	font-size: .80em;
}

#content ul li, #content ol li{
	margin-bottom: 5px;
}
.services{
	list-style: none;
}
.services li{
	display: inline;
}

#content ol li{
	margin-left: -15px;
}
#content a:link, #content a:visited {
	color: #191970;
	text-decoration: none;
}
#content a:hover, #content a:active, #content a:focus {
	text-decoration: underline;
}

.drQuals{
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	
}
.drQuals li{
	background: url(images/bullet.gif) 0 15% no-repeat; 
	padding-left: 20px;
	
}


#subContent {
	margin: 10px 20px 0 210px; /* this carves out the space for the navigation and creates the proper content area */
	padding-bottom: 5px;
/*border: 1px dotted red;*/
}


.banner{
	border: none;
	margin-bottom: 5px;
	margin-left: 60px;
}

/* The following selectors control the sidebar/navigational area */
#sidebar {
	background: transparent;
	float: left; /* the navigation is floated to the left so that it can be any length. If it were an AP Div, it would be "out of the flow" of the document and could flow off the bottom edge of the page */
	width: 180px; 
	margin: 10px 0px 10px 5px;
	padding-left: 0px;
	padding-top: 5px;
	text-align: center;
	/*margin-top: 10px;*/ /* this aligns the beginning of the sidebar content with the main content div */
/*border: 1px dashed purple;*/
}

#sidebar .notice a{
	font-size: 70%;
	font-weight: normal;
	color: #000171;
	text-align: center;
}



/*div#sidebar a img {
	height: 0px;
	width: 0px;
	border-width: 0px;
}*/
/*div#subNav a:hover img{*/
/*div#sidebar a:hover img{
	position: absolute;
	top: 225px;
	left: 82px;
	height: 225px;
	width: 110px;
}*/
/*div#subNav a {*/
/*div#sidebar a{
	display: block;
	text-align: left;
	font-weight: bold;
	font-size: 75%;
	padding: 5px;
	margin: 0px;
	border-width: 0px;
	text-decoration: none;
	color: #000171;
	background: transparent;
	}*/


/*div#sidebar a:hover{
	color: #900a0a;
	text-decoration: underline;
	background: #fff;
}*/

/* the following selectors create the button look using an unordered list */
ul#nav {
	padding: 0;  /*begins with the usual zeroing of padding and margin to create a level playing field */
	margin: 0;
	list-style: none;  /*removes the list marker from the navigation */
	text-align: left;
}

#nav li {
	padding-left: 0px;  /*width of the little icons */
	margin-left: 5px;  /*clears the left side evenly all the way down */
	
}

/* the below styles the button area next to the icon */
#nav li a:link, #nav li a:visited {
	display: block;  /*this makes the A element clickable all the way across (not just on the words) */
	background: transparent url(images/button.gif);
	color: #363636; /* this is the text color */
	font-weight: bold;  /*makes the links appear bolded */
	text-decoration: none;  /*this gets rid of the underlines */
	margin: 2px 0 4px 0px;  /*this creates the space OUTSIDE each button */
	height: 1.25em 26px; /*the icons are 23px tall. We want these buttons to match that. So add the height, plus the top and bottom padding, PLUS the top and bottom border. The final amount should total 23px */
	padding: 3px 2px 9px 35px;  /*the padding creates the area WITHIN the button and keeps the text away from the borders */
	font-size: 70%;
	
	}
	
#nav li a:hover, #nav li a:active{
	background: url(images/button_ovr.gif) no-repeat;  /*the button background changes on hover and focus to the page background color */
	color: #003e01; /*for contrast, the text color changes to white */
	/*border-top: 1px solid #BF9E60;*/  /*Since the light is coming from the top left, when the button is depressed, the light would hit the right and bottom borders. They've been changed to the light color. The top border has been darkened as if shadowed */
	/*border-right: 1px solid #FFD080;
	border-bottom: 1px solid #FFD080;*/
}

/* next and back buttons navigation for doctor pages */
#navBtns{
	width: 290px;
	margin: 5px auto;
	padding: 0px;
	/*border: 1px solid red;*/
}
#bottom {
	background: transparent; /* this created the black color that runs all the way across the page background */

}
#pagebott {
	background: #fff url(images/footer2b.gif) no-repeat; /* this creates the dropshadow look */
	width: 780px; /* must equal the same width as your overall #holder div to match exactly -- remember to count padding and/or borders for each as well */
	height: 54px;
	margin: 0 auto;
	/*border: 1px dotted red;*/
	
}
#pagebott p {
	margin: 0;
	text-align: left; /* center aligns the text */
	font-size: 0.65em; /* choose a font size slightly smaller than your main page for best results */
	color: #006400; /* choose a color without as much contrast as your main page so that this doesn't jump out */
	padding: 5px 5px 3px 30px; /* creates a small amount of space */
	letter-spacing: .06em; /* if this causes problems in any browsers, simply remove it */

}
#pagebott .webdev{
	padding-left: 50px;
}

/* creates the link and hover styling for the pagebott area */
/*#pagebott a:link, #pagebott a:visited {
	color: #BBA985;
	text-decoration: underline;
}
#pagebott a:hover, #pagebott a:active, #pagebott a:focus {
	color: #FFD080;
	text-decoration: none;
}
*/

/* these float styles can be used to float images with text next to them */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.brclear { /* Use a break with this class to clear float containers on both sides */ 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
.clearrt { /* Use a break with this class to clear float containers only on the right */ 
clear:right; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 

#getDirections{
	width: 300px;
	margin: 5px 0px;
}

#getDirections label{
	font-size: 80%;
}
.map{
	margin: 5px 0;
}