/*

OHSU Stylesheet

Paul Farning - ISITE Design, Inc.



hdr: #e5e6e7;

blue: #dfe3f1;

*/

/* added from health.com version  - RGB */

/*backup*/

	#content #subnav ul {
		background: none;
		margin: 0 0 1em 4px;
		width: 150px;
	}
	#content #subnav ul ul, #content #subnav ul ul ul {margin: 4px 0 0 -8px; width: 135px; }

		#content #subnav ul li {
			background: transparent url(../ohsu_images/healthcare/bg_arrow_nav.gif) 0 2px no-repeat;
			line-height: 1.1em;
			padding: 0 0 5px 16px;
		}
		#content #subnav ul ul li {
			background-image: none;
			padding: 0 0 5px 16px;
		}
		#content #subnav ul ul ul li {
			background: transparent url(../ohsu_images/bg_sub_sub_sub_nav.gif) 0 6px no-repeat;
			padding: 0 0 5px 8px;
			margin-left: 9px;
		}
		#content #subnav ul li.parent {
			background: transparent  url(../ohsu_images/healthcare/bg_arrowdown_nav_full.gif) 0px 3px no-repeat;
			padding-top: 0;
			padding-bottom: 0;
			font-weight: bold;
			}
		#content #subnav ul li.parent ul {font-weight: normal;}
		#content #subnav ul ul li.parent {background-position: 0px 3px;}
		#content #subnav div .currentpage a, #content #subnav div a.currentpage, #content #subnav ul li ul li a.currentpage, #content #subnav ul li ul li ul li a.currentpage  {color: #575757}
		#content #subnav ul ul ul li.currentpage {background: transparent  url(../ohsu_images/bg_sub_sub_sub_nav_active.gif) 0 6px no-repeat ;}

		#subnav ul li.external {
			background: transparent url(../ohsu_images/bg_external_link.gif) right top no-repeat;
			padding: 0 0 5px 1px;
			}

	#subnav h4 {
		border: 1px solid #cfd4e8;
		border-width: 1px 0;
		font-size: 1em;
		font-weight: normal;
		margin-top: -1px;
		margin-bottom: .4em;
		padding: 6px 12px;
		text-transform: uppercase;
		width: 143px;
	}
		#subnav h4 a {color: #225B95;}
		#subnav h4.backlink{
			background: transparent url(../ohsu_images/bg_arrow_back.gif) left top no-repeat;
			padding: 0 0 5px 20px;
            margin:0 0 0 5px;
			border: none;
			text-transform: none;
        }
		#subnav h4.backlink a{color: #A65C2F;}

	/* search qualifiers for subnav on search page */
	#subnav .refine_search h5 {
		margin-bottom:0;
		padding:6px 0 6px 16px;
		font-weight:normal;
		text-transform:uppercase;
	}
	#subnav .refine_search ul li {		background:none;color:#225B95;	}
	#subnav .refine_search ul ul li {padding-left:4px;}

/*

Nav Specs:

Bold grey is only for a page that is an active parent page (with children showing in the nav)
nav items with visible children have down arrows

grandparent - rust, not bold with down arrow
parent (with children displayed) rust, bold, down arrow
current page
	not a parent: grey, not bold, dash
	parent: grey, bold, downarrow


Nonactive pages:
top level links: Right arrow


1. if an li has children displayed, it gets the class of parent

2. the first link in the parent sub list gets the class menuactive - in english, this would get the parent term.  this is a hack to deal with IE. if this is a pita, I can try to work around it as well.  example: <li class="parent"><a class="menuactive" href="/page.cfm?id=13235">Clinics and Services</a><ul>?

3. any li page that is the current page being displayed gets the class of currentpage



*/


body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, input, img, button {
    margin:0; padding:0; border:0;
}
hr	{ display:none; }

body {
    font: 76%/130% Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	text-align: center;
	padding-bottom: 8px;
} 
ul {
 list-style-image: url(../ohsu_images/bullet_point.gif);
 
}
h1, h2, h3, h4, h5, h6, p { margin: 0 0 1em 0; }

/* ------------ LINKS -------------- */
a:link, a:visited {
	color: #9e491b;
	text-decoration: none;
}
#utility a, #footer a { color: #225b95; }
a:hover, a:active {
	/*color: #472503;*/
	color: #000;
	text-decoration: underline;
	text-align: center;
}
/*#utility a:hover, #footer a:hover { color: #003366; }*/

ul.arrow, #subnav ul { list-style: none; }
ul.arrow li, a.arrow {
	background: transparent url(../ohsu_images/bg_arrow.gif) 0 3px no-repeat;
	padding: 0 0 0 20px;
}
ul.arrow li { padding-bottom: 5px; line-height: 1.1;}
h1	{ font-size:140%; }
h2	{ font-size:100%; text-transform: uppercase; }
h3	{ font-size:100%; }
h4	{ font-size:120%; }
h5	{ font-size:100%; }
h6	{ font-size:90%; }
h1, h2, h3, h4, h5, h6 { color: #225b95; }
input, textarea { border: 1px solid #cccccc; }
ul, ol { margin-left:10px; }

ul, ol { list-style-image: url(/ohsuedu/academic/som/ngp/images/bullet_point.gif);}

dl { margin: 0 14px;	}
dt { font-weight: bold; }	
dd { margin-bottom: 12px; }

.clear { clear: both; }
.nowrap { white-space: nowrap; }

/* ----------- LAYOUT ----------- */
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 785px;
}

#header {
	background: #e5e6e7 url(../ohsu_images/bg_header.gif) left top repeat-x;
	float: left;
	padding-bottom: 4px;
}
	#brand, #byline {
		display: block;
		float: left;	
		text-indent: -9999px;
	}
	#brand {
		background: transparent url(../ohsu_images/ohsu_logo.gif) no-repeat;
		height: 61px;
		margin: 4px 0 0 8px;
		overflow: hidden;
		width: 247px;
	}
	#byline {
		background: transparent url(../ohsu_images/hdr_byline.gif) no-repeat;
		height: 34px;
		margin: 4px 0 0 44px;
		width: 165px;		
	}

	#accessibility { position: absolute;  left: -999em; }

	#utility {
		margin: -3px 8px 0 552px;
		padding-top: 3px;
		width: 225px;
	}
		#utility form {
			margin: 0;
			padding: 0;			
		}
		#utility input, #subnav input, .secondary input {
			color: #999;
			padding-left: 2px;
			width: 190px;
			height: 1.3em;
		}
		#utility ul, #footer ul {
			list-style: none;
			margin: -5px 0 0 0;
		}
		#utility ul 					{ margin-bottom: 3px; }
		#utility li, #footer li 		{ display: inline; }
		#utility label, #utility legend { display: none; }


/* --------- MAINNAV -------- */
#navcontainer {
	background: #fff url(../ohsu_images/bg_nav.gif) repeat-x;
	width: 785px;	clear: both;
}
#nav {

	height: 34px;
	list-style: none;
	margin: 0 0 2px 290px;
	padding: 0;
	position: relative;
	width: 498px;
}
	#nav li { display: inline; }
	#nav li a {
		background: #006 url(../ohsu_images/nav.gif) no-repeat;
		display: block;
		float: left;
		height: 30px;
		overflow: hidden;
		text-indent: -9999px;
	}
		#nav li#about-nav a			{ background-position: -1px 0; width: 103px;}
		#nav li#healthcare-nav a	{ background-position: -102px 0; width: 105px; }
		#nav li#education-nav a		{ background-position: -205px 0; width: 98px; }
		#nav li#research-nav a		{ background-position: -301px 0; width: 92px; }
		#nav li#outreach-nav a		{ background-position: -391px 0; width: 97px; }

		#nav li#about-nav a:hover	{ background-position: -1px -30px; }
		#nav li#healthcare-nav a:hover, #nav li#healthcare-nav a.active		{ background-position: -102px -30px; }
		#nav li#education-nav a:hover, #nav li#education-nav a.active		{ background-position: -205px -30px; }
		#nav li#research-nav a:hover, #nav li#research-nav a.active			{ background-position: -301px -30px; }
		#nav li#outreach-nav a:hover, #nav li#outreach-nav a.active			{ background-position: -391px -30px; }

		#nav li ul {
			display: none; /*until we have something in there*/
			background: #fff;
			border: 1px solid #cfd4e8;
			padding: 10px 0;
			position: absolute; left: -9999px; top: 30px;
			width: 160px;
			z-index: 200;
		}
			#nav #about-nav:hover ul, #nav #about-nav.over ul { left: -10px; }
			#nav #healthcare-nav:hover ul, #nav #healthcare-nav.over ul { left: 93px; }
			#nav #education-nav:hover ul, #nav #education-nav.over ul { left: 198px; }
			#nav #research-nav:hover ul, #nav #research-nav.over ul { left: 296px; }
			#nav #outreach-nav:hover ul, #nav #outreach-nav.over ul { left: 323px; }
				
				#nav #about-nav li a, #nav #healthcare-nav li a, #nav #education-nav li a,
				#nav #research-nav li a, #nav #outreach-nav li a, #nav #about-nav li a:hover, 
				#nav #healthcare-nav li a:hover, #nav #education-nav li a:hover,
				#nav #research-nav li a:hover, #nav #outreach-nav li a:hover {
					background: transparent url(../ohsu_images/bg_arrow.gif) 8px 3px no-repeat;
					float: none;
					height: auto;
					margin-left: 0;
					padding: 0 0 3px 28px;
					text-decoration: none;
					text-indent: 0;					
					width: auto;
				}

#flash { margin: 0 0 6px 0; }	

#content {}

#content:after { /* fix bug in release of Firefox 2.0.0.8 */
    content:".";
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.interior #content {
	border: 1px solid #cfd4e8;
	float: left;
	margin-bottom: .8em;
	width: 783px;
}
	#blocks {
		background: #fff url(../ohsu_images/bg_content.gif) left bottom no-repeat;
		display: inline;
		float: left;
		margin: 0 0 8px 0;
		width: 785px;
	}
		.block {
			border-top: 1px solid #cfd4e8;
			display: inline;
			float: left;
			margin: 0 5px 0 0;
			width: 258px;
		}
		.last 	{ margin-right: 0; width: 259px; }
			.block h2, .block h3, #newsandevents h2 {
				border-bottom: 1px solid #cfd4e8;
				padding: 5px 16px 3px 16px;
				margin-bottom: .6em;
				font-weight: normal;
			}
		.block label, .block legend { display: none; }
		.block select {
			margin: 0 0 3px 14px;
			width: 230px;
		}
		.find {
			background: #dfe3f1;
			margin: 0 0 0 14px;
			padding: 8px;
			width: 214px;
		}
			.find label { display: block; }
			.find input {
				color: #999;
				padding-left: 3px;
				width: 181px;
				height: 1.3em;
			}

	#newsandevents {  
		border: 1px solid #cfd4e8;
		margin: 0 0 12px 208px;
		padding: 0 0 6px 0;
		position: relative; /* fixes some ie madness */
	}
		#newsandevents dl { }
			#newsandevents dt {
				color: #666;
				display: block;
				float: left;
				font-weight: normal;
				width: 70px;
			}
			#newsandevents dd {	margin: 0 0 0 70px; }
		#newsandevents a.arrow {
			display: block;
			margin: 3px 0 2px 86px;
		}
	
	.double #newsandevents {
		border: 0;
		margin-left: 0;
	}	
	.double #newsandevents h2 { border: 0; margin: 12px 0 .6em 12px; padding: 0;}	
	
	#highlights {
		clear: both;
		float: left;
		list-style: none;
		margin-left: 0;
	}
		#highlights a {
			background: transparent url(../ohsu_images/graphic_btns.jpg) no-repeat;
			border: 1px solid #ccc;
			display: block;
			height: 55px;
			margin: 0 8px 2px 0;
			overflow: hidden;
			text-indent: -9999px;
			width: 198px;
		}
			#transformations-nav a	{ background-position: 0 0; }
			#opportunity-nav a		{ background-position: 0 -55px; }
			#researcharea-nav a		{ background-position: 0 -110px; }
			
			#transformations-nav a:hover	{ background-position: -198px 0; }
			#opportunity-nav a:hover		{ background-position: -198px -55px; }
			#researcharea-nav a:hover		{ background-position: -198px -110px; }
	

button {
	background: #000 url(../ohsu_images/btn_go.gif) no-repeat;
	border: 0;
	color: #fff;
	cursor: pointer;
	height: 19px;
	margin-top: -2px;
	text-indent: -9999px;
	width: 22px;
	vertical-align: middle;
}
button.search {
	background: #000 url(../ohsu_images/btn_search.gif) no-repeat;
	width: 61px;
}
button:hover, button.over {	background-position: 0 -19px; }
		
#footer {
	line-height: 1.1em;
	margin: 10px 0 0 0;
}
	/* ul style shared with #utility */
	#footer ul {
		clear: left;
		float: left;
		margin: 0 0 .1em 0;
		width: 440px;
	}
	#footer p {
		float: right;
		text-align: right;
		width: 330px;
	}


/* Interior Pages */
#breadcrumb {
	list-style: none;
	margin: 4px 4px 6px 10px;
}
	#breadcrumb li { display: inline; }

#subnav {
	display: inline;
	float: left;
	margin-left: -783px;
	width: 169px;
}
	#subnav h4 {
		border: 1px solid #cfd4e8;
		border-width: 1px 0;
		font-size: 1em;
		font-weight: normal;
		margin-top: -1px;
		margin-bottom: .4em;
		padding: 6px 12px;
		text-transform: uppercase;
		width: 143px;
	}
	#content #subnav ul {
		background: none;
		margin: 0 0 1em 4px; /* changed to make fit - RGB */
		width: 150px; /* changed to make fit - RGB */
	}
		#subnav ul li {
			background: transparent url(../ohsu_images/healthcare/bg_arrow_nav.gif) 0 2px no-repeat;
			line-height: 1.1;
			padding: 0 0 5px 20px;
		}
	#subnav div { border-bottom: 1px solid #cfd4e8; width: 168px; }
	#subnav form { margin: 10px 0; }
	#subnav legend { display: none; }
	#subnav label { position: absolute; left: -9999px; }
	#subnav input { margin-left: 10px; width: 120px; }
	
	div.full {
		float: left;
		display: inline;
		margin: 0 0 0 190px;
		padding: 2em 16px 1.3em 0;
	}
.three div.full { padding: 2em 0 1.3em 0; }
.landing div.full { padding: 0; margin-left: 168px; width: 615px; }
	.interior #content ul, .interior #content ol {
		margin-left: 3em;
		margin-bottom: 1em;
	}
	.interior #content h1 {
		font-size: 1.9em;
		margin-bottom: 1.3em;
		padding-top: 1px;
		text-transform: uppercase;
	}
	.interior #content h2, #details h4 {
	font-size: 1.1em;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	}
	.interior #content h2.highlight {
		color: #fff;
		font-size: 1em;
		font-weight: bold;
		margin-left: 469px;
		padding: 3px 3px 3px 18px;
	}
	.interior #content h3 {
		color: #000;
		margin-bottom: 0;
	}
	
	
.column { /* generic column maker class from DCH site - RGB*/
	float: left;
    width: 200px;
	margin: 1%;
	padding: 2%;
}	
	/* adding "static" which is on doernbecher's site for shorter two column pages - RGB */
	
.static .column{/* full width pages */
	width: 245px;
	margin: 0 10px 0 0;
}
body.static .full img,
body.healthtopic .main img{
    float: right;
	margin: 0 0 10px 10px;
	clear: right;
}	
.interior #content .main h1, .static #content h1, .finda #content h1  {
		line-height: 90%;
}
.static #content h1, .clinic #content h1   {width: 577px;}

/* ----- landing page ----- */

#leader { background: transparent url(../ohsu_images/bg_border.gif) 468px 0 repeat-y; float: left; }
	#leader div {
		display: inline;
		float: left;
		padding-bottom: 4px;
		width: 600px;
		height: 231px;
		
	}
	.interior #content #leader h1, #leader p {
		margin: 16px 12px 8px 312px;
		text-transform: none;
		font-weight: normal;
	}
	
	 .interior #content #leader h1 {
		margin-top:8px; margin-right: 30px;
		font-size:2.8em;
		line-height:1;
	}
	#leader p { margin-top: 0; min-height:80px; }
	.interior #content #leader ul.arrow { margin-left: 474px; }

.secondary {
	border-top: 1px solid #cfd4e8;
	float: left;
	width: 615px;
}
	.double {
		border-top: 1px solid #cfd4e8;
		float: left;
		margin: -1px 0 0 0;
		width: 366px;
	}
	.reference a { white-space: nowrap; }
		.double legend { display: none; }	
		.double form {
			margin: 12px;
		}
		.double select {
			display: block;
			float: none;
			margin-top: 6px;
			width: 257px;
		}

	.single 		{  }
		.single h2 	{ padding-left: 14px; }		
	
	.ads { margin-left: 366px; }
		.ads a { }
		.ads a img { margin: 3px 0 2px 4px; width: 240px; height: 150px; }
	
		.double h2, .double p, .single h2, .single p { margin: 1em 12px .5em 12px; }
		.double p, .single p { margin-top: .5em; }
	.searchbox {
		margin-left: 366px;
		padding: 1.2em 12px;
		text-align: right;		
	}
		.searchbox h2 {
			margin: 0;
			padding: 0;
			float: left;
		}
		.searchbox .arrow 	{ margin-top: 1.2em; }
		.searchbox form 	{ margin-top: 1.5em; }
		.searchbox legend 	{ display: none; }
		.searchbox label 	{ float: left; padding-top: 2px;}
		label.hide 			{ position: absolute; left: -9999px; float: none; }
		.searchbox input 	{ margin-bottom: 10px; width: 12em; }
		.searchbox select 	{ margin-bottom:  10px; width: 222px; }

/* ----- three column ----- */
.three .main {
	display: inline;
	float: left;
	width: 410px;
}
#details {
	margin: -22px 0 0 426px;
	width: 167px;
	}
	#details div {
		border-bottom: 1px solid #cfd4e8;
		padding: 12px 12px 2px 12px;
	}
	#details ul 		{ list-style: none; }
	#details li 		{ margin-bottom: .8em; }
	#details .arrow li 	{ margin-bottom: 0; }
	.interior #content #details ul, .interior #content #details ol { margin-left: 0; }

/* this is taken from the health.com css to help display images in the two column layout - RGB */

body.static .full img{
    float: right;
	margin: 0 0 10px 10px;
	clear: right;
}

/* special image case to prevent tiny text columns */

body.static .full img.wide,
img.wide {
	float:none;
	clear:right;
	display:block;
	margin:0 0 10px;
}


/* ----- ads ----- */
#details .ad, #subnav .ad, .single .ad {
	display: block;
	margin: 1em 0 1em 8px;
}
.single .ad { margin: 2px 0; }
.ad img {
	border: 1px solid #333; 
	margin: 0; 
	margin-left: -10px; /* changed to make fit - RGB */
}
#details .ad img {
	margin-left: -8px; /* changed to make fit - RGB */
}

.ad img.noborder { border: 0; }
	#details .ad img, .single .ad img { border-color: #cfd4e8; }
	#subnav .ad img { border-color: #fff; }

/* ----- hax0red ----- */
* html #navcontainer { overflow: hidden; }
* html .find input 	{ margin-left: -14px; }
* html button 		{ margin: -6px 0 0 2px; }
* html #utility 	{ margin-top: -50px; }
* html #byline 		{ margin-top: 17px; }
* html #brand 		{ margin-left: 2px; }
* html #details		{ margin: -22px -2px 0 423px; word-wrap: break-word;} /* BH - Word-wrap added for IE overflow problem */
* html #subnav		{ padding-left: 2px;} /* BH - Hack added for right col dropping bug */
* html .landing #subnav { padding-left: 0;} /* fixes a pixel problem in IE on splash page as a result of above - RGB */
* html .interior #content #leader h2.highlight { margin-left: 466px; }
* html .double input { margin-left: -12px; }
* html #newsandevents dd { height: 1%; } /* 3px jog fix */
* html .ads { height: 1%; } /* 3px jog fix */
* html .ads a img { margin-left: 1px; }
* html .ad img { margin-left: -11px; } /* changed to make fit - RGB */


/* 
accessibility styles including no bottom on acronym 
~ Rebekah Golden Bengtson (RGB)
*/

#subnav address {
padding: .75em;
}

.hidden {
position: absolute;  left: -999em;
}

.pdf_link_lg {
background: transparent url(../ohsu_images/icon_pdf.gif) left top no-repeat;
padding-left:40px;
}

.pdf_link_sm {
background: transparent url(../ohsu_images/mini_pdf.gif) right center no-repeat;
padding-right:1.5em;
display: inline;
white-space: nowrap; 
position: relative;
}
.pub_link_sm {
background: transparent url(../ohsu_images/pub_icon.png) right center no-repeat;
padding-right:1.5em;
display: inline;
white-space: nowrap; 
position: relative;
}
.external_link {
background: transparent url(../ohsu_images/external.gif) 100% no-repeat;
background-repeat: no-repeat;
padding-right:1.25em;
display: inline;
white-space: nowrap; 
position: relative;
}

*html .external_link { zoom: 1;} /* haslayout=true  fixes IE funny single space repeat */
 
.email_link {
	background: transparent url(../ohsu_images/email_icon.gif) right center no-repeat;
	padding-right:1.25em;
	display: inline;
	white-space: nowrap;
	position: relative;
	background-image: url(../ohsu_images/email_icon.gif);
}
.media_link {
background: transparent url(../ohsu_images/media_icon.png) right center no-repeat;
padding-right:1.5em;
display: inline;
white-space: nowrap; 
position: relative;
}
.excel_link {
background: transparent url(../ohsu_images/excel_icon.png) right center no-repeat;
padding-right:1.5em;
display: inline;
white-space: nowrap; 
position: relative;
}
.ppt_link {
background: transparent url(../ohsu_images/ppt_icon.png) right center no-repeat;
padding-right:1.5em;
display: inline;
white-space: nowrap; 
position: relative;
}
.word_link {
background: transparent url(../ohsu_images/word_icon.png) right center no-repeat;
padding-right:1.5em;
display: inline;
white-space: nowrap; 
position: relative;
}
.give_link {
background: transparent url(../ohsu_images/give.gif) right center no-repeat;
padding-right:1.5em;
display: inline;
white-space: nowrap; 
position: relative;
}

abbr, acronym, .help {
  border-bottom: 0;
  }