/*  -------------------------------------------------------------------
    Initialization block ---------------------------------------------- */
	* {
		margin:0; padding:0;
		font-size:1em;
	}

	html { overflow-y:scroll; }
	
	body {
		background:url(/img/gen/page_background.gif) top left repeat-x #ffffff;
		color:#000;
		font-family: Arial, sans-serif;
		font-size:12px;
		height:100%;
	}
	

/*  -------------------------------------------------------------------
    HTML entities ----------------------------------------------------- */
	address { font-style: normal; }
	
	h2 { font-size:18px; line-height:18px; margin:0 0 20px 0; }	
	h3 { font-size:14px; line-height:14px; margin:0 0 8px 0; }	
	h4 { font-size:12px; line-height:14px; margin:0 0 8px 0; }
	p  { font-size:12px; line-height:19px; margin:0 0 16px 0; }
	ul, ol { margin:0 0 19px 0; padding:0; }
	li {
		background: url(/img/gen/bullet_green.gif) left 7px no-repeat;
		font-size:12px;
		line-height:19px;
		list-style:none;
		margin:0 0 8px 15px; padding:0 0 0 10px;
		}
	img { border:0; }
	a { outline:none; text-decoration:none; }
	a:link, a:visited { color:#7f7f00;  }
	a:hover { color:#082644; }
	a:active { color:#082644;  }
	
	p.rightlink { text-align:right; }
		
	p.rightlink a { 
		background:url(/img/gen/bullet_triangle_green.gif) right 4px no-repeat;
		font-size:11px; 
		padding:0 8px 0 0;
		text-decoration:none;
	}
	
	hr { 
		border:1px solid #d2d26c!important;
		border-bottom:1px solid #fff!important;
	}	
	.error { color:#CF142B!important;}
	
	
/*  -------------------------------------------------------------------
    General Positioning ----------------------------------------------- */
	#wrapper {
		margin:0 auto;
		position:relative;
		width:944px;
		/*text-align:left; */
	}
	
	/* Other positioning */
	.imgleft {
		border:2px solid #acac32;
		float:left;
		margin:2px 16px 0 0;
	}
	
	.imgright {
		border:2px solid #acac32;
		float:right;
		margin:2px 0 0 16px;
	}

	.imgcenter { border:2px solid #acac32; margin:0 auto; display:block; text-align:center; }
	.printonly {display: none; }
	
	
/*  -------------------------------------------------------------------
    Topbar ------------------------------------------------------------ */
	#loyalist-logo a {
		float:left;
		height:63px; width:236px;
		text-indent:-999em;
		cursor:pointer;
	}

	#loyalist-slogan {
		clear:both;
		height:13px; width:944px;
		text-indent:-999em;
	}
	
	#navbar {
		float:right;
		height:19px; width:550px;
		padding:30px 0 0 0;
	}
	
	#topbar {
		height:76px; width:944px;
		margin: 0 0 22px 0;
	}
	
	#submenu {
		color:#526d89;
		float:right;
		font-size:10px;
		margin:3px 12px 0 0;
	}
	
	#submenu span.spacer { margin: 0 3px 0 3px; }
	#submenu a { text-decoration:none; }
	#submenu a:link, #submenu a:visited, #submenu a:active { color:#fff; }
	#submenu a:hover { color:#7e97af; }
		
	
	/* Header Quick Links */
	#quickLinks div {
		position:absolute;
		top: 50px; right:0px;
		width:600px;
		padding: 10px;
		border:1px solid #B8CADD;
		background: #EFEFEF;
		z-index:99;
	}
	
	#quickLinks div ul {
		float:left;
		width:32%;
	}
	
	#quickLinks div ul li {
		display:block;
		margin:0; padding:0 0 0 10px;
	}
		#quickLinks div h3 { color:#000; }	
		#quickLinks div a:link, #quickLinks div a:visited { color:#7f7f00; text-decoration:none; }
		#quickLinks div a:hover { color:#082644; text-decoration:none; }

	
	#quickLinks a.b_quicklinks {
		background:url(/img/gen/quickarrow.gif)  100% 4px no-repeat;
		padding-right:14px;
	}
		

	/*  -----------------------------------------------------------------------
  		Search ---------------------------------------------------------------- */
		#submenu_search {
			float:right;
			font-size:11px;
			margin:0; padding:0;
		}
			
		#submenu_search input { 
			border:2px solid #cccccc;
			background:url(/img/gen/search_background.gif) top left no-repeat #cccccc;
			color:#526d89;
			padding:0 0 0 25px;
			margin:0;
		}
			

/*  -------------------------------------------------------------------
    Main Menu --------------------------------------------------------- */
	#mainmenu {	height:40px; }
	#mainmenu ul {
		list-style:none;
		margin:0; padding:0;
	}
	
	#mainmenu li {
		display:inline;
		text-indent:-999em;
		margin:0; padding:0;
	}

	#mainmenu li a {
		display:block;
		float:left;
		height:40px; width:118px;
		text-decoration:none;
	}
	
		#mainmenu li.current a { background-position: 0 -80px!important; }
		#mainmenu li a:hover { background-position: 0 -40px!important; }


	/*  -------------------------------------------------------------------
		Testimanial Featured ---------------------------------------------- */				
		div.testimonial {
			margin:15px 5px 15px 5px;
		}
		div.testimonial p {
			font-size:12px;
			line-height:18px;
			margin:0 4px 8px 4px;
		}	
		div.testimonial p.text a:link, div.testimonial p.text a:visited { color:#082644; }
		div.testimonial p.text a:hover { color:#7f7f00; }
		
		div.testimonial p.sig { text-align:right; }	


/*  -------------------------------------------------------------------
    Footer ------------------------------------------------------------ */
	#footer {
		clear:both;
		padding:14px 0 0 0;
		width:944px;
	}	


/*  -------------------------------------------------------------------
	Footer vCard ------------------------------------------------------ */
	#hcard-Loyalist-College { float:right; margin:0; width:800px;}
	
	div.vcard { font-size:10px; }

	span.fn, 
	span.adr, 
	span.x-tty, 
	span.tel, 
	span.b_vcard, 
	span.b_email, 
	span.b_accessibility,
	span.copyright {float:left; display:block;}
	
	span.street-address, span.postal-code, span.country-name { display:none; }
	
	div.vcard span.spacer { margin: 0 4px 0 4px; float:left; display:block;}
	
	span.b_accessibility { height:22px; width:27px; }

	span.b_accessibility a { 
		background: url(/img/gen/b_accessibility.gif) top left no-repeat;
		display: block;
		height: 22px; width:27px;
		text-indent: -2000em;
		}
	
	span.b_accessibility a:hover { background-position: 0 -22px; }
	
	span.b_email { height: 22px; width: 27px; }
	
	span.b_email a { 
		background: url(/img/gen/b_email.gif) top left no-repeat;
		display: block;
		height: 22px; width:27px;
		text-indent: -2000em;
		}
	
	span.b_email a:hover { background-position: 0 -22px; }
	span.b_vcard { height:22px; width:27px; }

	span.b_vcard a { 
		background: url(/img/gen/b_vcard.gif) top left no-repeat;
		display: block;
		height: 22px; width:27px;
		text-indent: -2000em;
	}
	
	span.b_vcard a:hover { background-position: 0 -22px; }		
	span.copyright { float:right; padding-right:13px; }


/*  -------------------------------------------------------------------
	Footer Quickbar --------------------------------------------------- */
	#quickbar {
		background: url(/img/gen/bottom_strip.gif) top left repeat-x;
		clear:both;
		height:76px; width:944px;
	}
		
	#quickbar img.logo { float:left; }
	
	#quickbar span.spacer { margin: 0 4px 0 4px; }
	
	#quickbar-links {
		color:#526d89;
		/*float:right;*/
		font-size:10px;
		text-align:center;
		/*padding:15px 13px 0 0;*/
		padding-top:15px;
	}
	
	#quickbar-links a { text-decoration:none; }
	#quickbar-links a:link { color:#ffffff; }
	#quickbar-links a:visited { color:#ffffff; }
	#quickbar-links a:hover { color:#7e97af; }
	#quickbar-links a:active { color:#7F7F00; }
	
	#quickbar-links span.current a:link { color:#b8cade; }
	#quickbar-links span.current a:visited { color:#b8cade; }


/*  -----------------------------------------------------------------------
    Font Resize ----------------------------------------------------------- */
	body.small #submenu { font-size: 9px; }
	body.small #page_content h2 { font-size:16px; line-height:17px; margin:0 0 20px 0; }
	body.small h3 { font-size:13px; line-height:14px; margin:0 0 8px 0; }
	body.small #page_content p,
	body.small #page_content li { font-size:11px; line-height:17px; margin:0 0 16px 0; }
	body.small #quickLinks li,
	body.small .news_item a { font-size:11px; line-height:17px;  }
	body.small table { font-size: 10px; } 
	body.small form.form label { font-size: 9px; }
			
	body.medium #submenu { font-size: 12px; }
	body.medium #page_content h2 { font-size:18px; line-height:18px; margin:0 0 20px 0; }
	body.medium h3 { font-size:14px; line-height:14px; margin:0 0 8px 0; }
	body.medium #page_content p,
	body.medium #page_content li { font-size:12px; line-height:19px; margin:0 0 16px 0; }
	body.medium #quickLinks li,
	body.medium .news_item a { font-size:12px; line-height:19px; }
	body.medium table { font-size: 12px; } 
	body.medium form.form label { font-size: 11px; }
	
	body.large #submenu { font-size: 13px; }
	body.large #page_content h2 { font-size:22px; line-height:22px; margin:0 0 20px 0; }
	body.large h3 { font-size:16px; line-height:20px; margin:0 0 8px 0; }
	body.large #page_content p,
	body.large #page_content li { font-size:14px; line-height:21px; margin:0 0 16px 0; }
	body.large #quickLinks li,
	body.large .news_item a { font-size:14px; line-height:21px; }
	body.large table { font-size: 14px; }
	body.large form.form label { font-size: 13px; }
	
	
	body.small #overview li,
	body.medium #overview li,
	body.large #overview li { font-size:11px!important; line-height:13px!important; }


/*  -------------------------------------------------------------------
    Emergency --------------------------------------------------------- */	
	.emergency {
		background:url(/img/gen/bg_emergency.png) top left repeat;	
		position:absolute;
		top:0; left:0;
		width:100%; height:100%;
		z-index:99;
	}
	body > .emergency { position:fixed; }
	* html .emergency { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/gen/bg_emergency.png", sizingMethod="scale")!important; } /*IE6*/

	.emergency h1 {
		background:url(/img/en/bg_emergency_top.gif) top left no-repeat;	
		display:block;
		padding:0; margin:13px auto 70px auto;
		text-indent:-9999px;
		width:944px; height:63px;
	}
	.emergency h2 {
		color:#d2d27a;
		font-size:28px; line-height:30px;
		letter-spacing:-0.05em;
		margin:0 auto 30px auto;
		text-transform:uppercase;
		width:530px;
	}
	.emergency p {
		color:#fff;
		font-size:20px; line-height:24px;
		margin:0 auto 10px auto;
		width:530px;
	}
	.emergency p a { text-decoration:underline; }
	.emergency p a:hover { color:#d2d27a; }


/*  -----------------------------------------------------------------------
    Other ----------------------------------------------------------------- */
	.clearfix:after {
		content:".";
		clear:both;
		display:block;
		height:0;
		visibility:hidden;
	}
	.clearfix { display:inline-block; }
	/* Hide from IE Mac \*/
	.clearfix { display:block; }
	/* End hide from IE Mac */
	
	
/*  -------------------------------------------------------------------
	Flash Detect ----------------------------------------------------- */	
	#flashversion {
		background:#f5f5cf url(/detect/img/alert.gif) no-repeat 8px 3px;
		border:1px solid #000;
		position: absolute; top:0; left:50%;
		margin-left:-350px; padding: 2px 5px 2px 5px;
		width:700px; height:16px;
	}	
	#flashversion span a { text-decoration:underline;}
	
	#flashversion span {
		position:absolute;
		margin:0 0 0 25px; padding: 1px 10px 1px 10px;
		font-size: 10px;
		background:#f5f5cf;
		color:Black;
	}
		
	#flashcontent {
		width:708px; height:305px;
		background: url(/detect/img/home_noflash.jpg) no-repeat;
	}

	.nojs_link { display:block; float:left; width:236px; height:172px; }