body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif; 
     background: White; 
     margin: 0; 
     padding: 0;
     text-align: center; 
}
#container{
	background: url(images/bodyStripe.jpg) repeat-x;
}
#wrapper {
     background: url(images/wrapperbg.png); 
     margin: 0 auto;
     padding: 0 0px; 
     width: 780px; 
     text-align: left; 
     position: relative; 
}


/* Needed to hold link to main content in compliance with Section 508, rule o. */
#skipnav {
	position: absolute; 
	top: 0; /* Places the div at the top of body. */
	left: 0; /* Places the div at the left side of body. */
	margin-left: -1000px; 
	}

#header {
	background: url(images/header.jpg) no-repeat;
	height: 262px; 
	padding: 0;
	margin-bottom: 0px;
	/*border: 1px solid #7CFC00;*/
}

#tagLine{
	color: #768bb6;
	width: 350px;
	margin:170px 25px 0 0px;
	float: right;
	/*border:1px solid green;*/
}

#tagLine h2{
	margin: 0;
	padding: 3px 0;
	font-size: 1.0em;
	font-weight: bold;
	font-style: oblique;
}
#tagLine h3{
	margin: 0;
	padding: 0;
	font-size: .80em;
	color: #676767;
}



.addressBlock{
	position: absolute;
	top: 105px;
	left: 45px;
	font-weight: normal;
	font-size: 75%;
	color: #ffffff;
	/*text-align: center;*/
		
}
.addressBlock p{
	padding: 0;
	margin: 3px 0;
}

#inrHeader {
	font-family: 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;
}
#content .specialty{
	font: bold .80em Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	background: #CAD3E4;
}


img{
	border: 0px;
}

#subContent .ptList{
	list-style: disc;
}

#content {
	margin: 10px 0px 10px 210px; 
	padding: 5px 0 10px 0;
	min-height: 350px;
	width: 525px;
	/*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.20em  Verdana, Arial, Helvetica, sans-serif;
	color: #333D51;
	margin: 0px 0px 10px 10px ;
	/*font-variant: small-caps;*/
	text-align: left;
	border-bottom: 2px solid #333D51;
}

#content h2, #content h4, #content h3  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #546380;
	margin: 10px 0px 6px 10px;
}
#content h4, #content h3 {
	font-size: .90em;
}

#content h2{
	font-weight: bold;
	font-size: 1.00em;
	background: #c8dcea;
}

#content .subTitle{
	text-decoration: underline;
	font-size: .75em;
	font-weight: bold;
	color: #333D51;
}


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

#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;
	
}
#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: #4B5E81;
	/*text-decoration: none;*/
}
#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;
}


#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: #265366;
	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;
	}

#subContent .subPg{
	color: #000;
	font: normal .90em/135% Verdana, Arial, Helvetica, sans-serif;
	margin: 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/bullet1.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: 180px; /* must have a width value */
	margin: 15px 0px 10px 8px;
	padding-left: 0px;
	padding-top: 3px;
/*border: 1px dashed purple;*/
}


#nav a {
	display:block;
	font: 70%/100% Verdana, Arial, Helvetica, sans-serif;
	background: url(images/menu_btn.gif) no-repeat;
	color: #113275; 
	font-weight: bold; 
	text-decoration: none; 
	margin: 4px 0px 0px 8px;
	padding: 6px 0px 6px 18px;  
	height: 1.5em 28px;
}


#nav a:hover, #nav a:active, #nav a:focus {
	background: url(images/menu_btn_hover.gif) no-repeat; 
	color: #fff; 
	height: 1.5em 28px;
}
#nav a.active {
background: url(images/menuButtonAct.gif) no-repeat;
color: #ffffff;
}


/* the next two selectors simply create the black bottom of the page */
#bottom {
	background: #002878;
	width: 100%;
	height: 2.0em;
	margin: 0 auto;
	} /* this created the blue color that runs all the way across the page background */

#pagebott {
	background: transparent; /* 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: 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 { /* 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;
}

.portalLnk{
	/*padding-bottom: 14px;*/
	font-size: 70%;
	font-weight: bold;
	color: #006489;
	margin-left: 10px;
	display: block;
	/*border: 1px dotted green;*/
}
.portalLnk:hover{
	color: #709e20;
}

.hours{
	font-size: 75%;
	margin: 5px 0 0 10px;
	width: 250px;
	line-height: 1.75em;
	
}

.hours dt{
	font-weight: bold;
	float: left;
}

.hours dd{
	margin: 0 0 0 35%;
}
/*Hospital Affiliations box for left side - adjust colors to suit design as needed */
#hospAff{
	font-size: 70%;
	margin: 20px 0px 10px 0px; /*adjust to fit design */
	/*background: #afbbd8; *//*customize to complement design */
	text-align: left;
	width: 180px; /*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 0px;
	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;
}

#hospAff p{
	padding: .5em;
	}

/* ********** end hospital affiliation box **** */

/* ***** IP Team Logo branding **** */
#ipBrand{
	width: 760px; /* may need to change, or remove, depending on layout */
	color: #546380; /* 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 */

#content .ctr {
margin: 0 auto;
display: block;
}