body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif; /* this sets the overall font size and family overriding an older Opera bug */
     background: #D1D4C8; /* this creates the overall color. The drop shadowed image is placed in the #holder div */
     margin: 0; /* zeroing the margin and padding allows all browsers to start from the same place since defaults are different. */
     padding: 0;
     text-align: center; /* corrects a bug in early IE browsers allowing the overall design to center. */
	/*behavior:url("csshover.htc");*/
}

#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/sfp_header.jpg) no-repeat;*/ /* 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: 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;
	margin-bottom: 0px;
  /* 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: right; /* 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%;
	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;
}

#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 {
	/*background: transparent;*/
	padding-top: 0px;
	padding-left: 0px;
	height: 93px; 
	/*border: 1px dashed green;*/
}

#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;
}
/* headers for each inner page section */
/*.aboutUs{
	background: 
}*/
.ourDocs, .location, .insurance, .ptEd, .appointmt, .services, .emergencies, .resources{
	/*background: url(images/sfp_hdr_dr.jpg) no-repeat; */
	height: 152px;
}
#subContent .ptList{
	list-style: disc;
	list-style-position: inside;
}

#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 selectors are styling for the content div's headings, paragraphs and links. If sIFR is used for the headings, make sure any padded added to these selectors is also added to the sIFR replacement calls in the body. */
#content h1{
	font: bold 1.25em  Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	/*font-variant: small-caps;*/
	text-align: center;
}

#content h2, #content h3, #content h4 {
	font: bold 1.00em  Verdana, Arial, Helvetica, sans-serif;
	color: #364415;
	margin: 15px 0px;
}

#content h4 {
	font-size: 1.10em;
}
#content p {
	color: #333;
	font: .75em/130% Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0px;
}

#content .subPg{
	color: #333;
	font: normal .90em/135% Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0px;
}
#content ul{
	color: #333;
	font: normal .90em/135% Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
}

#content .disklist {
	list-style: disc;
	font-size: .80em;
}

#content ul li{
	margin-bottom: 5px;
}

#content .link { 
	font: 1.25em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content a:link, #content a:visited {
	color: #191970;
	/*text-decoration: none;*/
}
#content a:hover, #content a:active, #content a:focus {
	text-decoration: underline;
}


#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;*/
}

/* The following selectors are styling for the content div's headings, paragraphs and links. If sIFR is used for the headings, make sure any padded added to these selectors is also added to the sIFR replacement calls in the body. */
#subContent h1 {
	font: bold 1.15em  Verdana, Arial, Helvetica, sans-serif;
	color: #364415;
	margin: 10px 0px;
}
#subContent h2, #subContent h3, #subContent h4 {
	font: bold 1.00em  Verdana, Arial, Helvetica, sans-serif;
	color: #6A0C24;
	margin: 10px 0px;
}
#subContent h3{
	font-size: .90em;
	color: #435915;
}


#subContent h4 {
	font-size: .80em;
}
#subContent p {
	color: #333;
	font: .75em/130% Verdana, Arial, Helvetica, sans-serif;
	margin: 3px 10px 10px 0px;
	}

#subContent .subPg{
	color: #333;
	font: normal .90em/135% Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0px;
}
#subContent ul{
	color: #333;
	font: normal .90em/135% Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
}

#subContent ul li{
	margin-bottom: 5px;
}


#subContent .link { /* creates the larger Learn More link at the bottom of the page */
	font: 1.25em "Gill Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#subContent a:link, #subContent a:visited {
	color: #5c1832;
	/*text-decoration: none;*/
}
#subContent a:hover, #subContent a:active, #subContent a:focus {
	text-decoration: underline;
	color: #000;
}
#subContent ul, #shoDocs ul{
	color: #333;
	font: normal .80em/110% Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
}

#subContent ul li, #shoDocs ul li{
	margin-bottom: 5px;
}
#subContent .drPic{
	float: left;
	padding:5px 10px 5px 0px;
	
}
#subContent .drName{
	font: 1.25em "Times New Roman", Times, serif;
	color: #5c1832;
	padding-right: 1px;
	padding-bottom: 0px;
}


.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 */
	/*position: relative;*/
	width: 180px; /* must have a width value */
	/*height: 357px;*/
	margin: 10px 0px 10px 5px;
	padding: 5px 0 0 5px;
	
/*border: 1px dashed purple;*/
}
/*#subNav{
	margin-top: 30px;
	position: relative;
	width: 190px;
	height: 454px;
	z-index: 100;
	border: 1px dashed red;
}*/
/*div#subNav a img {*/
#nav a img {
	height: 0px;
	width: 0px;
	border-width: 0px;
}
/*div#subNav a:hover img{*/
#nav a:hover img{
	position: absolute;
	top: 225px;
	left: 82px;
	height: 225px;
	width: 110px;
}
/*div#subNav a {*/
#nav a{
	display: block;
	text-align: left;
	font: bold 75% Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 5px;
	margin: 0px;
	border-width: 0px;
	text-decoration: none;
	color: #455560;
	background: transparent;
	}

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


#sidebar h2 {
	font: normal 1.2em "Gill Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; /* sets the weight, font-family and size */
	color: #fff; /* text color of the headings */
	/*background: #FECF80 url(images/sidehead.jpg) repeat-y;*/ /* This creates the gradient background of the heading */
	padding: 1px 5px 2px; /* this keeps the text away from the inner edges of the box we've created. These values MUST be mirrored in your sIFR replacement calls in the body */
	margin: 0 0 5px 20px; /* this controls the outer edge placement which keeps the heading box away from other elements */
}
/*#sidebar p, #sidebar p a{
	text-align: center;
}
*/

#sidebar h2.spanish{
	color: #6a0c24;
	margin-left: 5px;
	border: 1px dashed #435915;
}

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 */
}

#nav li {
	/*background: url(images/menu_button.gif) no-repeat;*/
	/*background: #D7DFE9;*/
	padding-left: 0px;  /*width of the little icons */
	margin-left: 5px;  /*clears the left side evenly all the way down */
	font: .9em/110% Verdana, Arial, Helvetica, sans-serif;
	
	}

/* 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/menu_buttonIM2.gif) no-repeat;
	color: #000; /* 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 2px 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 5px 35px;  /*the padding creates the area WITHIN the button and keeps the text away from the borders */
	/*border-top: 1px solid #FFD080; */ /* since the light in the logo appears to be coming from the top left, we've used a light top color and a darker bottom and right color */
	/*border-right: 1px solid #BF9E60;
	border-bottom: 1px solid #BF9E60;*/
	}
	

#nav li a:hover, #nav li a:active, #nav li a:focus {
	background: url(images/menu_buttonIM2_ovr.gif) no-repeat;  /*the button background changes on hover and focus to the page background color */
	color: #003500; /*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: url(images/footer.gif) repeat-y; /* 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: 56px;
	margin: 0 auto; /* this centers it like the main holder above it */
}
#pagebott p {
	margin: 0;
	text-align: center; /* center aligns the text */
	font-size: 0.65em; /* choose a font size slightly smaller than your main page for best results */
	color: #fff; /* choose a color without as much contrast as your main page so that this doesn't jump out */
	padding: 30px 5px 5px 5px; /* creates a small amount of space */
	letter-spacing: .06em; /* if this causes problems in any browsers, simply remove it */
}
/* 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;
}

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

#getDirections table {
font-size:90%;
}
/* 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: 15px;
}
.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; 
} 

#content p.announce{
	color:#5c1832;
	font: bolder italic 1.35em Arial, Helvetica, Verdana, sans-serif; 
	border-top: 2px solid #435915;
	border-bottom: 2px solid #435915;
	padding: 5px 0px;
	text-align: center;
	}


.addressHome{
	position: absolute;
	display: inline;
	font-style: normal;
	font-size: 70%;
	text-align: center;
	color:#000;
	top: 193px;
	left: 70px;
}
.addressInterior{
	position: absolute;
	display: inline;
	font-style: normal;
	font-size: 70%;
	text-align: right;
	color:#fff;
	top: 10px;
	right: 10px;
}
/* ***** IP Team Logo branding **** */
#ipBrand{
	width: 780px; /* may need to change, or remove, depending on layout */
	color: #7C455A; /* adjust as needed for layout */
	font-size: 70%; /*may need to change depending on layout */
	text-align: right;
	margin: 0 auto; /* adjust as needed depending on layout */
	padding: 1px 0 0 0; /*prevents margin-collapse */
	height: 52px;
	/*border: 1px solid red;*/
}

.ipLogo{
	float: right;
	padding-right: 15px;
}
/* end branding */

/*Hospital Affiliations box for left side - adjust colors to suit design as needed */
#hospAff{
	font-size: 70%;
	margin: 10px 10px 10px 6px; /*adjust to fit design */
	background: #B2B89C; /*customize to complement design */
	text-align: left;
	width: 170px; /*adjust to fit design */
	border: 1px solid #5C1832;
}
#hospAff h1{
	color: #2E3124;
	font-size: 1em;
	text-align: center;
	border-top: 1px solid #5C1832;
	border-bottom: 1px solid #5C1832;
	margin: 7px 0 7px 0;
	background: #fff;
}
#hospAff ul{
	margin: 0 0 5px 0;
	list-style: none;
	padding: 0;
}
#hospAff li{
	margin: 3px 0 0 0;
	padding: 0;
	
}
#hospAff li a{
	display: block;
/*	padding: 3px 0;*/
	font-weight: bold;
	font-size: .9em;
	text-align: center;
	color: #292A1C; /*adjust to fit design */
}
#hospAff li a:hover{
	color: #5C1832;
}
/* ********** end hospital affiliation box **** */
/* --- privacy notice code ---- */

#content.privacy h1{
	font-size: 1em;
	
}
#content.privacy h2, #content.privacy h3{
	display: inline;
	font-weight: bold;
	border-bottom: 3px solid #444a7e; /*change to fit design */
	font-size: 90%;  /*change to fit design */
	color: #444a7e;  /*change to fit design */
	margin: 10px 0 5px 0;
}

#content.privacy h3{
	display: block;
	border: none;
	font-size: .90em;
}

#sidebar p.notice {
font-size:80%;
text-align: center;
color: #000;
font-weight: bold;
}

#sidebar p.notice a{
	color: #000;
}

#sidebar p.notice a:hover {
color:#5c1832;
}