@charset "utf-8";
/* CSS Document */
@import url("/edu/virginia/healthsystem/page_template/templates/css/imports/som/editmode.css");

* { padding:0; margin:0; } /* eliminates all default margin/padding for every element */
  body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; }

div#container { margin:0 auto; text-align:center; background-color:#8AAECF; }

/* HEADER */
div#portal-top { padding-bottom:0.8em; text-align: center; background-color: #FFFFFF; border-bottom:solid 1px #114475; }
		p.hiddenstructure { display:none; } /*used to hide skip nav/content*/
	div#header { margin:0 auto; width:93em; text-align:left; }
	/* SEARCH */	
	div#search { margin: 1em 0; float: right; width:auto; clear: right; }
		div#search form {  }
			div#search form label {display: none; }
			div#search form #radiobutton { padding-bottom:0.5em; }
				div#search form input.radio { position:relative; top:0.3em; }
				div#search form span.label {margin:0 1em 0 0.3em; vertical-align:bottom;/*for Opera*/ /*position:relative; top:0.1em;(could use for Safari)*/color:#969B9F; }
			div#search form #inputfield {background-color:#FFFFFF; border:solid 1px #969B9F; }
				div#search form input.text { padding:0.25em; vertical-align:middle; width:15em; border:0; color:#969B9F; }
				div#search form input.submit { vertical-align:middle;  }
					
	/* GLOBAL NAVIGATION */
	div#globalnav { float:right; display:block; width:auto; height:2em; background-color:#5482AB; color:#FFFFFF; }
		div#globalnav dl { padding:0.2em 0 0; width:auto; }
			div#globalnav dl dt { display:block; padding:0 1em; float:left; width:auto; height:1.8em; font-weight:normal; border-right: solid 0.1em #FFFFFF; }
				div#globalnav dl dt#first { background-image: url(/edu/virginia/healthsystem/page_template/templates/images/som/globalnav-curve-left.gif); background-repeat:no-repeat; background-position:left bottom; }
				div#globalnav dl dt#last { background-image: url(/edu/virginia/healthsystem/page_template/templates/images/som/globalnav-curve-right.gif); background-repeat:no-repeat; background-position:right bottom; border:0; }
				div#globalnav dl dt a { color:#FFFFFF; text-decoration:none; }
				div#globalnav dl dt a:hover { text-decoration:underline; }
			
	/* LOGO */
	a#logo img {margin: 0.8em 0 2em; border: none;}
			
	/* PRIMARY NAVIGATION */
	div#primarynav { clear:both; margin: 1em auto 0; padding-left:0.8em; height:1.2em; width:93em; text-align:left; }
		ul#nav { list-style:none; display:inline; background:#FFFFFF; /*position:relative; */z-index:20; }
					
			ul#nav a { color:#AA5500; overflow:hidden; text-decoration:none; }
				ul#nav a span { font-weight:bold; font-size:1.2em; }
				ul#nav li a:hover span, ul#nav :hover > a { color:#114475; }			
			ul#nav li { margin:0 1.5em 0 0; padding:0 1em 0 0; float:left; width:auto; }
				ul#nav li:hover { background-image:url(/edu/virginia/healthsystem/page_template/templates/images/som/arrow-dwn.jpg); background-repeat:no-repeat; background-position:100%}
				ul#nav li.last { margin:0; }

			ul#nav div.dropout { clear:both; margin-top:-0.1em; padding: 1em 2em 2em 2em; /* Magic*/  position:absolute; left:-999em; /*END */ width:90em; overflow:hidden; z-index:100; background-image:url(/edu/virginia/healthsystem/page_template/templates/images/som/flyout.png); background-position:0% 100%; background-repeat:no-repeat; }
			ul#nav div.dropout div.inner { /*padding: 1.2em 1.3em 0.2em 2.7em; */ }
			/*ul#nav div.dropout div.inner:after { clear:both; content: "."; display:block; height:0; visibility:hidden; }*/
			
				ul#nav div.dropout ul { float:left; width:auto; list-style:none; color:#003366; font-size:1.2em; }
					ul#nav div.dropout ul li { margin:0 0 1em; padding:0 0 0 1em; float:none; width:auto; text-align:left; /*background-image: url(/edu/virginia/healthsystem/page_template/templates/images/som/flyout-li.gif); background-repeat:no-repeat; background-position:0 0.4em;*/}

					ul#nav div.dropout ul.first {  }
						ul#nav li div.dropout div.inner ul li.none { background-image: none; padding-left:0; padding-bottom: 0.3em; color:#5f574f; font-weight:bold; }
					ul#nav div.dropout a { background: transparent; color: #003366; display: inline; width: auto; height: auto; line-height: normal; position: static; text-align: left; }
						ul#nav div.dropout a:hover { background: transparent; color: #AA5500; text-decoration: underline; }
						ul#nav li.hover div.dropout { left: auto; }
			
				ul#nav div.dropout ul { padding: 0 1em; width:13em; border-right:0.1em solid #E7E7E7;}
				ul#nav div.dropout ul.last { padding-right:0; border:none; }
				ul#nav div.dropout ul.first { padding-left:0; }			
		
					/* Primary browser used for positioning - FireFox ver 3 */
					ul#nav li.nav01 div.dropout { margin-left: -1.1em; }
					ul#nav li.nav02 div.dropout { margin-left: -10em; }
					ul#nav li.nav03 div.dropout { margin-left: -18.6em; }
					ul#nav li.nav04 div.dropout { margin-left: -29.3em; }
					ul#nav li.nav05 div.dropout { margin-left: -44.6em; }
					ul#nav li.nav06 div.dropout { margin-left: -60.8em; }
					ul#nav li.nav07 div.dropout { margin-left: -81.2em; }

/* CONTENT DEFINITIONS */
	#content { clear:both; overflow:hidden; margin:0 auto; width:93em; position:relative; text-align:left; background-color:#FFFFFF; page-break-before:avoid; page-break-inside:auto; }
	
	.one-column-som #wrapper { width:100%; background-color:#FFFFFF; }
	.two-column-som #wrapper { padding-left:20em; width:100%; background-color:#DAE1DE; }
	.three-column-som #wrapper { padding-right:20em; padding-left:20em; width:100%; background-color:#DAE1DE/*silver*/; }
		#wrapper { clear:both; overflow:hidden; width:100%; min-height:50em; background-color:#DAE1DE/*silver*/; background-image:url(/edu/virginia/healthsystem/page_template/templates/images/som/bkgrnd-wrapper-white.gif); background-repeat:repeat-y; background-position:20em top; page-break-before:avoid; page-break-inside:auto;  } /* (LEGACY CODE: A hack for the background until there is a way to force a DIV block to scale 100% height of the container) */
		#wrapper .column { float:left; width:auto; position:relative; page-break-before:avoid; page-break-inside:auto; }

/* LEFT NAVIGATION */
#sitenav { float:left; width:20em; height:100%; background-color:#DAE1DE; position:relative; page-break-inside:avoid; }
	* html #sitenav { width:19.0em; }
#sitenav p.dept { padding:0.6em 0.4em; font-size:1.4em; color:#114475; font-weight:bold;}
	.two-column-som #sitenav { margin-left:-73em; width:20em; right:20em; } /* margin-left set to #usercontent width to properly position */
	.three-column-som #sitenav { margin-left:-53em; padding:0; width:20em; right:20em; } /* margin-left set to #usercontent width to properly position */

#sitemenulabel { display:block; margin:0; padding:0.8em 0.4em 0.4em; font-size:1.4em; font-weight:bold; color:#114475; }
	#sitemenu { display:block; width:100%; height:100%; position:relative; }

	/* General rules */
	.menu ul { margin:0; padding:0; list-style:none; position:relative; }
		.menu li { display:block; margin:0; padding:0; width:20em; list-style:none; position:relative; }
			* html .menu li { margin-bottom:0; }
		.menu div { margin:0; padding:0; position:relative; }

	/* Layout CSS */
		.menu { width:100%; background-color:/*#5482AB*/white; }
			/* All A tags - i.e menu items. */
			/*.menu ul li a { clear:both; display:block; padding:0.6em 1.2em 0.6em 0.6em; width:auto; background-color:#5482AB; color:#FFFFFF; text-decoration:none; }*/
			/*.menu ul li ul li a { clear:both; display:block; padding:0.6em 1.2em 0.6em 0.6em; width:auto; background-color:#FFFFFF; color:#114475; text-decoration:none; }*/
			.menu a, .menu a:visited { display:block; margin:0; padding:0.6em/*6px*/ 1em/*10px*/ 0.6em/*6px*/ 0.8em/*8px*/; width:auto; background-color:#5482AB/*blue*/; border-top:solid 0.1em #5482AB/*blue*/; border-bottom:solid 0.1em #DAE1DE/*silver*/; font-weight:normal; font-size:1.2em/*12px*/; text-decoration:none; color:#FFFFFF; }
				/* an adjustment so that IE box model */
				* html .menu a, * html .menu a:visited { margin:0; padding-right:0em/*12px*/; width:16.0em/*185px*/; w\idth:16.0em/*185px*/; }

			/* style the table so that it takes no part in the layout - required for IE to work */
			.menu table { margin:0; padding:0; width:0; height:0; border:none; position:absolute; top:0; left:0; }

			/* style the second level links */
			.menu ul ul a, .menu ul ul a:visited { margin:0; padding:0.6em/*6px*/; width:auto/*19em190px*/; height:auto/*3em30px*/; background-color:#DAE1DE; border:none; /*line-height:normal2.34375em30px*/ color:#5482AB; }
				/* adjustment for IE */
				* html .menu ul ul a, * html .menu ul ul a:visited { width:15.6em; w\idth:15.6em; height:auto; font-size:1.2em/*12px*/; }
				
			/* style the top level hover */
			.menu a:hover { background-color:#FFFFFF; border-top:solid 0.1em #114475/*#e4e0c4*/; border-bottom:solid 0.1em #114475/*#e4e0c4*/;  color:#5482AB; }
			.menu :hover > a { background-color:#FFFFFF; border-top:solid 0.1em #114475/*#e4e0c4*/; border-bottom:solid 0.1em #114475/*#e4e0c4*/;  color:#5482AB; }
			/* style the second level hover */
			.menu ul ul a:hover { background-color:#FFFFFF; border:none; color:#5482AB; }
			.menu ul ul :hover > a { background-color:#FFFFFF; border:none; color:#5482AB; }
				
			/* make the second level visible when hover on first level list OR link */
			.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; }
	
			/* A tags */
			.menu a.slMenuItem_depth1 { margin-top:0.0em/*1px*/; /*border-bottom:solid 0.1em #114475;*/ font-weight:normal; } /* Main menu items */ 
			.menu a.slMenuItem_depth2 { margin-top:0.0em/*1px*/; /*border-bottom:solid 0.1em #114475; */color:#5482AB; } /* Sub menu items */
			.menu a.slMenuItem_depth3 { margin-top:0.0em/*1px*/; /*border-bottom:solid 0.1em #114475;*/ } /* Sub menu items */
			.menu a.slMenuItem_depth4 { margin-top:0.0em/*1px*/; /*border-bottom:solid 0.1em #114475;*/ } /* Sub menu items */
			.menu a.slMenuItem_depth5 { margin-top:0.0em/*1px*/; } /* Sub menu items */	
			.menu .slideMenuDiv1 ul { padding:0.4em; }
			.menu .slideMenuDiv2 ul { padding:0.1em; }
			.menu .slideMenuDiv3 ul { padding:0.1em; }
			.menu .slMenuItem_depth4 ul { padding:0.1em; }

/* USERCONTENT */
.one-column-som #usercontent { width:93em; }
.two-column-som #usercontent { width:73em;}
.three-column-som #usercontent { width:53em; }
		
#usercontent { width:auto; background-color:#FFFFFF; page-break-inside:auto; }

#usercontent .html_block { overflow:visible; width:auto; }
	.html_block { padding:1.5em; page-break-inside:auto; }		
	/* FONTS */
	.html_block h1 { margin: 0.67em 0; color:#003366; font-size:1.6em; }
	.html_block h2 { margin: 0.75em 0; color:#000000; font-size:1.5em; }
	.html_block h3 { margin: 0.83em 0; color:#336699; font-size:1.4em; }
	.html_block h4 { margin: 1.12em 0; color:#aa5500; font-size:1.4em; }
	.html_block h5 { margin: 1.5em 0;  color:#003366; font-size:1.3em; }
	.html_block h6 { margin: 1.67em 0; color:#336699; font-size:1.2em; }
	.html_block p  { margin: 1.12em 0; color:#4A4A4A; font-size:1.2em; }
	/* TINYMCE - these specify the classes that editor uses to adjust text size inline */
	.html_block .wdcfontSize1 { font-size:0.8em; }
	.html_block .wdcfontSize2 { font-size:0.9em; }
	.html_block .wdcfontSize3 { font-size:1.0em; }
	.html_block .wdcfontSize4 { font-size:1.1em; }
	.html_block .wdcfontSize5 { font-size:1.5em; }
	.html_block .wdcfontSize6 { font-size:1.9em; }
	.html_block .wdcfontSize7 { font-size:2.3em; } 
	/* RE-APPLY MARGINS TO STANDARD ELEMENTS (as defined by http://www.w3.org/TR/CSS2/sample.html) */
	.html_block blockquote, 
	.html_block ul,
	.html_block fieldset, 
	.html_block form,
	.html_block ol, 
	.html_block dl,
	.html_block dir,
	.html_block menu { margin: 1.12em 0; }
	
	.html_block ol, 
	.html_block ul, 
	.html_block dir,
	.html_block menu, dd { margin-left: 4em; }
	
	.html_block blockquote { margin:0 4em; }
	
/* RIGHT SIDEBAR */			
	#gutter { width:20em; background-color:#FFFFFF; page-break-inside:auto; }

/* FOOTER */
div#portal-bottom { display:block; padding-bottom:0.5em; width:100%; background:#FFFFFF; border-top:solid 1px #114475; }	
	div#portal-bottom div#footer { overflow:hidden; margin: 0 auto; padding:0.5em 0; width:93em; text-align:left; }
		div#portal-bottom div#footer p { line-height: 120%; font-style: normal; color:#4A4A4A; }
		div#portal-bottom div#footer a { color:#114475;	}
			div#portal-bottom div#footer a:hover { color:#AA5500; text-decoration:none; }
			div#portal-bottom div#footer a.falselink { text-decoration:underline; cursor:pointer; }
		div#address { float:left;	width:31em; }

		div#site-tools { float:left; width:31em; text-align:center;}
			
		div#maintained { float:right; width:31em; }
			div#maintained p { text-align:right; }
				
/* HIDE LAST MODIFIED DATE FROM DYNAMIC DATA PAGES */
body.appPage div#footernav div p, 
body.TopDown_appPage div#footernav div p { visibility: hidden; }
