/*clear browser settings*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
	margin: 0px; 
	padding: 0px; 
	border: none; 
}

body {
	background-color:#ffffff;
	margin-top: 22px;
	margin-bottom: 0px;
	margin-left: 16px;
	margin-right: 16px;
	text-align: center;
}

img {
	border:none;
}

p {
	margin-bottom:1em;
}

a {
	color:#990033;
	text-decoration:underline;
}

a:hover {
	color:#000000;
	text-decoration:underline;
}

h1 {
	font-size:1.3em;
	font-weight:bold;
	color:#990033;
	margin-bottom:12px;
}

h1.large {
	font-size:1.4em;
}

h2 {
	font-size:1.1em;
	font-weight:bold;
	color:#000000;
	margin-bottom:12px;
}

h2.large {
	font-size:1.3em;
}

h3 {
	font-size:1.1em;
	font-weight:bold;
/*	color:#2A3B86;*/
	color:#990033;
	margin-bottom:12px;
}

h3.large {
	font-size:1.3em;
}

h4 {
	font-size:1em;
	font-weight:bold;
	color:#000000;
	margin-bottom:10px;
}

h4.large {
	font-size:1.2em;
}

h5 {
	font-size:.91em;
	font-weight:bold;
	color:#000000;
	margin-bottom:10px;
}

h6 {
	font-size:.75em;
	font-weight:bold;
	color:#000000;
	margin-bottom:10px;
}

hr {
	color:#CCCCCC;
	background-color:#CCCCCC;
	height:1px;
	border:0px solid #CCCCCC;
	clear:both;
}

div#container {
	position: relative;
	width: 945px;
	min-width: 945px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#main_container {
    float: left;
	position: relative;
	width: auto;
	min-width: 945px;
	min-height: 100px;
	text-align:left;
	padding: 0;
}

div#top_container {
	float: left;
	position: relative;
	width: 100%;
	height: auto;
	z-index: 400;
}

div#logo, div#logo_print {
	display:block;
	float: left;
	position: relative;
	width:145px;
}
div#logo_print {
	display:none;
}

div#top_tools {
	float: right;
	position: relative;
	width:496px;
	height:88px;
	padding-top: 6px;
	border-top: 8px solid #990033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: bold;
}

div#top_tools a {
	padding:0;
	margin:0;
	list-style-type:none;
	color:#000000;
	text-decoration:none;
}

div#top_tools a:hover {
	color:#990033;
	text-decoration:underline;
}

div#top_tools div.left_tools {
	float: left;
	position: relative;
	width:170px;
}

div#mugsi, div#mosaic, div#staff_dir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

div#mugsi, div#mosaic {
	float:right;
	position: relative;
	width:160px;
	margin-top:16px;
	margin-bottom:12px;
	padding-left:22px;
	text-align:right;
}

div#staff_dir {
	float:right;
	position:relative;
	width:170px;
	height:auto;
	margin-bottom:12px;
	padding-left:12px;
	text-align:right;
}

div#top_tools div.right_tools {
	float: right;
	position: relative;
	width:310px;
}

div#quick_links {
	float: right;
	position: relative;
	margin-top:14px;
	margin-bottom:8px;
	margin-right:21px;
}

.ie div#quick_links {
	margin-right:27px;
}

.macdiv#quick_links {
	margin-right:9px;
}
.mac.safari div#quick_links {
	margin-right:12px;
}

div#quick_links select {
	font-size:.91em;
}

.mac div#quick_links select {
	font-size:1em;
}

div#quick_links ul {
	padding: 0 0 0 0;
	margin: 0px 0px 0 0px;
	z-index:100;	
}
	
div#quick_links li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	margin: 0 5px 0 0;	
	z-index:100;
}

div#quick_links li.tools_text {
	padding:2px 0px 0px 0px;
}
.mac.safari div#quick_links li.tools_text {
	padding:4px 0px 0px 0px;
}

div#search {
	float: right;
	position: relative;
	margin-right:30px;
}

div#search div.search_input {
	margin-right:0px;
	font-size:1em;
	font-weight:bold;
}

div#search div.search_input input {
	margin:0;
	padding:0;
	font-size:10px;	
}

div#search div.search_area {
	margin-right:0px;
	margin-top:8px;
	font-weight:normal;
}

div#search div.search_area label {
	padding-bottom:8px;
	vertical-align: middle;
}

/* start search box form*/
form#searchbox {
}

div#searchbox_input {
	margin-left:72px;
	margin-bottom:6px;
}

.safari div#searchbox_input {
	margin-left:73px;
}

.opera div#searchbox_input {
	margin-left:74px;
}

div#searchbox_input input.searchbox_text {
	font-size:1em;
	width:112px;
	height:12px;
	padding-left:4px;
	padding-right:4px;
}

.safari div#searchbox_input input.searchbox_text {
	height:11px;
}

div#searchbox_area_container {
	float:right;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:310px;
}
div#searchbox_area {
	font-size:1em;
	font-weight:normal;
	color:#000000;
}

div#searchbox_area input, div#searchbox_area label {
	display:none;
}

div#searchbox_input input {
	display:inline;
}

.mac.safari div#searchbox_input {
	margin-left:85px;
}

.mac.safari div#searchbox_input input.searchbox_text {
	width:106px;
}

.mac.ff2 div#searchbox_input, .mac.ff3 div#searchbox_input {
	margin-left:64px;
}

.mac.ff2 div#searchbox_input input.searchbox_text, .mac.ff3 div#searchbox_input input.searchbox_text {
	width:120px;
}

/* end search box form*/

div#left_container {
	float: left;
	position: relative;
	width:167px;
	height:auto;
	margin-top:12px;
	margin-left:0px;
}

div#print_side_bar {
	display:none;
	text-align:right;
	width:inherit;
	padding-top:24px;
	margin-right:20px;
}

div#interior_breadcrumbs {
	float: left;
	position:relative;
	width:776px;
	margin-top:4px;
	margin-bottom:10px;
	padding-bottom:6px;
	font-size: 0.75em;
	font-weight:normal;
	line-height: 1.5em;
	color: #666666;	
	border-bottom: 3px solid #CCCCCC;
}

div#interior_breadcrumbs ul {
	display:none;
	margin: 0;	
	z-index:100;	
}
	
div#interior_breadcrumbs li {
	float:left;
	position:relative;
	padding: 0 5px 0 0;	
	list-style-type:none;
	z-index:100;
}
	
div#interior_breadcrumbs a {	
	text-decoration: none;
	color: #999999;
}

div#interior_breadcrumbs a:hover {	
	text-decoration: underline;
	color: #990033;
}

div#main_content {
	float: left;
	position: relative;
	width:776px;
	font-size:.9em
	}
	
div#homepage_image {
    float:left;
    position:relative;
	width:600px;
	height:200px;
}

/* start footer section */
div#footer {
	float:left;
	position:relative;
	clear:both;
	border-top: 3px solid #cccccc;
	font-size:10px;	
	font-weight: bold;
	text-align: center;	
	color: #666666;	
	width:945px;
	height:24px;
	margin-top: 12px;
	margin-left:auto;
	margin-right:auto;
	padding-top:6px;
}

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

div#footer a:hover {	
	color: #990033;
	text-decoration: none;
}

div#footer div#footer_links {
	display:inline;
}

div#footer .vertical_separator {
	margin:0px 4px;
}
/* end footer section */

.cascadeButton a {
	display: block;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #FFF;
	text-decoration: none;
	background-image:url(https://fhs.mcmaster.ca/lib/images/cascade_logo_230x55.gif);
	background-repeat:no-repeat;
	background-position:top center;
	min-width:250px;
	min-height:100px;
	padding:70px 10px 10px 10px;
}
.cascadeButton a:hover {
	color: #2A3B86;
	background-color: #EFEFEF;
	border: 1px solid #999;
	text-decoration: none;
}

/* WAI-ARIA Section */
/* Skip link styling starts here. */
/* First, the positioning CSS for the skip link and the skip target. Changing any of this will most likely break the skip link in one browser or another, so if you change it then TEST IT */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {display: block; width: 99%; position: absolute; top: 0; left: -200%; z-index: 2}
#skiplinkholder a:focus, #skiplinkholder a:active {left: 0; top: 0; z-index: 100}
#skiptargetholder {position: absolute; left: -200%}
/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position: relative}
* html #skiplinkholder a:active {position: relative}
*/
/* Now, the visual styling. Change this as desired */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {color: #fff; background: #990033; text-decoration: none; border-bottom: solid #ccc 2px; padding: 5px; text-align: center;}
/* End of skip link styling */
/* Skip nav link styling starts here. */
/* First, the positioning CSS for the skip link and the skip target. Changing any of this will most likely break the skip link in one browser or another, so if you change it then TEST IT */
#skipnavlinkholder a, #skipnavlinkholder a:link, #skipnavlinkholder a:visited {display: block; width: 99%; position: absolute; top: 0; left: -200%; z-index: 2}
#skipnavlinkholder a:focus, #skipnavlinkholder a:active {left: 0; top: 0; z-index: 100}
#skipnavtargetholder {position: absolute; left: -200%}
/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position: relative}
* html #skiplinkholder a:active {position: relative}
*/
/* Now, the visual styling. Change this as desired */
#skipnavlinkholder a, #skipnavlinkholder a:link, #skipnavlinkholder a:visited {color: #fff; background: #990033; text-decoration: none; border-bottom: solid #ccc 2px; padding: 5px; text-align: center;}
/* End of skip link styling */