/* Built from SFU's main style sheet, these styles eliminate the flyout menus in the top red bar. */

body
	{
	margin: 0px;
	padding: 0px;
	background-color: #a7a8a0;
	color: ;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	}
	
body img {
	border: none;
	}

#absWrapper
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;
	width: 980px;
	}
	
#container
	{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border-top: solid 5px #2e3192;
	padding-top: 70px;
	width: 980px;
	background-color: #ffffff;
	overflow: hidden;
	}

#bodyContent
	{
	position: relative;
	display: block;
	}


/* This is a workaround for I.E. 6, which doesn't float the content contained within this DIV 
correctly unless some height is specified. It doesn't seem to cause trouble for the other web browsers. */

#bodyContent
	{
	height: 100%;
	}

/* masthead area */

#header
	{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 0 0 0px;
	border-left: solid 25px #a43e31;
	background-color: #6e6d64;
	background-repeat: no-repeat;
	background-position: top right;
	width: 980px;
	height: 70px;
	overflow: hidden;
	float: left;
	}

#banner_left
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 490px;
	height: 76px;
	background-image: url(./banner_left.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}

/* for printer-friendly version, remove background image (which probably wouldn't print anyway) and reduce height} */
@media print
	{
	#banner_left {height: 20px; background-image: none;}
	}

/* These next two styles combine to create an invisible link underlying the background image. The link tag must be displayed as a block, but the text inside it can be hidden using a span tag inside it. */

#banner_left a
	{
	position: absolute;
	display: block;
	left: 65px;
	top: 5px;
	width: 310px;
	height: 76px;
	}

/* for printer-friendly version, hide the dummy link */
@media print
	{
	#banner_left a {display: none;}
	}

#banner_left a span
	{
	display: none;
	}

#revealOnPrint
	{
	display: none;
	}

/* Reveal the words "Simon Fraser University" for printable version */
@media print
	{
	#revealOnPrint {display: inline; font-size: 1.4em;}
	}

#banner_right
	{
	position: absolute;
	margin-left: 634px;
	width: 360px;
	height: 76px;
	background-image: url(./banner_right.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}

/* hide for printable version */
@media print
	{
	#banner_right {display: none;}
	}

/* Page content styles */

a { color: #0054a6; }

a:link, a:active { color: #0054a6; }

a:visited { color: #25316e; }

a:hover { color: #6d9dcc; }

h1 {
	color: #b5111b;
	font: bold 1.4em/1.8em "Comic Sans MS", "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	}

h2 {
	color: #555;
	font: bold 1.2em/1.3em "Comic Sans MS", "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	}

h3 {
	color: #777;
	font: 1.1em/1.4em "Comic Sans MS", "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	}
	
h4 {
	color: #555;
	font: 1.1em/1.4em "Comic Sans MS", arial, helvetica, verdana, sans-serif;
	padding-top: .6em;
	border-top: 1px dashed #ccc;
}

#main 
	{
	width: 980px;
	background-image: url(./main_bg.gif);
	border-top: 5px solid #B5111A;
	background-position: left top;
	background-repeat: repeat-y;
	float: left;
	}

#leftcol 
	{
	padding: 20px 10px 20px 38px;
	float: left;
	width: 150px;
	margin-bottom: 20px;
        font-size: .8em;
    text-decoration: blink;
	}
	
#leftcol span {
	font-weight: bold;
	color: #b5111b;
	}

#leftcol ul {
	margin: 0px;
	padding: 0px;
	margin-top: 20px;
	list-style: disc inside;
	}

#leftcol ul li {
	margin-bottom: 10px;
	}

#centrecol 
	{
	float: left;
	width: 520px;
	padding: 20px 20px 0px 33px;
	}
	
#login {
	padding-left: 36px;
	width: 400px;
	}
	
#loginbox 
	{
	font: 1.3em/1.5em arial, helvetica, verdana, sans-serif;
	width: 340px;
	border: 1px solid #999;
	background-color: #fff;
	color: #555;
	padding: 15px 10px 0px 10px;
	margin-bottom: 10px;
	margin-top: 20px;
	}
	
#loginbox td {
	padding-bottom: 10px;
	}
	
#help {
	padding: 28px 20px 0px 38px;
	width: 450px;
	}
	
#help div {
	width: 218px;
	float: left;
	}

#help ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
	}
	
#help ul li {
	padding-bottom: 10px;
	}
	
#faq {
	margin-left: 40px;
	margin-bottom: 30px;
	width: 400px;
	}

#rightcol 
	{
	float: left;
	width: 207px;
	padding-top: 20px;
	}

#bubble 
	{
	width: 209px;
	margin-top: 10px;
	padding-bottom: 0px;
	background: url(./bubble_bg.gif) top left repeat-y;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	}

#bubble h3 
	{
	line-height: 1.1em;
	margin-bottom: 0px;
	background: url(./bubble_top.gif) top left no-repeat;
	}

#bubble p 
	{
	margin: 0px 20px 0px 21px;
	font: .8em/1.6em Verdana, Arial, Helvetica, sans-serif;
	}

/* footer styles */

#footer
	{
	position: relative;
	clear: both;
	width: 980px;
	margin: 0;
	margin-top: 0px;
	background: #bbbbbb;
	color: #ffffff;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	}

/* shrink for printable version */
@media print
	{
	#footer {width: 600px;}
	}

#footer a
	{
	color: #ffffff;
	text-decoration: none;
	}

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