body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif; /* this sets the overall font size and family overriding an older Opera bug */
     background: #fff; /* 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");*/
}
#container{
	margin: 0 auto;
	padding: 0;
}

#wrapper {
     background: url(images/content_bg.gif) repeat-y; 
     margin: 0 auto; /* this centers the overall design */
     padding: 0; 
     width: 781px; 
     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 {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* sets the font-family for both the links and the header within this div */
	width: 760px;
	height: 231px; /* 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: 0 auto;
	 /*border: 1px solid #7CFC00;*/
}

.addressbox {
	position: absolute;
	text-align: center;
	font-size: 70%;
	font-weight: normal; 
	color: #696969;
	top: 190px;
	right: 35px;
	margin: 0;
	padding: 0;
}
.redtext {
	color: #BB0047;
	font-weight: bold;
}
.headerTagline {
	position: absolute;
	font: bold 1em/normal "Times New Roman" serif;
	text-align: left;
	color: #BB0047;
	top: 165px;
	left: 35px;
	margin: 0;
	padding: 0;

}

.docpics {
	position: absolute;
	top: 15px;
	right: 65px;
	margin: 0;
	padding: 0;
}

.pHeading{
	text-decoration: underline;
	padding-right: 7px;
}
#content .specialty{
	font: bold .80em Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	background: #e6ebec;
}

img{
	border: 0px;
}


#content {
	/*background: url(images/phgjw_contentBG.gif) repeat-y; */
	margin: 10px 0px 25px 210px; /* this carves out the space for the navigation and creates the proper content area */
	padding: 5px 0px 0 22px;
	min-height: 350px;
	width: 525px;
	/*border: 1px dotted blue;*/
}

#content h1 {
	padding: 0;
	margin-left: 10px;
	font-weight: bold;
	font-size: 1.10em;
	color: #BB0047;
	text-align: left;
}

#content h2, #content h4, #content h3  {
	color: #FBB863;
	margin: 10px 0px 6px 10px;
}
#content h4, #content h3 {
	font-size: 75%;
	color: #f49d55;
}

#content h2{
	color: #f49d55;
	font-weight: bold;
	font-size: 95%;
}

#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: #004183;
	/*text-decoration: none;*/
}
#content a:hover, #content a:active, #content a:focus {
	text-decoration: underline;
}

.visitType{
	font-weight: bold;
	color: #bb0047;
}

.notes{
	font-style: italic;
	font-weight: bold;
	color: #BB0047;
}
.notice{
	font-size: 70%;
	text-align: center;
}


#content 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/check.gif) no-repeat;
	padding-left: 25px;
}

/* The following selectors control the sidebar/navigational area */
#sidebar {
	background: #fefaee;
	float: left;
	width: 165px; /* must have a width value */
	margin-left: 25px;
	padding: 0px;
	border-left: 1px solid #dfca93;
	border-right: 1px solid #dfca93;
	border-bottom: 1px solid #dfca93;
/*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: 20px;
	padding: 7px 0 2px 0;
	margin: 0;
	font: 75%/100% Verdana, Arial, Helvetica, sans-serif;
	color: #0064B2;
	/*border: 1px solid magenta;*/
	}

/* 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) */
	height: 20px;
	color: #BB0047; /* this is the text color */
	font-weight: normal; 
	text-decoration: none; 
	margin: 0; /*this creates the space OUTSIDE each button */
	padding: 7px 0 2px 7px; /*the padding creates the area WITHIN the button and keeps the text away from the borders */
	border-bottom: 1px dashed #E0CB96;
}

#nav li a:hover, #nav li a:active, #nav li a:focus {
	background: #BB0047;
	font-weight: bold;
	color: #fff; /*for contrast, the text color changes to white */
	height: 20px;
	padding: 7px 0 2px 7px;
}

#bottom {
	background: url(images/content_bg.gif) repeat-y;
   margin: 0 auto; /* this centers the overall design */
   padding: 0; 
   width: 781px;
   clear: both;
}

#pagebott {
	background: url(images/ftr_bg.gif);
	border: 1px solid #dfca93;
	width: 759px; /* 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: 40px;
	margin: 0 auto; /* this centers it like the main holder above it */
	padding: 0;
}

#pagebott p {
	margin: 0 auto;
	width: 750px;
	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: #696969; /* choose a color without as much contrast as your main page so that this doesn't jump out */
	padding: 5px 5px 0 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-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	padding: 0;
}
.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; 
} 

hr{
	/*clear:both;*/
	text-align: center;
	
}

.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;
}
.getDirections{
	margin: 10px auto;
	padding: 0;
	width: 300px;
}
#mapform{
	margin: 5px 0px 5px 10px;;
	/*font-size: 80%;*/
	width: 160px;
}


/* ***** IP Team Logo branding **** */
#ipBrand{
	width: 760px; /* may need to change, or remove, depending on layout */
	color: #BBBBBB; /* 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: 5px 0 0 0; /*prevents margin-collapse */
	height: 52px;
	/*border: 1px solid red;*/
}

.ipLogo{
	float: right;
	padding-right: 15px;
	padding-left: 5px;
}
/* end branding */

/*Hospital Affiliations box for left side - adjust colors to suit design as needed */
#hospAff{
 font-size: 70%;
 margin: 25px 5px 10px 5px; /*adjust to fit design */
 background: #BB0047; /*customize to complement design */
 text-align: left;
 width: 145px; /*adjust to fit design */
 border: 1px solid #D9BE77; /*adjust to fit design */
}



#hospAff h1{
 color: #BB0047;
 font-size: 1.1em;
 text-align: center;
 border-top: 1px solid #D9BE77; /*adjust to fit design */
 border-bottom: 1px solid #D9BE77; /*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 4px;
 padding: 0;
 
}
#hospAff li a{
 display: block;
 padding: 3px 0;
 font-weight: bold;
 color: #FEFEFE; /*adjust to fit design */
}
#hospAff li a:hover{
 color: #FBF7EB;
}
/* ********** end hospital affiliation box **** */
.hourtable{
	width: 75%;
	border: 0;
	background: #fff;
	border-collapse: collapse;
	border-spacing: 2px 2px;
	font-size: 80%;
	margin-left: 12px;
	}
	
.hourtable th{
	background: #bb0047;
	text-align: center;
	font-weight: bold;
	border: 1px solid #000;
	padding: 2px;
	color: #fff;
}
.hourtable td{
	text-align: center;
	padding: 2px;
	border: 1px solid #000;
}