body {
	padding: 0;
	margin: 0;
	background: #eee6ce;
	font: 75% verdana, geneva, arial, helvetica, sans-serif;
	color: #222;
}

/* 
================================
COMMON CONTENT FORMATTING 
================================
*/

a:link {  color:#0041b8; outline: none;  text-decoration: none;} /* font-weight: normal; removed to allow for linked headings */
/* a:link {	color:#396baa; } need to define as link, otherwise <a name=""> looks like a link */
a:visited { color: #4f52c4; text-decoration: none;} /* font-weight: normal; */
a:hover, a:focus{ color: #0041b8; text-decoration: underline;  }
a:active { color: #0041b8; }

p {
	line-height: 1.5em;
	padding: 0;
	margin: 0 0 10px 0;
}

.contentarticlegridcolone li {
	line-height: 1.4em;
	padding: 0 0 6px 0;
	margin: 0;
}

h5.arrow-link {
	background: url(bullet-a.gif) left 2px no-repeat;
	height: 30px;
	color: #666;
	font-weight: bold;
	padding: 3px 0 0 18px;
	margin: 0;
}

.portal-home-login {
	padding: 7px 15px 0 15px;
	margin: 0 0 8px 0;
	border: solid 1px #c1bfab;
	background: url(image-ca.gif) bottom repeat-x;
}

img {
	border: none; /* To prevent blue borders from appearing around linked images */
}
/* 
================================
ACCESSIBILITY 
================================
*/

#accessibility {
	position: absolute;
	top: -2000em;
	font-size: 1px;
}

.hiddenheader {
	position: absolute;
	top: -20000em;
	font-size: 1px;
	height: 1px;
	clear: none;
}

/* 
================================
LEFT NAV LINKS .ORG
================================
*/

.submenu a {  color:#454442; outline: none;  text-decoration: none; font-weight: normal;}
.submenu a:visited { color: #454442; }
.submenu a:hover, .submenu a:focus { color: #a06312; text-decoration: underline;  }
.submenu a:active { color: #a06312; }

.submenu {
	border-left: 1px solid #c1bfab;
	border-right: 1px solid #c1bfab;
	border-top: 1px solid #c1bfab;
	width: 148px;
	background: #fff;
	margin-left:  5px;
	/* line-height: 1.2em; */
}

/*
* html .submenu {
	width: 150px; 
}*/

.submenu ul {
	padding: 0;
	margin: 0;	
}

.submenu ul li{
	font-family:arial, helvetica, sans-serif;
	list-style: none;
	border-bottom: 1px solid #c1bfab;
	background: #e8e7d3 url(subnav-t.gif) top repeat-x;
	padding: 0;
	font-size: 12px;
	clear: left;
}

.submenu ul li ul {
	margin: 0 0 0 10px;
	padding: 2px 0 4px 0;
	background: #fdfdf1;
	border-top: 1px solid #c1bfab;
}

.submenu ul li ul li {
	border-bottom: none;
	padding: 0;
	margin: 0;
	background: none;
}

.submenu ul li ul li ul {
	margin: 0;
	padding: 0;
	border-top: none;
}

.submenu ul li ul li ul li{
	border-bottom: none;
	padding: 0;
	margin: 0;
	background: none;
}

#submenu-active {
	padding-bottom: 0;
}

.submenuwhite  {
	border-bottom: 1px solid #c1bfab;
	border-left: 1px solid #c1bfab;
	width: 149px;
	height: 10px;
	background: #fff;
	margin: 0 0 0 5px;
}
/*
.submenuwhite  {
	width: 150px; 
}*/

#page-section a {
	font-weight: bold;
	font-size: 110%;
}

.submenu ul li a  {
	display: block; 
	padding: 4px 10px 4px 10px; 
}

.submenu ul li ul li a  {
	display: block; 
	padding: 2px 10px;
	width: 118px;
}

.submenu ul li ul li ul li a  {
	display: block; 
	padding: 2px 10px 2px 20px;
	width: 108px;
}

#submenu-activelink {
	font-weight: bold;
	color: #a06312;
}
/* 
================================
CSS IMAGE ROLLOVERS
================================
*/

/* APPOINTMENTS JOBS ABOUT */

#section-appointments, #section-about, #section-jobs {
	font-size: 115%;
	font-weight: bold;
	float: left;
	display: block;
	margin: 0;
	width: 74px;
	height: 30px;
	text-decoration: none;
	text-indent: -2000em;
	position: relative;
	background: url(appointm.gif) 0 0 no-repeat;
}

#section-appointments {
	background-image: url(appointm.gif);
	width: 100px;
}

#section-about {
	background-image: url(about000.gif);
	width: 53px;
}

#section-jobs {
	background-image: url(jobs0000.gif);
	width: 47px;
}

#section-appointments:hover, #section-about:hover, #section-jobs:hover {
	background-position: 0 -50px;
}
	
/* MEDICAL SERVICES , HEALTH INFORMATION , EDUCATION AND RESEARCH */
#section-dt, #section-dd, #section-pvg, #section-os, #section-fmp {
	font-size: 115%;
	font-weight: bold;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 74px;
	height: 51px;
	text-decoration: none;
	text-indent: -2000em;
	position: relative;
	background: url(dt000000.gif) 0 0 no-repeat;
}

#section-dt {
	background-image: url(dt000000.gif);
	width: 165px;
}

#section-dd {
	background-image: url(dd000000.gif);
	width: 158px;
}

#section-pvg {
	background-image: url(pvg00000.gif);
	width: 153px;
}

#section-os {
	background-image: url(os000000.gif);
	width: 116px;
}

#section-fmp {
	background-image: url(fmp00000.gif);
	width: 175px;
}

#section-dt:hover, #section-dd:hover, #section-pvg:hover, #section-os:hover, #section-fmp:hover {
	background-position: 0 -71px;
}

#section-dt.current, #section-dd.current, #section-pvg.current, #section-os.current, #section-fmp.current {
	background-position: 0 -71px !important; /*imp for ie6*/
}
	
/* MAIN SITE NAVIGATION */
#section-ms, #section-hi, #section-er {
	font-size: 115%;
	font-weight: bold;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 74px;
	height: 30px;
	text-decoration: none;
	text-indent: -2000em;
	position: relative;
	background: url(ms000000.gif) 0 0 no-repeat;
}

#section-ms {
	background-image: url(ms000000.gif);
	width: 122px;
}

#section-hi {
	background-image: url(hi000000.gif);
	width: 134px;
}

#section-er {
	background-image: url(er000000.gif);
	width: 166px;
}

#section-ms:hover, #section-hi:hover, #section-er:hover {
	background-position: 0 -50px;
}

#section-ms.current{
	background-position: 0 -77px !important; /*imp for ie6*/
}

/*
=====================================
TABLES 
=====================================
*/

th {
	text-align: left; 
	border-bottom: 1px solid #ccc;
	padding: 20px 0 6px 0;
	color: #852;
	font-size: 115%;
	font-weight: bold;
}
th.subheading {
	color: #222;
	border-bottom: none;
	padding: 12px 0 4px 0;
}
th.top-row {
	padding-top: 10px;
}
td {
	padding-top: 6px;
}

/* Auto-generated table lists */
table.table-list {
	padding-bottom: 20px;
}
table.table-list td {
	padding: 8px 10px 0 0;
}
table.table-list td.last-column {
	padding-top: 8px;
}

/* 
=====================================
COLUMNS to be used within dynamic regions or body copy
=====================================
*/

.column-container {
	padding: 0;
	margin: 0;
	clear: both;
}
@media print {
	.nav-page-two-col-body .column-one, .nav-page-two-col-body .column-two {
		width: 45%;
	}
	.full-page .column-one, .full-page .column-two, .full-page .column-three  {
		width: 190px;
	}	
}
@media screen {
	.column-one, .column-two, .column-three  {
		width: 190px;
	}
}

.column-one, .column-two, .column-three  {
	/* width: 190px; */
	margin: 0;
	padding: 0;
	float: left;
}
.column-two {		
	margin: 0 0 0 10px;	
}
.column-three { /* To be used on full-page (590px-wide) pages */
	margin: 0 0 0 10px;	
}
/* Account for two columns within a tile */
.feature-box .column-one, .feature-box .column-two, .links-box .column-one, .links-box .column-two {
	width: 179px;
}

/*
=====================================
BODY AND RIGHT COL STYLES
=====================================
*/
ul.inline-list {
	padding: 0 0 12px 0;
	margin: 0;
	list-style: none;
	display: block;
}
ul.inline-list li {
	display: inline;
	padding: 0 4px 0 6px;
	border-left: 1px solid;
}

ul.inline-list li.first-item {
	border-left: none;
	padding-left: 0;
}
ul.link-delimiter {
	color: #396baa;
}
.no-top {
	margin-top: 0;
	padding-top: 0;
}

.clear-both {
	clear: both;
}
.clear-right {
	clear: right;
}
.clear-left {
	clear: left;
}

/*
=====================================
TABLE STYLES
=====================================
*/
th, td {
	font-size: 12px;
}

/* 
====================================
FORM STYLES 
====================================
*/
/*
.button {
  float: left;
  margin: 20px 0;
  padding: 0;
  color: #666;
  background: #0075D3 url(/images-global/button-topright.gif) top right no-repeat;
  } 

.desc {
  margin: 0;
  padding: 3px 7px 0 7px;
  background: url(/images-global/button-topleft.gif) top left no-repeat;
  }

.link {
  margin: 0;
  padding: 0 0 0 8px;
  background: url(/images-global/button-bottom.gif) bottom left no-repeat;
  }

.link em {
  display: block;
  padding: 0 8px 3px 0;
  font-style: normal;
  background: url(/images-global/button-bottom.gif) bottom right no-repeat;
}
  
.button a:link, .button a:visited {
  	font-family: verdana, san-serif;
	color: #fff;
	font-size: 95%; 
	font-weight: bold;
	outline: none;  
	text-decoration: none; 
	text-transform: uppercase;
  }  
.button a:hover, button a:active {
  	text-decoration: underline;
  }
  
*/

/*
=====================================
TRANSITIONAL PAGES 
=====================================
*/

#transitional-body {
	width: 796px;
	margin: 0 auto 20px auto;
	padding: 0 0 12px 0;
	text-align: left;
	background: url(transiti.gif);	
}
#transitional-body-river {
	width: 780px; /* 796px */
	margin: 0 auto 12px auto;
	padding: 0 0px 12px 18px;
	text-align: left;
	/* background: #f0e9d6 url(/images-global/transition-back.gif);	 */
	background: url(transiti.gif);	
}

#transitional-body .footerbanner, #transitional-body-river .footerbanner  {
	/* margin: 10px 20px 0 165px; */
	margin: 16px 0 0 0px;
}
#transitional-body td.error-display-movie {
	padding-top: 0;
}
#transitional-body td.error-display-timeline {
	padding-top: -6px;
}

#transitional-body .no-top-padding {
	padding-top: 0;
}


