/* 
///////////////////////////
site developed by
 iContext Internet Services
 t: 604.831.7621
 f: 604.597.0631
 e: info@icontext.com
 w: www.icontext.com 
///////////////////////////
*/

/* body and p elements */
	body {
	background-color: #FFFFFF;
    }

    p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
    line-height: 125%;
    }

/* flyout */
#dropmenudiv {
	position: absolute;
	border: 1px solid;
	border-color: #FFFFFF;
	color: #FFFFFF;
	font-size: 70%;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 175%;
	z-index: 100;
}

#dropmenudiv a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;	
	padding-left: 5px;
	width: 97%;
	border-top: 0px solid;
}

#dropmenudiv a:hover {
	color: #FFFFFF;
	background-color: #77B1E7;
	text-decoration: underline;
	width: 97%;
}

#dropmenudiv a:visited {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 5px;
}

div.dropdown {
	border-bottom: 1px solid;
	border-color: #FFFFFF;
}

td.dropdown {
	border-width: 1px;
	border-style: solid;
	border-color: #2C3C80;
	background-color: #37488A;
}

#ubcBanner a.ubcBAbout:link, #ubcBanner a.ubcBAbout:active, #ubcBanner a.ubcBAbout:visited, #ubcBanner a.ubcBAbout:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	position:absolute;
	top:25px;
	
	margin-right:3px;

	position:absolute;
	right:180px;
}

/* cell backgrounds */
.bgBlue {
	background-color: #2C3C80;
	border-width: 1px;
	border-style: solid;
	border-color: #2C3C80;
}

.bgLightBlue {
	background-color: #77B1E7;
	border-width: 1px;
	border-style: solid;
	border-color: #2C3C80;
}

/* content areas */
	div.contentCol01 {
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
    }

	div.contentCol02 {
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
    }

	div.contentCol03 {
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
    }

table.nav a { 
	border: 1px solid #333333; 
	display: block; 
}

/* 
// main navigation rollover effect
*/

/* specify base styles */
div.nav a {
	color: #FFFFFF; 
	background: #FFFFFF; 
	text-decoration: none; 
	font-size: 100%;
	/* line-height: 40px; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 2px 5px;
}

/* specify link colours and hover styles to create highlight effect */
div.nav a:link {
	color: #FFFFFF; 
	background: #2C3C80; 
}

div.nav a:active { 
	color: #FFFFFF;
	background: #77B1E7; 
}

div.nav a:visited {
	color: #FFFFFF; 
	background: #2C3C80; 
}

div.nav a:hover {
	color: #FFFFFF;
	background: #77B1E7; 
	border: 1px solid #000000; 
}

/*
div.nav { 
	position: absolute;
	top: 0; 
	left: 0;
}
*/

/* hyperlinks in nav
    a.nav:link, a.nav:active, a.nav:visited, .nav {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-decoration: none;
    }

    a.nav:hover {
    color: #FFFFFF;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
    text-decoration: underline;
    }
*/

/* hyperlinks in navSelected */
    a.navSelected:link, a.navSelected:active, a.navSelected:visited {
    color: #0D046B;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
    text-decoration: none;
    }

    a.navSelected:hover {
    color: #0D046B;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
    text-decoration: underline;
    }

/* hyperlinks in subNav */
    a.subNav:link, a.subNav:active, a.subNav:visited {
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
    text-decoration: none;
	background-color: transparent;
    }

    a.subNav:hover {
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
    text-decoration: underline;
	background-color: transparent;
    }

    td.subNav {
	padding-left: 8px;
    }

    td.subNavSelected {
	border-top: 1px solid #333333;	
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	padding-left: 8px;
    }

/* hyperlinks in footerA */
    a.footerA:link, a.footerA:active, a.footerA:visited, .footerA {
    color: #FFFFFF;
    text-decoration: underline;
    }

    a.footerA:hover {
    color: #FFFFFF;
    text-decoration: none;
    }

/* headings */
    h1 {
    color: #0D046B;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 130%;
    font-weight: normal;
    }

    h2 {
    color: #3F6999;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
    line-height: 100%;
    font-weight: bold;
    }
	
    h3 {
    color: #000000;	
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
    line-height: 100%;
    font-weight: bold;
    }

	h4 { 
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
    line-height: 125%;
    font-weight: bold;
    }

	h5 { 
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
    line-height: 125%;
    font-weight: normal;	
    }

/* hr */
    hr {
    height: 1px;
    color: #000000;
	background-color: transparent;
    }

/* lists */
    ul {
    font-family: Arial, Helvetica, sans-serif;
    list-style: square;
	}
	
	li {
	margin-left: -10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
    line-height: 125%;
    }
	
	ul li li {
	list-style: disc;
    line-height: 125%;
	}

	ul li li li {
	list-style: circle;
    line-height: 125%;
	}
	
	ul li li li li {
	list-style: square;
	}
	
	ul li li li li li  {
	list-style: disc;
	}
	ul li li li li li li {
	list-style: circle;
	}

	ul li li li li li li li{
	list-style: square;
	}

/* links */
	a:link {
	color: #000099;
	background-color: transparent;
	}

	a:visited, a:active {
	color: #000099;
	background-color: transparent;
	}

	a:hover {
	color: #000099;
	background-color: transparent;
	text-decoration: none;	
	}

/* monospaced */
	.mono {
	font-family: "courier new", courier, mono;
	font-size: 70%;
	color: #FF9900;
	}

/* fine print for forms, image captions, etc. */
    .fine {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #999999;
    }	

/* toplinks */
    div.toplinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
    font-weight: bold;
	color: #FFFFFF;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 10px;
    }

    a.toplinks:link, a.toplinks:active, a.toplinks:visited {
    color: #FFFFFF;
    text-decoration: none;
    }

    a.toplinks:hover {
    color: #FFFFFF;
    text-decoration: underline;
    }

/* search */
input.search {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #C1DFF5;
	color: #000000;
	font-size: 100%;
	font-weight: normal;
	border-color: #0E046B;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
}

.searchButton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #88BDE5;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	border-color:#0E046B;
	border-top:1px solid;
	border-bottom:1px solid;
	border-left: 1px solid;
	border-right:1px solid;
	background-image: url("/assets/images/button_form.gif");
	background-repeat: repeat;
}

    div.search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
    font-weight: bold;
	color: #FFFFFF;
	padding-left: 5px;
	padding-right: 10px;
    }

/* footer */
    div.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
    }

    a.footer:link, a.footer:active, a.footer:visited {
    color: #FFFFFF;
    text-decoration: underline;
    }

    a.footer:hover {
    color: #FFFFFF;
    text-decoration: none;
    }
	
/* address */
    address {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
    font-style: normal;
    }

/* fake button */
.button {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #D4D0C8;
	padding: 3px;
	}

    a.buttonLink:link, a.buttonLink:active, a.buttonLink:hover, a.buttonLink:visited, .buttonLink {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
    text-decoration: none;
    }

/* borders */
    .borderBlueBGWh {
	border-top: 1px solid #1B5280;
	border-right: 1px solid #1B5280;
	border-bottom: 1px solid #1B5280;
	border-left: 1px solid #1B5280;
    }

    .borderBlueBGBlue {
	background-color: #2C3C80;
	border-top: 1px solid #1B5280;
	border-right: 1px solid #1B5280;
	border-bottom: 1px solid #1B5280;
	border-left: 1px solid #1B5280;
    }

    .borderWhite {
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
    }

/* colours */
	.red {
	color: #CC0000;
	font-weight: bold;
    }

	.grey {
	color: #CCCCCC;
    }

	.green {
	color: #7FBA4E;
    }

	.blue {
	color: #1B5280;
    }

	.white {
	color: #FFFFFF;
    }

	.purple {
	color: #FFFFFF;
    }