body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif; /* this sets the overall font size and family overriding an older Opera bug */
     background: #f2f8fc; /* 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/contentbg.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;*/
}

/* 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/header.jpg);
	width: 760px;
	height: 186px; /* 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: right;
	font-size: 75%;
	font-weight: normal; 
	color: #0064b2;
	top: 18px;
	right: 25px;
	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 0 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 {
	background: url(images/db1.gif) no-repeat left top;
	/*height: 2.0em;*/
	padding: 0 0 15px 22px;
	margin: 10px 0 0 0;
	font: bold 1.10em  Verdana, Arial, Helvetica, sans-serif; /* unless this is different from the main, take out the font and leave size and bold */
	color: #0064B2;
	text-align: left;
}

#content h2, #content h4, #content h3  {

	color: #0064B2;
	margin: 10px 0px 6px 10px;
}
#content h4, #content h3 {
	font-size: 75%;
	color: #67b0e9;
}

#content h2{
	color: #4682B4;
	font-weight: bold;
	font-size: 95%;
}

#content p {
	color: #515151;
	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-size: 1.25em;
}
#content a:link, #content a:visited {
	color: #004183;
	text-decoration: underline;
}
#content a:hover, #content a:active, #content a:focus {
	text-decoration: underline;
}

.notes{
	font-style: italic;
	font-weight: bold;
	color: red;
}
.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: transparent;
	float: left; 
	width: 192px; /* must have a width value */
	margin-left: 5px;
	padding: 5px;
/*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: 24px;*/
	padding: 0px; 
	margin-left: 2px;  /*clears the left side evenly all the way down */
	margin-bottom: 2px;
	font: 70%/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) */
	background: transparent url(images/btn_normal.gif) no-repeat;
	color: #fff; /* this is the text color */
	font-weight: bold; 
	text-decoration: none; 
	margin: 0; /*this creates the space OUTSIDE each button */
	padding: 5px 0px 0px 10px;  /*the padding creates the area WITHIN the button and keeps the text away from the borders */
/*	height: 1.5em 33px;*/
	height: 24px;
/*	vertical-align: bottom;*/
	/*border: 1px solid red;*/
}
#nav li a:hover, #nav li a:active, #nav li a:focus {
	background: transparent url(images/btn_hover.gif) no-repeat; /*the button background changes on hover and focus to the page background color */
	color: #fff; /*for contrast, the text color changes to white */
	height: 24px;
	text-decoration: underline;
/*	height: 1.5em 33px;*/
	/*height: 33px;*/
}


#pagebott {
	background: url(images/footerbg.gif);
	border-bottom: 1px solid #ddd;
	width: 781px; /* 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: 30px;
	margin: 0 auto; /* this centers it like the main holder above it */
	padding: 0;
}

#pagebott p {
	margin: 0 auto;
	width: 750px;
	border-top: 1px solid #6ca6d3;
	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: #0064B2; /* 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: 8px;
	margin-top: 0px;
	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; 
} 

.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;
}
#homeImg{
	width: 435px;
	margin: 10px auto;
}

#homeImg img{
	border: 2px solid #bababa;
}
.streetMap{
	width: 329px;
	margin: 0 auto;
}


/* **** Hospital affiliation box ***** */

#hospAff{
	font-size: 70%;
	margin: 10px 10px 10px 2px; /*adjust to fit design */
	background: #8fa6e9; /*customize to complement design */
	text-align: left;
	width: 188px; /*adjust to fit design */
	border: 1px solid #c0c0c0;
}
#hospAff h1{
	color: #003b77;
	font-size: 1.1em;
	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: #003c78; /*adjust to fit design */
}
#hospAff li a:hover{
	color: #b22222;
}
/* ********** end hospital affiliation box **** */
/* ***** IP Team Logo branding **** */
#ipBrand{
	width: 760px; /* may need to change, or remove, depending on layout */
	color: #0064B2; /* 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: 5px;
}
/* end branding */