/********************************************************************************************
File:           clf-2-column.css
Version:        6.0.1
Last Modified:  Sep-10-2009
---------------------------------------------------------------------------------------------
Description:    Stylehseet for the University of British Columbia's web sites.
---------------------------------------------------------------------------------------------
Notes:          CSS styles for the 2 column layout.
---------------------------------------------------------------------------------------------
Version Notes:
- v.6.0:        Official CSS styles released with Template 6.0.

- v.6.0.1:		a. { line-height: 1em; } set for ".UbcLinksBar li" to counteract typographical 
				line-height changes.
				
				b. Homepage main column lists are now bulleted
				
				Only customized UL have their margins, padding and list-style removed.
---------------------------------------------------------------------------------------------
Contact:        UBC Public Affairs
                t: 604.822.2130
                e: web.admin@ubc.ca
                w: www.webcommunications.ubc.ca

********************************************************************************************/


	
	/* Headline Widget */
	#UBCHeadlineWidget
	{
	    width: 580px;
	    height: 378px;
	    overflow: hidden;
	    position: relative;
	    background: #6a8799 url(../../_ubc_clf/img/home/headlineWidgetBg.gif) bottom left repeat-x;
	    margin: 0 0 37px 0px;
	}
		#UBCHeadlineWidget ul
	{
	    
	    padding:0 0 0 0px;  margin:0 0 0 0px;
	}
	
	#UBCHeadlineWidget ul.UBCStoriesListing li
	{
	    width: 580px;
	    height: 378px;
	    overflow: hidden;
	    padding:0 0 0 0px;
	    margin:0 0 0 0px;
	}
	
	#UBCHeadlineWidget ul.UBCStoriesListing li h4
	{
	    color: #fff;
	    font-size: 150%;
	    width: 425px;
	    margin: 0.5em 0 0.2em 14px;
	}
	
	#UBCHeadlineWidget ul.UBCStoriesListing li p
	{
	    color: #fff;
	    width: 425px;
	    margin: 0.3em 0 0.3em 14px;
	}
	
	#UBCHeadlineWidget ul.UBCStoriesListing li a.UBCHeadlineReadMore
	{
	    display: block;
	    width: 95px;
	    height: 23px;
	    text-indent: -5000px;
	    background: url(../../_ubc_clf/img/home/headlineWidgetReadMoreBtn.gif) no-repeat;
	    margin: 0 0 0 14px;
	}
	
	#UBCHeadlineWidget ul.UBCStoriesListing li div.UBCHeadlinePicture
	{
	    width: 580px;
	    height: 275px;
	    overflow: hidden;
	    vertical-align: middle;
	}
	
	#UBCHeadlineWidget ul.UBCStoriesListing li div.UBCHeadlinePicture img
	{
	    display: block;
	    margin: 0 auto;
	}
	
	#UBCHeadlineWidget div.UbcHeadlineNav
	{
	    position: absolute;
	    width: 120px;
	    height: 70px;
	    padding: 0 0 0 10px;
	    bottom: 20px;
	    right: 0px;
	    border-left: 1px solid #637c8c;
	    color: #fff;
	    z-index: 100;
	}
	
	#UBCHeadlineWidget div.UbcHeadlineNav a
	{
	    display: block;
	    width: 22px;
	    height: 22px;
	    float: left;
	    text-indent: -5000px;
	    margin: 0 2px;
	}
	
	#UBCHeadlineWidget div.UbcHeadlineNav span
	{
	    display: block;
	    float: left;
	    height: 17px;
	    font-weight: bold;
	    padding: 5px 2px 0 2px;
	}
	
	#UBCHeadlineWidget div.UbcHeadlineNav a.UbcHeadlineNavPause
	{
	    background: url(../../_ubc_clf/img/home/headlineWidgetPauseBtn.gif) no-repeat;
	}
	
	#UBCHeadlineWidget div.UbcHeadlineNav a.UbcHeadlineNavPause:hover
	{
	    background-position: 0 -22px;
	}
	
	#UBCHeadlineWidget div.UbcHeadlineNav a.UbcHeadlineNavNext
	{
	    background: url(../../_ubc_clf/img/home/headlineWidgetNextBtn.gif) no-repeat;
	}
	
	#UBCHeadlineWidget div.UbcHeadlineNav a.UbcHeadlineNavNext:hover
	{
	    background-position: 0 -22px;
	}
	
	#UBCHeadlineWidget div.UbcHeadlineNav a.UbcHeadlineNavPrev
	{
	    background: url(../../_ubc_clf/img/home/headlineWidgetPrevBtn.gif) no-repeat;
	}
	
	#UBCHeadlineWidget div.UbcHeadlineNav a.UbcHeadlineNavPrev:hover
	{
	    background-position: 0 -22px;
	}
	
	#UBCHeadlineWidget div.UbcHeadlineNav a.UbcHeadlineNavPlay
	{
	    background: url(../../_ubc_clf/img/home/headlineWidgetPlayBtn.gif) no-repeat;
	}
	
	#UBCHeadlineWidget div.UbcHeadlineNav a.UbcHeadlineNavPlay:hover
	{
	    background-position: 0 -22px;
	}