body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif; 
     background: #D7DFE9; 
     margin: 0; 
     padding: 0;
     text-align: center; 
	/*behavior:url("csshover.htc");*/
}

#holder {
     background: #fff; 
     margin: 0 auto; 
     padding: 0 0px; 
     width: 780px; 
     text-align: left; 
     position: relative; 
	  overflow: auto;
/*border: 1px solid fuchsia;*/
}

#skipnav {
	position: absolute; 
	top: 0; 
	left: 0; 
	margin-left: -1000px; 
	}

#header {
	background: url(images/sfp_header.jpg) no-repeat;
	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; 
	padding: 0;
	margin-bottom: 0px;
   /*border: 1px solid #7CFC00;*/
}
#addressBox{
	width: 350px;
	height: 7em;
	position: relative;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	top: 100px;
	left: 20px;
	
}
#header #addressBox p{
	text-align: center;
	font-family: Verdana, Arial;
}


#header h1 {
	font-size: 1.4em; 
	color: #BF9E60;
	padding: 65px 2px 5px 248px; 
	margin: 0;
	font-weight: normal; 
}

#header p {
	text-align: right; 
	font-size: .8em;
	letter-spacing: .06em; 
	line-height: 145%;
	float: right;
}
#header a:link, #header a:visited { 
	color: #FFD080;
	text-decoration: none;
}
#header a:hover, #header a:active, #header a:focus { 
	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 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;
}

hr{
	clear: right;
	margin: .5em 0;
}

hr.clearLast{
	clear:both;
}

.ourDocs, .location, .insurance, .ptEd, .appointmt, .services, .emergencies, .resources, .feedback{
	/*background: url(images/sfp_hdr_dr.jpg) no-repeat; */
	height: 152px;
}

#content {
	margin: 10px 20px 0 210px;
	padding-bottom: 15px;
	overflow: auto;
	min-height: 350px;
	/*border: 1px dotted blue;*/
}


#content h1{
	font: bold 1.25em  Verdana, Arial, Helvetica, sans-serif;
	color: #0c255e;
	margin: 0px;
	/*font-variant: small-caps;*/
	/*text-align: center;*/
}

#subContent h1{
	font: bold 1.25em  Verdana, Arial, Helvetica, sans-serif;
	color: #0c255e;
	margin: 0;
	padding-bottom: .5em;
}

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


#content h4 {
	font-size: 1.10em;
}
#content p {
	color: #333333;
	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 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;
	
	}
	
#content a:hover, #content a:active, #content a:focus {
	color: #450c5e;
}

#shoDocs{
	margin-top: 30px;
	position: relative;
/*	margin-left: 3px;*/
	width: 460px;
	/*height: 354px;*/
	z-index: 100;
	/*border: 1px dashed orange;*/
}
div#shoDocs a img {
/*div#sidebar a img {*/
	height: 0px;
	width: 0px;
	border-width: 0px;
}
div#shoDocs a:hover img{
	position: absolute;
	top: 0px;
	left: 276px;
	height: 125px;
	width: 95px;
}
div#shoDocs a {
/*div#sidebar a*/
	display: block;
	text-align: left;
	/*font:  100% Verdana, Arial, Helvetica, sans-serif;*/
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	text-decoration: none;
	color: #333;
	background: transparent;
	}

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



#subContent {
	margin: 10px 20px 0 210px; 
	padding-bottom: 15px;
	overflow: auto;
	min-height: 350px;
/*border: 1px dotted red;*/
}


#subContent h2, #subContent h3, #subContent h4 {
	font: bold 1.00em  Verdana, Arial, Helvetica, sans-serif;
	color: #191970;
	margin: 10px 0 5px 0;
}

#subContent h4 {
	font-size: 1.10em;
}
#subContent p {
	color: #333333;
	font: .75em/130% Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 10px 0px 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;
	line-height: 1.5em;
}
#subContent ul ul{
	margin: .5em 0;
}


#subContent ul ul li{
	font-size: 120%;
	line-height: 1em;
	list-style: disc;
}

#subContent .link { 
	font: 1.25em "Gill Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#subContent a:link, #subContent a:visited {
	color: #7e4214;
	/*text-decoration: none;*/
}
#subContent a:hover, #subContent a:active, #subContent a:focus {
	text-decoration: underline;
}
#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 10px 0px;
	
}
#subContent .drName{
	font: 1.5em "Times New Roman", Times, serif;
	color: #000171;
	padding-right: 1px;
	padding-bottom: 0px;
}

#sidebar p.privacy a{
	text-decoration: underline;
}

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


#sidebar {
	background: transparent;
	float: left; 
	
	width: 180px; 
	/*height: 357px;*/
	margin: 10px 0px 10px 5px;
	padding-left: 0px;
	padding-top: 5px;
	/*margin-top: 10px;*/ 
/*border: 1px dashed purple;*/
}
#sidebar p.survey{
	font-size: 80%;
}

#sidebar p a:link, #sidebar p a:visited, #sidebar p a:active{
	font-size: 75%;
	color: #455560;
	text-align: center;
	margin: 3px 0 0 0;
	padding: 0;
}
#sidebar p a:hover{
	color: #900a0a;
}


#sidebar a img {
	/*height: 0px;
	width: 0px;*/
	border: none;
}


/*div#subNav a:hover img{*/
/*#sidebar a:hover img{
	position: absolute;
	top: 225px;
	left: 82px;
	height: 225px;
	width: 110px;
	border: 1px solid red;
}*/
/*div#subNav a {*/
div#sidebar a{
	display: block;
	text-align: left;
	font: bold 75% Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	margin: 0px;
	border-width: 0px;
	text-decoration: none;
	color: #455560;
	background: transparent;
	}

/*div#subNav a:hover {*/
div#sidebar 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; 
	/*background: #FECF80 url(images/sidehead.jpg) repeat-y;*/ 
	padding: 1px 5px 2px; 
	margin: 0 0 5px 20px; 
}
ul#nav {
	padding: 0;  
	margin: 0;
	list-style: none;  
}

#nav li {
	/*background: url(images/menu_button.gif) no-repeat;*/
	/*background: #D7DFE9;*/
	padding-left: 0px;  
	margin-left: 5px;  
	font: .9em/110% Verdana, Arial, Helvetica, sans-serif;
	
	}


#nav li a:link, #nav li a:visited {
	display: block;  
	background: transparent url(images/menu_button.gif);
	color: #181866; /* 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_button_ovr.gif) no-repeat;  /*the button background changes on hover and focus to the page background color */
	color: #fff; 
	/*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 */
	clear:both;
}
#pagebott {
	background: url(images/sfp_footer.jpg) repeat-y; 
	width: 780px; 
	height: 56px;
	margin: 0 auto; 
}
#pagebott p {
	margin: 0;
	text-align: center; 
	font-size: 0.65em; 
	color: #fff; 
	padding: 22px 5px 5px 5px; 
	letter-spacing: .06em; 
}
/* 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; 
} 

#suggest{
background: url(images/pen.gif) no-repeat;
height: 60px;
margin-top: 5px;
border: 1px solid #fff;
}
#suggest p{
	margin: 20px 0 0 45px;
}

#hospAff{
	font-size: 90%;
	margin: 10px 10px 10px 0px; /*adjust to fit design */
	background: #b9bdd8; /*customize to complement design */
	text-align: left;
	width: 180px; /*adjust to fit design */
	border: 1px solid #c0c0c0;
}
#hospAff h1{
	color: #142d66;
	font-size: 1.0em;
	text-align: center;
	border-top: 1px solid #003b77;
	border-bottom: 1px solid #003b77;
	margin: 5px 0 2px 0;
	background: #fff;
}

#hospAff ul{
	margin: 0 0 5px 0;
	list-style: none;
	padding: 0;
}
#hospAff li{
	margin: 3px 0 0 4px;
	padding: 0;
	
}
#hospAff li a{
	display: block;
	padding: 3px 0;
	font-weight: bold;
	color: #191970; /*adjust to fit design */
}
#hospAff li a:hover{
	color: #5d1a34;
	
}
/* ********** end hospital affiliation box **** */	

/* ***** IP Team Logo branding **** */
#ipBrand{
	width: 760px; /* may need to change, or remove, depending on layout */
	color: #6b2d44; /* 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;
	padding-left: .5em;
}
/* end branding */