/********************************************************************************************
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;
	/*margin-top:5px;*/
	height: 39px;
	position: relative;
	overflow: visible;
	z-index: 70;
	background-color: #dfefd0; 
}

								/***********  Added by SN    ***********/
#subSites  
{

bottom:-10px;
overflow: visible;
margin-left:auto; 
margin-right:auto;
left:220px;
padding-top:4px;
width:980px;
font-size:14px;
color:#FFFFFF;
background-color:#FFFFFF;
}

#portals{

}

#undergrad {
background-image:url(../../images/undergrad.png);
background-position:right;
border-left:#FFFFFF 2px solid;
width:142px;/*102px*/
height:27px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
text-transform:none;
padding-top:4px;
}

#ug-title{
color:#76a845;
font-size:14px;
font-weight:bold;
}

#ug{
background-color:#76a845;
width:150px;
}

#grad{
background-color:#c47510;
}

#g-title{
background-color:#f6e9d8;
color:#c47510;
font-size:14px;
}


#undergrad a{
color:#FFFFFF;
text-decoration:none;
padding-top:2px;
}

#undergrad a:hover{
text-decoration:underline;
}

#grad {
background-image:url(../../images/grad.png);
background-position:left;
border-left:#FFFFFF 2px solid;
width:143px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
text-transform:none;
padding-top:2px;
}

#grad a{
color:#FFFFFF;
text-decoration:none;
padding-top:2px;
}

#grad a:hover{
text-decoration:underline;
}


#student {
background-image:url(../../images/studentBeyond.png);
background-position:right;
border-left:#FFFFFF 2px solid;
width:165px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
text-transform:none;
}

#student a{
color:#FFFFFF;
text-decoration:none;
}

#student a:hover{
text-decoration:underline;
}

#sb{
background-color:#002859;

}

#sb-title{
font-size:14px;
font-weight:bold;
color:#002859;
}

#shape {
background-image:url('../../images/shape.png');
background-repeat:no-repeat;
background-position:bottom;
width:24px;
padding-top:0;
}

#greenBar {
background-image:url(../../images/green_bar.png);
background-repeat:repeat-x;
background-position:bottom;
width:521px;

}

.topline{
text-align:right;
border-top:1px solid #d8e2a3;
margin:0 10px 0 10px;
padding-top:2px;
}

#test
{
background-color:#74a33d;
float:left;
margin: 0px 20px -48px -50px;
width: 200px;
min-height:-200px;

}
#threes{
	float: left;
    width: 580px;
	margin: auto 19px 0 19px; 
	/*margin:0 0 100px 150px;*/
	overflow: hidden;
}

/*
#leftBar
{
background-color:#74a33d;
float:left;
padding: 30px 0 0 0;
width: 148px;
min-height:600px;
background: url(../img/content/secNavBg.jpg) repeat-y;
}

*/

#UbcContent #UbcSecondNav #test p,a:link {
color:#000000;

}

									/*********************************************************/
/* added by SN Feb 22,2010
#secLef{
float:left;
bottom:-10px;
position:absolute;
width:166px;
}

#secLef .gbar{
height:100%;
background-color:#74a33d;
border:2px #000000 solid;
background: url(../img/content/secNavBg.jpg) repeat-y;
} */

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

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

/*
#UbcMainNav
{
	background-color:#fff url(../img/header/mainNav2LiBg.gif) repeat-x;
}*/

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

#UbcMainNav li a:hover
{
	text-decoration: none;
	/*background: url(../img/header/nav_btn.gif) repeat-x center;*/
	color:#FFFFFF; /*SN Dec-12-10*/
	background-color:#85B852;
	/*-moz-border-radius: 4px;
    -webkit-border-radius: 5px;
    border: 1px solid #85B852;   SN Dec-12-10*/
}
    
    /* 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: #4D781E 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;*/
		background-color:#4D781E;
    }
    
    #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 #73A23C;
    }
    
    #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: 1em 0 1em 10px;
		border-bottom: 1px solid #e3e3e3;
		overflow: hidden;
		list-style: none; 
		/* margin: 0 0 0 165px;  SUNNIE MARCH 11, 2010*/
	}

	#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: 148px; /*default=166*/
		font-size: 90%;
		font-weight: bold;
		padding: 30px 0 0 19px;
		background-color: #74a33d;
		/*background: url(../img/content/secNavBg.jpg) repeat-y; (SN Jan 27, 2010) SN March 11, 2010: Cauing problem in Mac*/
	}

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

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

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

	#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: 500px;
		margin: 0 19px 0 19px; 
		/*margin:0 0 100px 150px;*/
		overflow: hidden;
	}
	
	/* content sidebar callout */
	#UbcContentSidebar
	{
		margin: 60px 20px 0 0;
		width: 250px;
		overflow: hidden;
		float: left;
		background-color:#4c433a;
	}
	
	#UbcContentSidebar div
	{
		margin: 0 0 30px 0;
		background-color:#4c433a;
	}
	
	#UbcContentSidebar div.UbcQuickLinks
	{
		padding: 0 0 30px 0;
		position:static;
		background-color: #ebeff1;
		width:300px; /* try changing this */
		float:left;
		display:block;
		z-index:300;
	}
	
	#UbcContentSidebar div.UbcQuickLinks .UbcHeaderCallOut {
		font-size: 0.9em;
		letter-spacing: 1px;
		color: #fff;
		background: #85b852 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: #4c433a; /* SN March 1, 2010*/
		padding: 0 0 2px 0; /* SN Feb 26, 2010*/
		list-style:none;
		list-style-position: outside;
		display:block;
		margin: 0;
		position:static;
		color:#FFFFFF;
		
	}
	
	#UbcContentSidebar div.UbcQuickLinks ul li
	{
		position: relative;
		border-bottom: 1px solid #e3e3e3;
		line-height: 0.9em !important;
		list-style:none; /* Added by SN March 3, 2010*/
		background:none; /* Added by SN March 3, 2010*/
	}
	
	#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;
		border-bottom: 4px solid #6d6e5e;
	}
	
	#UbcContentSidebar div.UbcQuickLinks li a.UbcArrow:hover
	{
		background-image: url(../img/content/calloutArrowOn.gif);
	}
	
	
	
	
	
/* Bottom Nav */
#UbcBottomNavWrapper
{
	width: 980px;
}

#UbcBottomNav
{
    padding: 0px 40px 60px 40px;

    width: 965px; height: 90px;
    margin: 0px 0px 0px 0px !important;
    background: #fff url(../img/footer/bottomNavBg.gif) repeat-x;

}



#UbcBottomNav li.UbcMenuSection
{
	width: 170px;
	float: left;
	margin: 10px 5px 0 0;
	font-size: 90%;
	line-height:1.5em;
}

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

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

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

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

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

#UbcBottomNav li.UbcMenuSection ul.menu
{
margin:0px;
}

/* 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;
}


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

.links li
{
display:none;
}

.terms li
{
display:none;
}

span.submitted
{
display:none;

}

.views-field-title li
{
padding: 0px 0px 0px 20px;
background: transparent url(../img/content/green-bullet2.png) no-repeat scroll 0.2em;
display: block;
margin-top: 10px;

}

.field-content a:link
{
color: #ffffff;
text-decoration:none;
}

.field-content a:visited
{
color: #ffffff;
text-decoration:none;
}


/************APBI HOMEPAGE CSS************************************************************************

#apbiWrapper1
{
margin: 1em 0;
line-height:1.5em;
}

#apbiRightWrapper p
{
margin: 1em 0;
line-height:1.5em;
}

#graphicWrapper{
width: 240px;
float:left;
padding:60px 5px 15px 5px;
}

#apbiLeftWrapper
{
padding:15px 0px 15px 20px;
width:450px;
float:left;
font-size:100%;
}
#apbiRightWrapper
{
padding:15px 20px 15px 0px;
width:250px;
float:left;
font-size:100%;
}
#apbiIsItRightForYouWrapper
{
width:400px;
background-color:#eaf3c1;
padding:10px 15px 20px 15px;
margin-top:20px;
}
#apbiAwards
{
width:400px;
background-color:#f0E7E3;
padding:10px 15px 20px 15px;
margin-top:20px;
}

#apbiAbout
{
width:240px;
background-color:#f0E7E3;
padding:10px 15px 20px 15px;
}

#apbiPrograms
{
width:240px;
padding:10px 15px 20px 15px;
position:absolute;
float:left;
}

.apbiProgramWrapper
{
clear:left;
margin: 10px 2px;
width:240px;
float:left;
}

#apbiPrograms img
{
padding: 5px;
border: 1px solid #E0D6C7;
margin:3px;
float:left;
}

.apbiProgramLink
{
width:120px;
padding:10px;
font-weight:bold;
float:left;
line-height:1.5em;
}

#apbiDidYouKnowWrapper img
{
margin: 10px 5px;
padding: 10px;
position: relative;
}

#newsticker {
position:absolute;
top: 550px;
margin-left: 20px;
width:240px;
}
#newsticker ul li{
	list-style: none;
	min-height: 1.6em;
	padding: 10px 15px;
	padding-right: 30px;
 background: none !important;
}

#newsticker li.error {
	color: #f00;
}

#newsticker #togglenewsticker {
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 12px;
	width: 14px;
	height: 14px;
	text-indent: 20px;
	outline: none;
}