@import "/css/global-site/urmc-global.css";

/* --- This file inherits the global css file and overrides elements for homepage-specific look & feel
------------------------------------------------------------------------------------------------------ */
#content-container{ 
	padding:10px;
	width:900px;
	background:url('/images/kentico/bg-content-home-900.png') no-repeat left top;}

/* --- ABOVE FOLD
----------------------------------------------------- */	
#upper-tier {
	padding:0px;
	background: #ffffff;
	clear: both;
	width: 900px;
	margin: 0 auto;
	height: 351px;}

#flash {
	margin:0;
	padding:0;
	width: 669px;
	float:right;}

#browse {
	float:left;
	width:196px;
	background:url('/homepage/bg-browse.jpg') left top repeat-x;
	text-align: left;
	padding: 15px 15px 15px 20px;
	height: 321px;}
	#browse h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		border-bottom: none;
		font-size: 21px;
		margin: 0 0 15px 0;
		line-height: 1em;
		color: #dde6ed;}
	#browse h3 {
		color:#FFFFFF;
		font-size:14px;
		margin: 15px 0 0 5px;}
	#browse ul {
		font-size:11px;
		padding: 0 0 0 5px;
		margin: 0;}
		#browse ul li {
			background: none;
			font-size: 12px;
			color: #323232;
			padding: 1px 0;}
	#browse select {
		margin:15px 3px 0 3px;
		width: 185px;}
	#browse a, #browse a:visited {
		color:#FFFFFF;
		font-weight: bold;
		text-decoration: none;}
		#browse a:hover {
			text-decoration:underline;
			color:#FFFFFF;}


/* --- BELOW FOLD
----------------------------------------------------- */	
	
#lower-tier {
	/*background: #ffffff url('/homepage/bg-lower-tier.jpg') left top repeat-x;*/
	clear: both;
	width: 900px;
	margin: 0 auto;
	margin-top:15px;
	padding:0;
	height:230px;}
	#lower-tier a {
		font-weight:bold;}
	#lower-tier h2 a, #lower-tier h2 a:visited {
		font-weight:normal;
		text-decoration:none;}
		#lower-tier h2 a:hover {
			font-weight:normal;
			text-decoration: underline;}
	
/* ----- */
	
#col1, #col2, #col3 {
	text-align: left;
	margin:0;
	padding:20px;
	height:190px;}
	#col1 h2, #col2 h2, #col3 h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		border-bottom: none;
		font-size: 21px;
		margin: 0 0 10px 0;
		line-height: 1.1em;}		
	#col1 h3, #col2 h3, #col3 h3 {
		color:#323232;
		font-size:16px;
		margin: 15px 0 0 5px;}		
	#col1 p, #col2 p, #col3 p {
		font-size:12px;
		color:#525252;
		font-weight:normal;
		margin: 0 0 10px 0;
		line-height: 14px;}
	
/* ----- */

#col1 {
	float:left;
	width:315px;
	border-right: 1px dashed #cccccc;}
	#col1 p {}
		#col1 p.links {
			margin: 0;
			line-height: 1em;
			clear: both;}
			#col1 p.links img {}
	#col1 .stories {
		height:135px;}
		#col1 .stories img {
			float: left;
			width: 30px;
			height: 30px;
			margin: 0 7px 10px 0;
			border: 1px solid #999;
			padding: 0px;
			clear: both;}
		#col1 .stories a, #col1 .stories a:visited {
			color:#000000;
			text-decoration:none;}
			#col1 .stories a:hover {
				color:#00467f;}
		#col1 .stories p{
			line-height:1em;
			font-size:11px;
			clear:left;
			margin:0;}
			#col1 .stories p.date {
				font-size:11px;
				color:#000000;
				font-weight:normal;
				margin: 0;
				line-height: 1em;
				clear: none;}
	#col1 ul {
		font-size:11px;
		padding: 0 0 0 5px;
		margin: 0;}
		#col1 ul li {
			background: none;
			font-size: 13px;
			color: #323232;
			padding: 1px 0;}
	
/* ----- */

#col2 {
	float:left;
	width:245px;
	padding:10px 20px;
	border-right: 1px dashed #cccccc;
	height:210px;
	text-align:center;}
	#col2 img {}
		#col2 img.img-padding {
			padding:10px 0;}
	#col2 p {
		margin-right:110px;}
		#col2 p.link {
			padding: 5px 8px;
			margin-top: 23px;
			height: 25px;}

/* ----- */

#col3 {
	float:left;
	width:218px;}
	#col3 h2 {
		font-size:19px;}
	#col3 img {}
	#col3 span.small {	
		font-size:18px;}
	#col3 p {
		padding: 0 0 10px 0;
		margin:0;
		line-height:14px;}
		#col3 p.short {
			margin-right:75px !important;}
	#col3 .img-right {
		margin-top:7px;
		margin-left:12px;
		padding-bottom:15px;}
	#col3 strong {}
	#col3 ul {
		margin:0;
		padding:0;}
		#col3 li {
			padding: 0 0 5px 12px;
			background-position: 0 2px;}
	#col3 a {
		font-weight:normal;}