body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif; 
     background: #375d81;
     margin: 0; 
     padding: 0;
     text-align: center; 
}

hr {
	
	margin: 1.0em auto;
	width: 95%;
	color: #dcdcdc;
}

address {
	background:#ECEDD1;
	border-bottom:1px dashed #8E8E4D;
	border-top:1px dashed #8E8E4D;
	color:#000;
	font-size:70%;
	line-height:1.5em;
	margin:20px 0pt 6px 10px;
	padding:3px;
}

address.boxFix{
	margin-top: 30px;
}


#container {
	background: url(images/contain_bg_strip.gif) repeat-x top;
}

#wrapper {
     background: url(images/bodybg.gif); /* 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;
     width: 805px; 
     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). */
	overflow: hidden;
/*border: 1px solid fuchsia;*/
}


/* Needed to hold link to main content in compliance with Section 508, rule o. */
#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/hdr_home.jpg) no-repeat;
	width: 805px;
	height: 154px; 
	padding:0;
	margin:0;
/*	border: 1px solid #7CFC00;*/
}
#headerInterior{
	background: url(images/hdr_interior.jpg) no-repeat;
	width: 805px;
	height: 154px;
	padding:1px 0 0 0;
	margin:0;
}

#addressBox { 
	position: relative;
	text-align: right;
	width: 400px;
	top:3px;
	left: 395px;
	padding:0;
	margin:0;
/*	border: 1px solid red;*/
	color: #375D81;
	font-style: normal;
	font-size: 70%;
}

#addressBox p {
	margin: 0;
	padding:0;
}

h2.practiceType {
	/*position: absolute;*/
	text-align: center;
	
/*	float: left;*/
	margin: 80px 20px 10px 120px;
	padding:0;

	color: #688DB7;
	font-weight: bold;
	font-size: 1.1em;
/*	border: 1px dotted blue;*/
}

#content .tagLine {
	margin: 5px;
	color: #5C5A23;
	font: oblique bold 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
/*	letter-spacing: .1em;*/
}

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

img{
	border: 0px;
}

#content {
	margin: 10px 0px 10px 165px; 
	padding: 0;
	min-height: 350px;
	width: 615px;
	/*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 100%  Verdana, Arial, Helvetica, sans-serif;
	color: #395D7F;
	margin: 0px 0px 10px 10px ;
	/*font-variant: small-caps;*/
	text-align: center;
}

#content h2, #content h3, #content h4  {
	font-size: .80em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #657183;
/*	background: #F5F5F5;*/
	border-bottom: 1px dashed #D1D1D1;
	margin: 10px 0px 6px 10px;
}

#content .doctitle{
	color: #6C6B2A;
	margin: 10px 0px 6px 10px;
	padding: 5px;
	font-weight: bold;
	font-size: 85%;
/*	width: 300px;*/
	border-left: 4px solid #365C83;
	background: #F1F1F1;
}

#content p {
	color: #000;
	font: .75em/130% Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 10px;
	}

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

#content .disklist {
	list-style: disc;
	
}
#content ul li{
	margin-bottom: 5px;
}

#content .link { /* creates the larger Learn More link at the bottom of the page */
	font: 1.25em  Verdana, Arial, Helvetica, sans-serif;
}
#content a:link, #content a:visited {
	color: #1A3352;
	/*text-decoration: none;*/
}
#content a:hover, #content a:active, #content a:focus {
	text-decoration: underline;
}

#content a:visited{
	color: #39a668;
}

.notes {
	font-style: italic;
	font-weight: bold;
	color: red;
}
.privacy a:link, .privacy a:visited {
	text-align: center;
	font-size: 1em;
	color: #fff;
	font-weight:bold;
	/*text-decoration: none;*/
}

.privacy a:hover, .privacy a:active {
	font-size:1em;
	color: #3B5D82;
	text-align: center;
	background-color: #E4EBF3;
	text-decoration: underline;
	font-weight: bold;
}

#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 h2, #subContent h3, #subContent h4 {
	font: bold 1.00em  Verdana, Arial, Helvetica, sans-serif;
	color: #364415;
	margin: 10px 0px;
}

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

#content ul, #subContent ul{
	color: #000;
	font: normal .80em/135% Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
}

#chkLst li li{
	background: none;
	list-style: disc;
	font-size: 110%;
	padding-left: 10px;
}

#chkLst li{
	background: url(images/bluecheck.gif) no-repeat;
	padding: 0 0 5px 25px;
	/*border:1px solid green;*/
}

#bannerPhoto{
	position: absolute;
	top: 18px;
	right: 20px;
	border: none;
}

/* The following selectors control the sidebar/navigational area */
#sidebar {
	background: transparent;
	float: left; 
	width: 150px; /* must have a width value */
	margin: 0 0 10px 0;
	padding-left: 0px;
	padding-top: 3px;
/*border: 1px dashed purple;*/
}

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 {
	/*height: 26px*/;
	padding:0; 
	margin-left:0;  /*clears the left side evenly all the way down */
	margin-bottom:5px;
	font: 70%/100% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	/*border: 1px solid magenta;*/
	}

#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: #9BA7B4;
	color: #fff; /* this is the text color */
	font-weight: bold; 
	text-decoration: none;
	text-align: left; 
	margin: 2px 0px 0px 0px;/*this creates the space OUTSIDE each button */
	padding: 5px 0px 7px 10px;  /*the padding creates the area WITHIN the button and keeps the text away from the borders */
	height: 1.5em 33px;
	/*vertical-align: bottom;*/
	/*border: 1px solid red;*/
}
#nav li a:hover {
	background: #6A96BD; /*the button background changes on hover and focus to the page background color */
	text-align: left;
	color: #fff; /*for contrast, the text color changes to white */
	height: 1.5em 33px;
}

#nav li a.currentSel{
	background: #47607F;
	color: #fff;
}

/* the next two selectors simply create the black bottom of the page */
#bottom {
	background: #1a3352;
	width: 805px;
	height: 45px;
	margin: 0 auto;
	padding: 0;
	} /* this created the blue color that runs all the way across the page background */

#pagebott {
	background: transparent; /* this creates the dropshadow look */

	height: 2.0em;
	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: 5px; /* creates a small amount of space */
	letter-spacing: .06em; /* if this causes problems in any browsers, simply remove it */
}
.fltrt {
	float: right;
	margin-left: 8px;
	margin-top: 0;
	padding: 0px;

}
.fltlft {
	float: left;
	margin: 0 8px 0 8px;
	padding: 0;
}
.brclear { 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 

} 

.clearrt { 
clear:right; 
/*height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; */
} 

.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;
	}
	
 label{
	font-size: .80em;
}

.hosptialpic {
	border: 1px solid #008F99;
	padding: 0px;
	margin: 0px;
}

.mapimage {
	border: 2px solid #DADADA;
	padding: 0px;
	margin: 0px;
}

.gardenpic {
	float: right;
	border: 10px solid #9BA7B4;
	margin: 0 8px 10px 8px;
	padding: 0;
}

.practicepic {
	float: left;
/*	border: 5px solid #9BA7B4;*/
	margin: 0 8px 10px 8px;
	padding:0;
	
}
#content .pgmenu{
	border-top: 1px dotted #9ba7b4;
	border-bottom: 1px dotted #9ba7b4;
	margin: 7px 0 7px 10px;
	padding: 3px 0;
}


/* ***** IP Team Logo branding **** */
#ipBrand{
	width: 805px; /* may need to change, or remove, depending on layout */
	color: #b5d0e3; /* 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-top:15px; /*prevents margin-collapse */
	height: 55px;
	overflow: hidden;
	/*border: 1px solid red;*/
}

.ipLogo{
	float: right;
	padding-right: 10px;
	padding-left: 5px;
}
/* end branding */

/*Hospital Affiliations box for left side - adjust colors to suit design as needed */
#hospAff{
 font-size: 70%;
 margin: 15px 5px 10px 0; /*adjust to fit design */
 background: #E4EBF3; /*customize to complement design */
 text-align: left;
 width: 150px; /*adjust to fit design */
/* border: 1px solid #b0b91b;*/ /*adjust to fit design */
}

#hospAff h1{
 color: #375D81;
 font-size: 1.1em;
 text-align: center;
 border-top: 1px solid #6A96BD; /*adjust to fit design */
 border-bottom: 1px solid #6A96BD; /*adjust to fit design */
 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 10px;
 padding: 0;
}

#hospAff a:link, #hospAff a:visited{
display: block;
padding: 3px 0;
font-weight: normal;
text-align: left;
color: #828037; /*adjust to fit design*/
text-decoration: underline;
}

#hospAff a:hover, #hospAff a:active {
display: block;
padding: 3px 0;
font-weight: normal;
text-align: left;
color: #375B7D;
text-decoration: none;
/*background: #E3EBC7;*/
}
/* ********** end hospital affiliation box **** */

.getDirections {
margin:10px auto;
padding:0;
width:300px;
font-size: 110%;
}

#mapform {
margin:5px 0 5px 10px;
width:160px;
font-size: 80%;
}

#mapform2 {
margin:5px 0 5px 10px;
width:160px;
font-size: 80%;
}


/*--- pullquotes --*/
#content .pullQuoteR{
	background: #E2E6EB;
	color: #000166;
	font-size: 80%;
	font-weight: bold;
	width: 300px;
	/*height: 5.0em;*/
	float: right;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 10px;
	border-top: 1px solid #375D81;
	border-bottom: 1px solid #375D81;
}
#content .pullQuoteL{
	background: #E2E6EB;
	color: #000166;
	font-size: 80%;
	font-weight: bold;
	width: 300px;
	/*height: 5.0em;*/
	float: left;
	margin-bottom: 5px;
	border-top: 1px solid #375D81;
	border-bottom: 1px solid #375D81;
}

.pullQuoteR p, .pullQuoteL p{
	color: #000166;
}