/* ---------------------------------------------------------------------
Styles for Texas Tech University Health Sciences Center Sub Layout Pages
Modular layout with 3 columns with Lt Green
Author: Chris Barnard - HSC
Created: January 2009
----------------------------------------------------------------------- */

/****************************************************************************
// HOME LEFT: sections page by 2/3  //
****************************************************************************/
#newsWrapper {
	/*margin: 10px 0;*/
	width: 100%;
	background: #fff url(../images/dottedBorderVertBG.gif) repeat-y left top;
			margin-bottom:0px;
	}
	#newsWrapper:after {  /* For most non-IE browsers, this encloses the two floating columns completely in the wrapper */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility:hidden;
	}
	#newsWrapper  {display: inline-block;}  /* Fix for IE Mac */
	/* Hides from IE Mac 5 \*/
	* html .#newsWrapper {height: 1%;}
    /* End IE Mac 5 Hack */
	
#homeLeft {
	float:left;
	width:484px;
}
#homeLeft h2 {
	font: normal 18px/21px "Times Roman","Times New Roman",Times,Serif;
	margin: 10px 0;
	background: url(../images/dotted-border-horz.gif) repeat-x 0 bottom;
	padding: 0 10px 10px 10px;
	clear:left;
}
#homeLeft p {
	width:99%;
	margin-right:0px;
	padding-right:0px;
}
/*  this is new  */
#show {
	width: 476px;
	padding:0px;
	margin:0px;
	margin-left:10px;
}
#show img {
	padding:0;
	margin:0;
}

#homeRight h3 {
	margin-left:0;
}
#content #homeLeft .columns {
	width:100%;
	margin-left:0px;
	padding-left:0px;
	margin-right:0px;
	padding-right:0px;
	background: #fff url(../images/dotted-border-vert.gif) repeat-y 246px top;
		_background: #fff url(../images/dotted-border-vert.gif) repeat-y 246px top;
	}	
#content #homeLeft .columnLeft {
	margin-left:0px;
	padding-left:0px;
	}
#content .columns .columnRight {
	margin-right:0px; 
	padding-right:0px; 
	}
#content .columns .columnRight img {
	margin-left:5px;
	background-color:#FF00FF;
}
#content #homeLeft .columns .columnRight p {
	width:95%;
}


/****************************************************************************
// HOME RIGHT: sections page by 1/3  //
****************************************************************************/
#homeRight {
	float:right;
	padding-left: 5px;
	width:200px;
}
#homeRight p {
	line-height:1.6em;
	font-style:italic;
	margin-left:2px;  /*  this changed  */
		_margin-left:5px;  /*  this changed  */
	margin-right:8px;
		_margin-right:6px;
}
#homeRight ul {
	list-style: none;
	margin-left:0px;
}
#homeRight ul li {
	padding-left:20px;
	font-size:11px;
	line-height:1.3;
	padding-bottom:12px;
	}		
	
#homeRight .sidebar-info ul {
	margin-right:0px;
	padding-right:0px;
	padding-left:0px;
	margin-bottom:8px;
		_margin-bottom:18px;
	margin-top:14px;
}
#homeRight .sidebar-info ul li {
	padding-bottom:.4em;
	padding-left:12px;
	margin-left:4px;
	padding-right:0px;
	margin-right:0px;
}

/* ------------------------------------ */
#homeRight div.greenShade {
	background-color:#f2f6f3;
}
#homeRight div.greenShade h3 {
	font-size:14px;
	font-family:"Times New Roman","Times Roman",Times,Serif; 
	letter-spacing:2px; 
	text-transform:uppercase; 
	background-color:#DCE7D7; 
	color:#666; 
	padding:8px; 
	padding-left:10px; 
	margin-top:0px; 
	margin-right:0px; 
	border-top:1px solid #b0b9ac;
	border-bottom:1px solid #b0b9ac;
}

#homeRight div.greenShade ul {
	margin-right:0px;
	padding-right:0px;
	padding-left:0px;
	margin-left:5px;
	margin-top:20px;
	padding-bottom:12px;
}
#homeRight div.greenShade ul li {
	padding-bottom:10px;
	padding-left:12px;
	margin-left:4px;
	padding-right:0px;
	margin-right:0px;
	color:#666;
	font-family:"Times Roman","Times New Roman",Times,Serif;
	font-size:11px;
	font-weight:500;
	text-transform:uppercase;
	background: url(../images/bullet2.gif) no-repeat 0 6px;
}
#homeRight div.greenShade ul li a:link, #homeRight div.greenShade ul li a:visited {
		color:#666;
}
#homeRight div.greenShade ul li a:hover, #homeRight div.greenShade ul li a:active {
		color:#C00;
}



/* -------------------------------------- */
	
#homeRight ol {
	margin-left:0px;
	_margin-right:4px;
	width:88%;
	_width:84%	
	}	
#homeRight ul.icons {	
	list-style: none;
	margin-left:0px;
	margin-right:0px;

	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	width:99%;
}
#homeRight ul.icons li {
	padding-left:32px;
	font-size:11px;
	/*height:30px;*/
	line-height:1.3;
	padding-bottom:12px;
}		
.sidebar-info {
	background-color:#fff;
	float:right;
	width:99%;
	margin-right:0px;
		_margin-right:0px;
		_margin-left:6px;	
	padding-left:0px;
	padding-bottom:14px;
		_padding-bottom:0px;	
		_padding-right:0px;
	}
#homeRight .sidebar-info img {
	margin-left:3px;
	_margin-left:5px; 	
	border:1px solid #333;
	}
.sidebar-info h3 {
	background:url(../images/sidebarHeader-bg.jpg) left top no-repeat;	
	font: 17px "Times New Roman", Times, serif;
	color:#333;
	width:auto;
	text-align:center;
	padding-top:14px;
	padding-bottom:6px;
	margin:0px 0px 6px 10px;
		* height: 0.1%;
		height:18px;
	z-index:10000;
	}	

.noBottom {
	margin-bottom:0px; 
	padding-bottom:0px;
}	
.redArrow {
	float:right;
	margin: 0px 4px 10px 2px;
		_margin: 0px 4px 0px 2px;
	padding-top:0px;
		_padding-bottom:0px;
	}	
/* 9.23.08 crb */	
.learn-more {
	height: 8px;
	margin: 7px 0 12px 0;
	background:  url(../images/learn-more-whitebg.gif) no-repeat left top;
	}

.learn-more {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
    _text-indent /**/:/**/0;
    _line-height /**/:/**/9999em;
	}
	/* hide from Mac IE 5 \*/
	.learn-more { overflow: hidden; }
	/* End Mac IE 5 hack */	
/****************************************************************************
// general styles for specialized features   //
****************************************************************************/
p.elegant {
	line-height:1.8em; 
	font-size:1.3em; 
	font-family:'Times New Roman', Times, serif;
	font-style:italic;
}
#content .pullQuote {
	border-top:1px solid #f0f0f0; 
	border-bottom:1px solid #f0f0f0; 
	padding:5px; 
	line-height:110%;
	margin-bottom:15px;
	width:520px;
	margin-left:160px;
	padding-left:0px;
	text-align:center;
}
#content td .pullQuote {
	border-top:1px solid #f0f0f0; 
	border-bottom:1px solid #f0f0f0; 
	padding:5px; 
	line-height:110%;
	margin-bottom:15px;
	margin-left:0px;
	width:inherit;
	position: relative;
	left: 0px;
}
#content .quote {
	font-size: 11px;
}

p.space {
	line-height:1.6em;
}
#content .clearLeft {
	clear: left;
}
#content .margLeft {
	margin-left:10px;
}
#content .paraUp {
	 margin-top:-6px;
}

#content .clearLeft {
	clear: left;
}

/* creates a hanging indent */
#content .padLeft {
	padding-left:8px;
} 
/* moves paragraphs up closer to their headers */
#content .padTopNo {
	margin-top:-6px; padding-top:0px;
}

#content .headerMarg {
	margin-top:20px;
}