@charset "utf-8";


/*-----------------------------------------------------------------------------
	UBC Department of Economics
	
	version:   1.0

	-----------------------------------------------------------------------------*/
	/* Basics
	-----------------------------------------------------------------------------*/
	
	body { height: 100%; } 
	
	html { height: 100%; } 
	
	/* Force vertical scrollbar */
	html {
	min-height: 100%;
	margin-bottom: 1px;
}
	
	* { margin: 0; padding: 0px; } /* Remove padding and margin */

	ul {
	margin: 0em 0;
} 

	table {
	margin: 0em 0;
} 

	fieldset {
	margin: 0em 0;
} 

	form {
	margin: 0em 0;
} 

	blockquote {
	margin: 0em 0;
} 

	pre {
	margin: 0em 0;
} 

	p {
	margin: 0em 0;
} 

	h6 {
	margin: 0em 0;
} 

	h5 {
	margin: 0em 0;
} 

	h4 {
	margin: 0em 0;
} 

	h3 {
	margin: 0em 0;
} 

	h2 {
	margin: 0em 0;
} 

	h1 {
	margin: 0em 0;
} /* Put it back on certain elements */ 
	
	.clear { clear:both; } /* Class for clearing floats */
	
	img { border: 0px none; } /* Remove border around linked images */

	
/* ---------------------------------------------------------------------------
Spacers & Headers
-----------------------------------------------------------------------------*/
		
.break { margin: 0; padding: 0; border-width: 0; height:4px; line-height: 8px; }

.bigBreak { height:20px; }

.dividerLine {
	background:url(../images/dividerLine.jpg) no-repeat;
	width: 360px;
	height:2px;
	margin-top: 2px;
	margin-bottom: 15px;
}

br {
	margin: 0;
	padding: 0;
	border-width: 0;
	line-height: 6px;
}

*.brHalf { display:block; margin-top:-0.5em; }

*.brSingle { display:block; margin-top:0em; }

*.brOne { display:block; margin-top:1.5em; }

*.brDouble { display:block; margin-top:2em; }

	
/* ---------------------------------------------------------------------------
HREF Selectors
-----------------------------------------------------------------------------*/	

a:link {
	text-decoration: none;
	color: #cfa529;
	font-size:13px;
}
a:visited {
	text-decoration: none;
	color: #c89f23;
	font-size:13px;
}
a:active {
	text-decoration: underline;
	color: #5eacff;
	font-size:13px;
}

	
a:hover {
	text-decoration: underline;
	color: #5eacff;
	font-size:13px;
}

	
/* ---------------------------------------------------------------------------
Paragraph/Header/List Selectors
-----------------------------------------------------------------------------*/	

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	line-height:22px;
	color:#646464;
	padding:0;
	margin:0;
	padding-bottom: 15px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:16px;
	line-height:25px;
	padding:0;
	margin:0;
	padding-bottom: 15px;
	font-weight: normal;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:21px;
	padding:0;
	margin:0;
	padding-bottom: 12px;
	font-weight: normal;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height:21px;
	color:#1B3F7D;
	padding:0;
	margin:0;
	font-weight: normal;
	padding-bottom: 15px;
}

ul {
	list-style: none;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#777777;
	line-height:28px;
	margin-top: 0;
}


li {
	padding-bottom:1px;
	
}

.secondary_contentRight ul {
	list-style:url(../images/bullet.jpg);
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#646464;
	line-height:22px;
	margin-bottom: 15px;
}

.secondary_contentRight li {
	padding-bottom:8px;
	
}


.boldFont{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:21px;
	color:#92735f;
	padding:0;
	margin:0;
	font-weight: bold;
	padding-bottom: 10px;
}

#invisibleLink {
	background: url(../images_global/spacer.gif) no-repeat 0 0;
	width:343px;
	height:60px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 26px;
	left: 35px;
}

/* ---------------------------------------------------------------------------
Secondary Page Headers & Breadcrumbs
-----------------------------------------------------------------------------*/	

.headers {
	font-size: 14px;
	font-family: Times, Helvetica, sans-serif;
	color:#414141;
	line-height:22px;
	font-weight:bold;
	padding-bottom: 0px;
}

.secondaryHeaders{
	font-size: 13px;
	font-family: Times, Helvetica, sans-serif;
	color:#7fa2bd;
	line-height:22px;
}

/* ---------------------------------------------------------------------------
Global ID's
-----------------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background:url(../images/backgroundBGRepeat.jpg);
	text-align: center;
	margin: 0;
	padding: 0; }

#wrapper {
	width: 850px;
	background:url(../images/backgroundBG.jpg) repeat-y;
	margin: 0 auto;
	text-align: left;
	height:auto !important;
	height:100%;
	min-height:100%;
	position:relative; }
	
#siteFrame {
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin: 0 auto;
	position: relative;
	padding-bottom:5em; /* Allow room for footer to stick to the bottom */
	width: 850px;
	padding-top: 20px;
}

#invisibleLink {
	background: url(../images/spacer.gif) no-repeat 0 0;
	width:400px;
	height:37px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 145px;
	left: 10px;
}


/* ---------------------------------------------------------------------------
Top Logo & Navigation
-----------------------------------------------------------------------------*/

#topSection{
	background:url(../images/topBanner.jpg) no-repeat;
	height: 191px;
	width: 830px;
	margin: 0 auto;
	clear: both;
	position: relative;
}

#topMenu{
	background:url(../images/menu_bgRepeat.jpg) repeat-x;
	position: relative;
	width: 828px;
	margin: 0 auto;
	height: 31px;
}

.menuItem{
	float:left;
}

.ubcLinks{
	position:absolute;
	left: 456px;
	top: 16px;
}

.ubcLogoLink{
	position:absolute;
	left: 46px;
	top: 14px;
}

/* ---------------------------------------------------------------------------
Main Content
-----------------------------------------------------------------------------*/

#contentArea {
	position:relative;
	margin: 0 auto;
	width: 828px;
}

.contentLeft{
	background:url(../images/background_homeLeft.jpg) no-repeat;
	float:left;
	width: 392px;
	padding: 25px 0px 0px 15px;
}

.contentRight{
	background:url(../images/background_homeRight.jpg) no-repeat;
	width:370px;
	float:left;
	padding: 30px 25px 0px 25px;
}

.locationBG{
	background:url(../images/background_homeMap.jpg) no-repeat;
	width:366px;
	height:180px;
	padding: 25px 0px 0px 25px;
}


/* ---------------------------------------------------------------------------
Secondary Content
-----------------------------------------------------------------------------*/

#secondary_contentArea {
	background:url(../images/background_secondaryGradient.jpg) repeat-x;
	position:relative;
	margin: 0 auto;
	width: 828px;
	margin-top: 1px;
}

.secondary_sideMenu{
	width:212px;
	float: left;
	padding-top: 30px;
	padding-left: 8px;
}

.secondary_contentRight{
	width:555px;
	background:url(../images/dividerLine_vertical.jpg) top left repeat-y;
	float:left;
	padding: 0px 20px 0px 25px;
	margin-top:30px;
}

table.stat th, table.stat td {
	font-size : 12px;
	font-weight: normal;
	color: #646464;
	font-family : Arial, Helvetica, sans-serif;
	

} 

.secondary_header{
	background-color:#F1F3FA;
	width:540px;
	height:33px;
	padding-top:8px;
	padding-left:10px;
	margin-bottom: 15px;
}

/* ---------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/

#footer {
	background:url(../images/footer_bgRepeat.jpg) repeat;
	bottom:0;
	position: absolute;
	width: 828px;
	margin: 0 auto;
	margin-left:10px;
	height:47px;
}

.footerPara {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #92a1b1;
	font-size:11px;
	padding-top: 13px;
	padding-left:15px;
}	

.footerPara a:link {
	text-decoration: none;
	font-weight:normal;
	font-size: 11px;
	color: #cddcec;
}
.footerPara a:visited {
	text-decoration: none;
	font-weight:normal;
	font-size: 11px;
	color: #b3c4d7;
}
.footerPara a:active {
	font-size: 11px;
	font-weight:normal;
	text-decoration: underline;
	color: #5eacff;
}
.footerPara a:hover {
	font-size: 11px;
	font-weight:normal;
	text-decoration: underline;
	color: #5eacff;
}