/********************************************************************************************
File:           clf-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;
	position: relative;
	overflow: visible;
	z-index: 70;
}

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

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

/* Main Nav Text - text based */
#UbcMainNav
{
	background: url("../img/header/mainNav2LiBg.gif") repeat-x scroll 0 0 #FFFFFF;
}

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

#UbcMainNav li a:hover 
{
    color:#FFF;
    background: url("../img/header/mainNav2Bg_hover.gif") repeat-x transparent;
}
#UbcMainNav div.UbcSubMenuWrapper {
    display: none;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
#UbcMainNav li.UbcSelectedTop {
    background: url("../img/header/mainMenuSelected.gif") no-repeat scroll 0 0 #002859;
    display: none;
    height: 7px;
    position: absolute;
    top: 39px;
    width: 12px;
    z-index: 200;
}
#UbcMainNav ul.UbcSubMenu {
    background: url("../img/header/mainMenuSubMenuBg.gif") repeat-x scroll left bottom #933e7f;
    display: none;
    left: 0;
    margin-left: 0;
    padding: 7px 0 0;
    position: absolute;
    width: 980px;
    z-index: 100;
}
#UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection {
    background: none repeat scroll 0 0 transparent;
    padding: 9px 0 16px;
    width: 245px;
}
#UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection ul {
    padding: 0 0 0 20px;
    width: 220px;
}
#UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection li {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #91798b;
    float: none;
}
#UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection li a {
    background: url("../img/header/mainMenuArrow.gif") no-repeat scroll 0 1.1em transparent;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    height: auto;
    padding: 1em 0 0.5em 1.2em;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    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: 60px 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;
}

#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: 0 19px 0 19px;
	overflow: visible;
}

/* content sidebar callout */
#UbcContentSidebar
{
	margin: 60px 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;
}

#UbcContentSidebar div.UbcQuickLinks .UbcHeaderCallOut {
	font-size: 0.9em;
	letter-spacing: 1px;
	color: #fff;
	background: #002859 url(../img/content/calloutHeader.gif) no-repeat center bottom;
	text-align: center;
	padding: 9px 0 14px 0;
	margin-bottom: 0;
}

#UbcContentSidebar div.UbcQuickLinks ul
{
	background: #fff;
	padding: 0 3px 2px 0;
	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;
}