/********************************************************************************************
File:           ecem-optional.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 full/optional Common Look and Feel Template.
---------------------------------------------------------------------------------------------
Version Notes:
- v.6.0:        Official CSS styles released with Template 6.0.

- v.6.0.1:		a. Line-height for quicklinks readjusted to 1em to counteract change in clf-typography
				(Find Rule: #UbcContentSidebar div.UbcQuickLinks ul li)
				
				b. { overflow: hidden; } added to #UbcMainContent & #UbcContentSidebar to guard against
				images that are too wide. Wide images break column layout floats previously.
				
				c. { min-height: 32px; } added to .UbcArrow to ensure a minimum line height on links 
				in the featured area on the right content bar.
				
				d. Quick Links Title is now text based.

---------------------------------------------------------------------------------------------
Contact:        UBC Public Affairs
                t: 604.822.2130
                e: web.admin@ubc.ca
                w: www.webcommunications.ubc.ca

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

/*@import url('helper/imagenav.css');*/

/* main nav */
#UbcMainNav
{
	padding: 0;
	/*height: 39px;*/
	height: 48px;
	position: relative;
	overflow: visible;
	z-index: 70;
	margin-top: 3px;
/*	margin-bottom: 3px;*/

}

#UbcMainNav li
{
	float: left;
	z-index: 75;
}

#UbcMainNav li a
{
	display: block;
	width: auto;
}

/* Main Nav Text - text based */
#UbcMainNav
{
	/*background: #fff url(../img/header/mainNav2LiBg.gif) repeat-x;*/
	background: #002859 url(../img/WebECEMlogo.gif) no-repeat;
}

#UbcMainNav li a
{
	/*color: #123B5C;
	font-size: 90%;
	background: url(../img/header/mainNav2Bg.gif) no-repeat center right; 
height: 25px;
	padding: 14px 10px 0;*/
	color: #FFF;
	text-align: center;
	text-indent: 0;
	height: 27px;
	padding: 20px 10px 0;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
	text-transform: uppercase;

}

#UbcMainNav li a:hover
{
	text-decoration: underline;
	color: #ffa000;
}
    
#UbcMainNav li a.first
{
	
	/*background: url(../img/header/mainNav2Bg.gif) no-repeat center right;*/
	width: 290px;
	
}

#UbcMainNav li a.selected
{
	text-decoration: none;
	color: #ffa000;
		
}

    /* Main Nav Sub Menu */
 /*   #UbcMainNav div.UbcSubMenuWrapper
    {
        position: absolute;
        width: 100%;
        left: 0px;
        z-index: 100;
        display: none;
    }
    
    #UbcMainNav li.UbcSelectedTop
    {
        position: absolute;
        width: 12px;
        height: 7px;
        top: 39px;
        z-index: 200;
        background: #002859 url(../img/header/mainMenuSelected.gif) no-repeat;
        display: none;
    }
    
    #UbcMainNav ul.UbcSubMenu
    {
        position: absolute;
        width: 980px;
		margin-left: 0;
        left: 0px;
        z-index: 100;
        display: none;
        padding: 7px 0 0 0;
        background: #002859 url(../img/header/mainMenuSubMenuBg.gif) bottom left repeat-x;
    }
    
    #UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection
    {
        width: 245px;
        padding: 9px 0 16px 0;
        background: none;
    }
    
    #UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection ul
    {
        width: 220px;
        padding: 0 0 0 20px;
    }
    
    #UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection li
    {
        float: none;
        background: none;
        border-bottom: 1px solid #405b72;
    }
    
    #UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection li a
    {
        height: auto;
        display: block;
        text-indent: 0px;
        background: transparent url(../img/header/mainMenuArrow.gif) no-repeat 0 1.1em;
        color: #fff;
        text-decoration: none;
        font-size: 0.9em;
        font-weight: bold;
        padding: 1em 0 0.5em 1.2em;
        border: none;
        text-align: left;
        text-transform: none;
    }
    
    #UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection li a:hover
    {
        text-decoration: underline;
    }
*/
	/* bread crumb */
/*
	#UbcContent #UbcBreadCrumb
	{
		font-size: 90%;
		font-weight: bold;
		padding: 1.5em 0 1.5em 20px;
		border-bottom: 1px solid #e3e3e3;
		overflow: hidden;
		list-style: none; 
		margin: 0; 
	}

	#UbcContent #UbcBreadCrumb li
	{
		float: left;
		margin: 0 10px 0 0;
	}

	#UbcContent #UbcBreadCrumb li a
	{
		text-decoration: underline;
		color: #5d5d5d;
		padding: 0 0 0 10px;
		background: url(../img/content/brownArrow.gif) 0 0.4em no-repeat;
	}
	
	#UbcContent #UbcBreadCrumb li a:hover
	{
		text-decoration: none;
	}

	#UbcContent #UbcBreadCrumb li.current a
	{
		color: #123b5c;
		background-image: url(../img/content/blueArrow.gif)
	}
*/
	/* Secondary Navigation */

	#UbcContent #UbcSecondNav
	{
		float: left;
		width: 166px;
		font-size: 90%;
		font-weight: bold;
		padding: 40px 0 0 19px;
	}

	#UbcContent #UbcSecondNav li
	{
		border-bottom: 1px solid #e3e3e3;
	}

	#UbcContent #UbcSecondNav li.UbcLast
	{
		border-bottom: none;
	}

	#UbcContent #UbcSecondNav li a
	{
		display: block;
		padding: 0 0 0 10px;
		margin: 0.8em 0;
		color: #5d5d5d;
		background: url(../img/content/brownArrow.gif) 0 0.3em no-repeat;
		text-decoration: none;
	}
	
	#UbcContent #UbcSecondNav li a:hover
	{
		text-decoration: underline;
		color: #ffa000;
	}

	#UbcContent #UbcSecondNav li a.UbcCurrent
	{
		color: #123b5c;
		background-image: url(../img/content/blueArrow.gif)
	}
	
	#UbcContent #UbcSecondNav ul
	{
		margin: 1em 0 0 0;
		padding: 0 0 0 10px;
		border-top: 1px solid #e3e3e3;
	}
	
	ul#UbcSecondNav, #UbcSecondNav ul {
		list-style: none;	
	}
	
	ul#UbcSecondNav {
		padding: 0;
		margin: 0;
	}
	
	/* Main Content */
	#UbcMainContent
	{
		float: left;
		width: 582px;
		margin: 35px 19px 0 19px;
		overflow: hidden;
	}
/*	*/
	/* content sidebar callout */
	#UbcContentSidebar
	{
		margin: 40px 0 0 0;
		width: 160px;
		overflow: hidden;
		float: left;
	}
	
/*	#UbcContentSidebar div
	{
		margin: 0 0 30px 0;
	}
	*/
	#UbcContentSidebar div.UbcQuickLinks
	{
		padding: 0 0 30px 0;
		position: relative;
		background-color: #ebeff1;
		border: 1px solid #00b0d8;
	}
	
	#UbcContentSidebar div.UbcQuickLinks .UbcHeaderCallOut {
		font-size: 0.9em;
		letter-spacing: 1px;
		color: #fff;
		background: #00b0d8; /* url(../img/calloutLinks.gif) no-repeat center bottom;*/
		text-align: center;
		padding: 9px 0 9px 0;
		margin-bottom: 0;
		margin-top: 0;
	}
	
	#UbcContentSidebar div.UbcQuickLinks ul
	{
		background: #fff;
		padding: 0 3px 2px 8px;
		list-style: none;
		margin: 0;

	}
	
	#UbcContentSidebar div.UbcQuickLinks ul li
	{
		position: relative;
		border-bottom: 1px solid #e3e3e3;
		line-height: 0.9em !important;
	}
	
/*	#UbcContentSidebar div.UbcQuickLinks li a.UbcArrow
	{
		display: block;
		padding: 1em 25px 1em 5px;
		background: url(../img/content/calloutArrowOff.gif) no-repeat right center;
		color: #00457c;
		font-size: 90%;
		font-weight: bold;
		text-decoration: none;
	}
	
	#UbcContentSidebar div.UbcQuickLinks li a.UbcArrow:hover
	{
		background-image: url(../img/content/calloutArrowOn.gif);
	}
*/	
/* Bottom Nav */
/*#UbcBottomNavWrapper
{
	width: 980px;
}

#UbcBottomNav
{
    padding: 0 0 15px 15px;
    width: 965px;
    background: #fff url(../img/footer/bottomNavBg.gif) repeat-x;
}

#UbcBottomNav li.UbcMenuSection
{
	width: 175px;
	float: left;
	margin: 10px 18px 0 0;
	font-size: 90%;
}

#UbcBottomNav li.UbcMenuSection h4
{
	font-size: 110%;
	margin: 1em 0 0.4em 0;
	color: #123b5c;
}

#UbcBottomNav li.UbcMenuSection ul
{
	border-bottom: 1px solid #dcdcdc;
}

#UbcBottomNav li.UbcMenuSection li
{
	border-top: 1px solid #dcdcdc;
}

#UbcBottomNav li.UbcMenuSection li a
{
	color: #5d5d5d;
	text-decoration: none;
	display: block;
	margin: 0.6em 0;
	padding: 0 0 0 10px;
	background: url(../img/content/brownArrow.gif) 0 0.2em no-repeat;
}

#UbcBottomNav li.UbcMenuSection li a:hover
{
	text-decoration: underline;
} */

/* Miscellaneous */
/*#ubcAd1 a:link, #ubcAd1 a:visited {
  display: block;
  width: 340px;
  height: 113px;
  background: url(/_assets/img/home/ubc_events_orientation.gif) no-repeat;
}

#ubcAd1 a:hover, #ubcAd1 a:active {
  display: block;
  width: 340px;
  height: 113px;
  background: url(/_assets/img/home/ubc_events_orientation_over.gif) no-repeat;
}
*/