/********************************************************************************************
File:           clf-optional.css
Version:        6.0
Last Modified:  Aug-25-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.
---------------------------------------------------------------------------------------------
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 */
#mainnavWrapper{margin:0px;padding:0px;padding-left:14px;margin-top:36px;margin-right:15px;position:relative;height:23px;line-height:19px;/*overflow:visible;*/border-bottom:3px solid #8f492f;}
/*******IE 6 Hacks**********/
* html #mainnavWrapper{margin-top:20px;}
#UbcMainNav
{
        position:relative;
	/*padding: 0;
	float:left;*/
	padding-left:4px;
	width:600px;
	height: 39px;
	overflow-y: visible;
	overflow-x: 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: #fff url(../img/header/mainNav2LiBg.gif) repeat-x;*/
}

#UbcMainNav li a
{
	color: white; /*#123B5C;*/
	text-indent: 0;
	/*background: url(../img/header/mainNav2Bg.gif) no-repeat center right;*/
	text-align: center;
	height: 25px;
	padding: 14px 7px 0; /*mod 14 to 10*/
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
}

#UbcMainNav li.current a{color: #123B5C;}

#UbcMainNav li a:hover
{
        /*color: #123B5C;*/
	text-decoration: underline;
}
    
    /* 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
	{
	        border-top:3px solid #8f492f;
		float: left;
		/*width: 166px;*/
		width: 213px;
		font-size: 90%;
		font-weight: bold;
		/*padding: 10px 19px;*/
		padding:10px 29px 0px 9px;
		margin-left:15px;
	}

	#UbcContent #UbcSecondNav li
	{
		/*border-bottom: 1px dotted #e3e3e3;*/
	}

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

	#UbcContent #UbcSecondNav li a
	{
		display: block;
		padding: 0 0 0 10px;
		margin: 0.8em 0;
		color:#FFFFFF;
		font-size:120%;
		/*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 li a.UbcCurrent2
	{
		color: #8f492f;
		/*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: 707px;
		margin: 0 19px 0 19px;
	}
	
	/* content sidebar callout */
	#UbcContentSidebar
	{
		margin: 60px 0 0 0;
		width: 228px;
		width: 160px;
		float: left;
	}
	
	#UbcContentSidebar div
	{
		margin: 0 0 30px 0;
	}
	
	#UbcContentSidebar div.UbcQuickLinks
	{
		background: #ebeff1 url(../img/content/calloutQuickLinks.gif) no-repeat;
		padding: 35px 0 30px 0;
		position: relative;
		float: left;
	}
	
	#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;
	}
	
	#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;
}


/* header */
#UbcHeader
{
	height: 98px;
	background-color: #ffffff; /* Needs to be configured with White #ffffff, UBC Blue #002859 or UBC Grey #7491a3 */
}

#UbcHeader h1#UbcLogo
{
	width: 97px;
	background: url(../img/header1/ubcLogo.gif) no-repeat;
}


#UbcHeader li.UbcMindLink
{
    background: url(../img/header1/placeOfMind.gif) no-repeat 0 0;
	border-right: 3px solid #fff;
}

#UbcHeader a#UbcMindLink
{
	display: block;
	width: 187px;
	height: 98px;
	text-indent: -5000px;
	background: url(../img/header1/placeOfMind.gif) no-repeat;
}


#UbcHeader li#UbcHeaderLine
{
	margin: 0;
	padding: 0;
	background: url(../img/header1/ubcHeader.gif) no-repeat;
	width: 379px; /* With Sub Unit Identification */
	/* width: 692px; Main UBC.ca and Okanagan Homepage Identification Only */
}

#UbcHeader li#UbcSubUnitLine
{
	margin: 0;
	padding: 0;
	background: url(../img/header1/ubcSubUnit.gif) no-repeat;
	width: 314px;
}

	/* mod 
	#UbcContentSidebar{width: 235px;}
	#UbcContentSidebar{margin: 0 18px 0 0;}*/
	#UbcMainContent{width: 533px;margin: 0 19px 0 19px;width: 707px;}
	
	
#UbcMainNav{position:relative;border:none;min-height:1px;}
.UbcLinksSection img{float:right;width:160px;margin:5px 0 5px 10px;}
.UbcLinksSection {width:235px;}

#quicklinks{text-align:right;padding-top:0px;}
#quicklinks #back{background: #5D171E url("/fileadmin/template/cap/images/50g23trans.png") repeat;padding-top:0px;padding-bottom:0px;width:220px;height:50px;}
#quicklinks #eventstitle{font-size:14px;line-height:50px;color:white;margin-right:50px;}
#quicklinks #back,#quicklinks #box {margin:0px; padding:0px;}

            #UbcContentSidebar {width:220px;}
            #UbcContentSidebar .csc-header{margin-right:50px;text-align:right;background: #5D171E url("/fileadmin/template/cap/images/50g23trans.png") repeat;width:220px;height:50px;margin:0px;padding:0px;}
            #UbcContentSidebar h1.csc-firstHeader{line-height:50px;margin-right:50px;font-size:16px;font-weight:normal;color:white;}
            #UbcContentSidebar p.bodytext {background-color:#cecece;padding:5px 5px 5px 5px;margin:0px;margin-bottom:1px;width:210px;}

#quicklinks .qlitem1{margin:0px;border-bottom:1px solid #333333;display:block;width:220px;height:50px;background:url('/fileadmin/template/cap/images/paperclip_trim.png') no-repeat bottom right;}
#quicklinks .qlitem1:hover{background:url('/fileadmin/template/cap/images/papercliph_trim.png') no-repeat bottom right;}
#quicklinks .qlitem1 a{line-height:50px;margin-right:50px;color:white; text-decoration:none; font-size:10pt;font-family: Arial;font-weight: lighter;}

#quicklinks .qlitem2{margin:0px;border-bottom:1px solid #333333;display:block;width:220px;height:50px;background:url('/fileadmin/template/cap/images/document_trim.png') no-repeat bottom right;}
#quicklinks .qlitem2:hover{background:url('/fileadmin/template/cap/images/documenth_trim.png') no-repeat bottom right;}
#quicklinks .qlitem2 a{line-height:50px;margin-right:50px;color:white; text-decoration:none; font-size:10pt;font-family: Arial;font-weight: lighter;}

#quicklinks .qlitem3{margin:0px;border-bottom:1px solid #333333;display:block;width:220px;height:50px;background:url('/fileadmin/template/cap/images/envelope_trim.png') no-repeat bottom right;}
#quicklinks .qlitem3:hover{background:url('/fileadmin/template/cap/images/envelopeh_trim.png') no-repeat bottom right;}
#quicklinks .qlitem3 a{line-height:50px;margin-right:50px;color:white; text-decoration:none; font-size:10pt;font-family: Arial;font-weight: lighter;}

#quicklinks .qlitem4{margin:0px;border-bottom:1px solid #333333;display:block;width:220px;height:50px;background:url('/fileadmin/template/cap/images/paperclip_trim.png') no-repeat bottom right;}
#quicklinks .qlitem4:hover{background:url('/fileadmin/template/cap/images/envelopeh_trim.png') no-repeat bottom right;}
#quicklinks .qlitem4 a{line-height:50px;margin-right:50px;color:white; text-decoration:none; font-size:10pt;font-family: Arial;font-weight: lighter;}



#UbcMainContent{width: 550px;}