/*--------------------------Main.css-----------------------
\	Selkirk College
/	MySelkirk Main Stylesheet (cascading)
\	Dec 2011
 \---------------------------------------------------------

	 the colours
	 ------------------------------------------------------
	 		Dark				light				lightest

	 Slate	rgb(55,63,68)		rgb(75,87,97)		rgb(95,106,114)
	 Olive	rgb(99,101,85)		rgb(117,117,97)
	 Blue	rgb(1,97,118)		rgb(2,117,142)
	 Brown	rgb(98,83,79)		rgb(114,100,95)
	 Gray	rgb(196,196,194)	rgb(235,236,232)
	 Green	rgb(198,189,18)		rgb(228,233,170)
	 Orange	rgb(255,121,0)		rgb(244,218,154)
	 Blue2	rgb(34,181,221)		rgb(161,216,229)
	 Yellow	rgb(226,185,14)		rgb(255,204,0)		rgb(242,226,158)

	 Der Bergundy
	 		rgb(146,25,40)
*/






/*

 	the percentages
 	Use these instead of px widths. Heights should be in px
 	Use the % from the container width you are within
 	-------------------------------------------------------
 	from 1020px
		10px = 0.98039216%

	from 1000px
	 	230px (240, minus wrapper padding) = 23% (duh)

	from 230px (RHC Width)
	 	240px = 104.347826%;
 		20px = 8.6956522%
 		10px = 4.347826%;



 	the typography
 	-------------------------------------------------------*/

 	h2{
 		font-size: 19px;
 		font-weight: normal;
 	}




 /*LAYOUT*/

/* html5doctor.com/html-5-reset-stylesheet/ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
body { line-height:1; }
/*ol,ul { list-style:none; }*/
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }

*{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

.hide{
	display: none;
}

body{
	background: rgb(55,63,68);
	/*background: rgb(146,25,40);*/
	color: rgb(255,255,255);
	font-family: "myriad-pro", Helvetica, verdana, sans-serif;
	font-size: 13px;

}




/*-----------------------*/


#wrapper{
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 0.98039216% 0 0.98039216%;

	/*border: 1px dashed rgba(255,255,255,0.4);*/
}
	header{
		height: 120px;
		width: 100%;
		position: relative;
	}
		#logo{
			margin-left: -6px;
			width: 23%;
			position: absolute;
			bottom: 6px;
			height:  66px;
			background: url(../img/logo/green.png) top left no-repeat;
		}
			#logo h1, #logo h2{
				display: none;
			}
		header>nav{
			position: absolute;
			bottom: 6px;
			left: 23%;
			width: 52%;


		}
			header>nav ul{
				list-style: none;
			}
			header>nav ul li{
				float: left;
				width: 28.0769230%;
				margin: 0 0 0 1%;

				font-size: 18px;
			}
				header>nav ul li strong{


					font-family: "myriad-pro";
					font-weight:  300;
					font-style: normal;
					line-height: 23px;
					-webkit-font-smoothing:	antialiased;
					font-smoothing:	antialiased;
				}
				header>nav ul li em{
					display: block;
					font-size: 13px;
					font-weight: normal;
					color: rgb(181,181,181);


				}
			header>nav ul li a:link, header>nav ul li a:visited{
				color: rgb(255,255,255);
				text-decoration: none;

			}
						header>nav ul li a strong:hover{
							font-weight: 700;
						}

		#ql{
			position: absolute;
			bottom: 6px;
			left: 76%; margin-left: 1%;
			width: 23%;
			text-align: right;
			display: none;
		}
			#ql a{
				font-family: caflisch-script-pro;
			}
			#ql a:link, #ql a:visited{
				color: rgb(255,255,255);
				font-size: 28px;
				text-decoration: none;

			}
		#search{
			position: absolute;
			/*bottom: 50px;*/
			bottom: 6px;
			left: 76%;
			width: 23%;
			margin-left: 1%;
		}
			#search .q{
				width: 100%;
				border-radius: 4px;
				border: none;
				font-size: 16px;
				padding: 2px;
			}
		#toplogout{
			position: absolute;
			top: 12px;
			right: 0;
			font-size: 13px;
		}
			#toplogout a:link, #toplogout a:visited{
				color: rgb(255,255,255);
				text-decoration: none;
			}
	#main{
		width: 100%;
		background: rgb(255,255,255);
		color: rgb(0,0,0);
		-webkit-box-shadow: 1px 6px 6px rgba(0,0,0,0.5);
		min-height: 300px;
		margin-bottom: 27px;
		float: left;
		background-image: linear-gradient(left , rgb(235,236,232) 22.9%, rgb(255,255,255) 22.9%);
		background-image: -o-linear-gradient(left , rgb(235,236,232) 22.9%, rgb(255,255,255) 22.9%);
		background-image: -moz-linear-gradient(left , rgb(235,236,232) 22.9%, rgb(255,255,255) 22.9%);
		background-image: -webkit-linear-gradient(left , rgb(235,236,232) 22.9%, rgb(255,255,255) 22.9%);
		background-image: -ms-linear-gradient(left , rgb(235,236,232) 22.9%, rgb(255,255,255) 22.9%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			right bottom,
			color-stop(0.229, rgb(235,236,232)),
			color-stop(0.229, rgb(255,255,255))
		);
	}
		#main header{
			height: 110px;
			width: 100%;
		}
		#main article.full header {height:auto;}
			.topsec{
				box-sizing: border-box;
				position: relative;
				display: block;
				background: rgb(117,117,97);
				color: rgb(255,255,255);
				height: 100%;
				width: 23%;
				font-size: 23px;
				float: left;
				-webkit-font-smoothing:	antialiased;
				font-smoothing:	antialiased;
			}
				#main header .topsec h2{
					position: absolute;
					bottom: 13px;
					left: 10%;
					font-family: myriad-pro, helvetica, arial, sans-serif;
					font-style: normal;
					font-weight: 300;
				}
			.breadCrumbHolder{
				float: left;
				width: 52%;
				margin: 0 0 0 1%;
			}
				.breadCrumbHolder ul{
					list-style-type: none;
				}
				.breadCrumbHolder li{
					float: left;
					margin: 0 1em 0 0;
				}
			#main header h1{
				position: absolute;
				bottom: 10px;
				left: 23%;
				margin-left: 1%;
				font-size: 26px;
				font-weight: 100;

				color: rgb(99,101,85);
				font-family: myriad-pro, helvetica, arial, sans-serif;

				font-style: normal;
				font-weight: 300;
			}



			/*--------TOP BANNER---------*/
			#hometop{
				float:left;
				background: rgb(255,255,255);
				width: 100%;
				position: relative;
			}
			#topbanner{
				background: rgb(234,225,162);
				width: 102%;
				height: 30px;

				margin: 6px 0 -36px -1%;
				position: relative;
				padding: 6px;
				color: rgb(116,102,90);
				font-size: 14px;

				-webkit-border-top-left-radius: 2px;
				-webkit-border-top-right-radius: 2px;
				-moz-border-radius-topleft: 2px;
				-moz-border-radius-topright: 2px;
				border-top-left-radius: 2px;
				border-top-right-radius: 2px;

				-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5);

			}
				#topbanner:before{
					content: '';
					z-index: -20;
					position: absolute;
					left: 3px;
					bottom: -8px;
					height: 15px;
					width: 15px;
					background: rgb(170,158,104);
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);

				}
				#topbanner:after{
					content: '';
					z-index: -21;
					position: absolute;
					right: 3px;
					bottom: -8px;
					height: 15px;
					width: 15px;
					background: rgb(170,158,104);
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);

				}
					#tb_l{
						width: 40px;
						height: 30px;
						background: rgb(239,232,185);

						background: #efe8b9; /* Old browsers */
						background: -moz-linear-gradient(left,  #efe8b9 0%, #efe8b9 43%, #c7c19a 70%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, right top, color-stop(0%,#efe8b9), color-stop(43%,#efe8b9), color-stop(70%,#c7c19a)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(left,  #efe8b9 0%,#efe8b9 43%,#c7c19a 70%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(left,  #efe8b9 0%,#efe8b9 43%,#c7c19a 70%); /* Opera 11.10+ */
						background: -ms-linear-gradient(left,  #efe8b9 0%,#efe8b9 43%,#c7c19a 70%); /* IE10+ */
						background: linear-gradient(left,  #efe8b9 0%,#efe8b9 43%,#c7c19a 70%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe8b9', endColorstr='#c7c19a',GradientType=1 ); /* IE6-9 */




						z-index: -100;
						position: absolute;
						left: -30px;
						top: 11px;
					}
					#tb_l:before{
						content: '';
						z-index: -20;
						position: absolute;
						left: -15px;
						bottom: 0px;
						height: 30px;
						width: 30px;
						background: rgb(55,63,68);
						/*background: rgb(146,25,40);*/
						-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);

					}
					#tb_r{
						width: 40px;
						height: 30px;
						background: rgb(239,232,185);

						background: #c7c19a; /* Old browsers */
						background: -moz-linear-gradient(left,  #c7c19a 30%, #efe8b9 57%, #efe8b9 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, right top, color-stop(30%,#c7c19a), color-stop(57%,#efe8b9), color-stop(100%,#efe8b9)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(left,  #c7c19a 30%,#efe8b9 57%,#efe8b9 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(left,  #c7c19a 30%,#efe8b9 57%,#efe8b9 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(left,  #c7c19a 30%,#efe8b9 57%,#efe8b9 100%); /* IE10+ */
						background: linear-gradient(left,  #c7c19a 30%,#efe8b9 57%,#efe8b9 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c19a', endColorstr='#efe8b9',GradientType=1 ); /* IE6-9 */


						z-index: -100;
						position: absolute;
						right: -30px;
						top: 11px;
					}
					#tb_r:before{
						content: '';
						z-index: -20;
						position: absolute;
						right: -15px;
						bottom: 0px;
						height: 30px;
						width: 30px;
						background: rgb(55,63,68);
						/*background: rgb(146,25,40);*/
						-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);

					}
					#topbanner h2{
						float: left;
						font-family: "myriad-pro";
						font-size: 19px;
						font-weight: 400;
						display: inline;
					}
						#topbanner h2:before{
							content: '\2217 ';
							font-size: 28px; line-height: 10px;
							color: rgb(255,121,0);
							margin: 0 4px 0 0;
						}
					#topbanner p{
						display: inline;
						float: left;
						clear: none;
						margin: 0.3em 0 0 0.3em;
					}
					#topbanner a:link, #topbanner a:visited{
						color: rgb(2,117,142);
						text-decoration:none;
					}
						#topbanner a:hover{
							text-decoration: underline;
						}
			#hometopimg{
				margin: 44px 0 27px 0;
				float:left;
				width: 76%;
				position: relative;
				clear:left;
			}
				#hometopimg img{
					float:left;
					max-width:100%;
					overflow: hidden;
					-webkit-border-top-right-radius: 6px;
					-webkit-border-bottom-right-radius: 6px;
					-moz-border-radius-topright: 6px;
					-moz-border-radius-bottomright: 6px;
					border-top-right-radius: 6px;
					border-bottom-right-radius: 6px;
				}
				#hometopimg div{
					width:86%;
					position:absolute;
					left:-1%;
					top: 61%;
					background: rgba(213,238,239,0.9);
					-webkit-border-top-right-radius: 6px;
					-webkit-border-bottom-right-radius: 6px;
					-moz-border-radius-topright: 6px;
					-moz-border-radius-bottomright: 6px;
					border-top-right-radius: 6px;
					border-bottom-right-radius: 6px;
					padding: 20px;
				}
					#hometopimg h2{
						color: rgb(1,97,118);
						font-family: "myriad-pro";
						font-weight: 100;
						font-size: 24px;
						margin: 0 0 10px 0;
					}
					#hometopimg p{
						color: rgb(6,6,6);
						line-height: 1.5em;
					}
					#hometopimg a:link{
						color: rgb(117,117,97);
					}
					#hometopimg a:visited{
						color: rgb(117,117,97);
					}
						#hometopimg a:hover{
							color: rgb(99,101,85);
							background: rgba(255,255,255, 0.5);
						}
			#hometoprhc{
				box-sizing: border-box;

				float: left;
				clear: none;
				width: 23%;

				margin: 0 0 0 1%;
				clear:none;
			}
			#calendarw{
				position: relative;
				margin: -380px 0 0 0;

				width: 104%;
				float:left;
				color:  rgb(255,255,255);
				background: rgb(1,97,118);
				-webkit-border-top-left-radius: 6px;
				-webkit-border-bottom-left-radius: 6px;
				-moz-border-radius-topleft: 6px;
				-moz-border-radius-bottomleft: 6px;
				border-top-left-radius: 6px;
				border-bottom-left-radius: 6px;

			}
			#calendarw:after{
				content: '';
				z-index: -1;
				position: absolute;
				right: 3px;
				bottom: -7px;
				height: 15px;
				width: 15px;
				background: #CCC;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);

			}
				#calendarw h2{
					display: block;
					position: relative;
					box-sizing: border-box;
					float: left;
					z-index: 2;
					width: 100%;
					min-height: 50px;
					font-size: 19px;
					font-family: ff-meta-web-pro;
					background: rgb(2,117,142);
					color: rgb(249,240,212);
					padding: 16px 0 4px 8.6956522%;
					-webkit-border-top-left-radius: 6px;
					-webkit-border-bottom-left-radius: 6px;
					-moz-border-radius-topleft: 6px;
					-moz-border-radius-bottomleft: 6px;
					border-top-left-radius: 6px;
					border-bottom-left-radius: 6px;
				}
					#calendarw h2 a:link, #calendarw h2 a:visited{
						color: rgb(234,225,162);
						text-decoration: none;
					}
						#calendarw h2 a:hover{
							background: rgba(255,255,255,0.2);
						}
				#calendarw h2:after{
					content: '';
					position: absolute;
					z-index: -1;
					bottom: -7px;
					left: 8.6956522%;
					width: 15px;
					height: 15px;
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);
					transform: rotate(45deg);
					background: rgb(2,117,142);
				}


				#calendarw dl{
					float: left;
					margin: 0 10px 60px 10px;

				}
					#calendarw dt{
						float: left;
						width: 40px;
						font-size: 23px;
						text-align: center;
						color: rgb(249,240,212);
						margin-top: 20px;
						font-family: ff-meta-web-pro;
						font-weight: bold;
					}
					#calendarw dt div{
						font-size: 12px;
						width: 40px;
						font-weight: normal;
					}
					#calendarw dd{
						float: left;
						width: 160px;
						padding: 0 0 20px 10px;
						border-left: 1px dashed rgb(249,240,212);
						margin-top: 20px;

					}
						#calendarw .timeloc{
							font-size: 13px;
							font-family: 'myriad-pro';
							font-style: italic;
							font-weight: 300;
							line-height: 1.3em;
						}
						#calendarw dl a:link{
							font-weight: bold;
							color: rgb(255,255,255);
							text-decoration: none;
							font-family: ff-meta-web-pro;
							line-height: 1.3em;
						}
						#calendarw dl a:visited{
							color: rgb(240,240,240);
						}
						#calendarw dl a:hover{
							text-decoration: underline;
						}

			#calendarw .ft{
				height: 50px;
				width: 100%;
				background: rgb(2,117,142);
				position: absolute;
				bottom: 0;

				-webkit-border-bottom-left-radius: 6px;
				-moz-border-radius-bottomleft: 6px;
				border-bottom-left-radius: 6px;
			}
			#calendarw a.more:link, #calendarw a.more:visited{
				font-size: 13px;
				font-family: ff-meta-web-pro;
				position: absolute; bottom: 18px; left: 8.6956522%;
				color: rgb(249,240,212);
			}
				.more:after{
					content: '';
					display: inline-block;
					width: 7px;
					height: 10px;
					margin-left: 0.6em;
					background: url(../img/icons/custom/arrow_beige.png) no-repeat scroll left center transparent;
				}





	nav.secondary{
		float: left;
		width: 23%;
		background: rgb(235,236,232);

	}
		nav.secondary ul{
			list-style-type: none;
			padding: 20px 10px 0 0;
		}
		nav.secondary li{
			margin: 0 0 0 25px;
			font-size: 13px;
			line-height: 18px;
			font-weight: bold;

		}
			nav.secondary li:before{
				display: block;
				float: left;
				width: 7px;
				height: 12px;
				background: url(../img/wonder/arrow.png) rgb(55,63,68) top left no-repeat;
				content: "";
				margin: 3px 0 0 -15px;
			}
		nav.secondary li a:link, nav.secondary li a:visited{
			color: rgb(99,101,85);
			text-decoration: none;

			font-weight: bold;
			font-family: "Myriad Pro", Trebuchet MS, Calibri, Arial, sans-serif;

		}
		nav.secondary li a:hover{
			color: rgb(55,63,68);
		}
	#content{
		box-sizing: border-box;
		float: left;
		width: 52%;
		margin: 0 0 0 1%;
		font-family: myriad-pro, helvetica, arial, sans-serif;

	}
		#content .featureimg{
			width: 104%;
			height: 200px;
			margin: 0 0 16px -2%;
			overflow: hidden;

		}
			#content .featureimg img{
				float: right;
				height: 100%;

			}

		#content h2{
			font-size: 16px;
			font-weight: bold;
			color: rgb(1,97,118);
			margin-bottom: 6px;
		}
		#content p{
			margin: 0 0 1em 0;
			font-size: 13px;
			line-height: 18px;
		}
	#rhc{
		box-sizing: border-box;
		float: left;
		clear: none;
		width: 23%;
		/*border: 1px solid #F0F;*/
		margin: 0 0 0 1%;
	}
		#rhc .box{
			position: relative;
			box-sizing: border-box;
			width: 104.347826%;
			font-family: myriad-pro, helvetica, arial, sans-serif;


			-webkit-border-top-left-radius: 6px;
			-webkit-border-bottom-left-radius: 6px;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-bottomleft: 6px;
			border-top-left-radius: 6px;
			border-bottom-left-radius: 6px;
			margin: 0 0 10px 0;


		}
		#rhc .box:after{
			content: '';
			z-index: -1;
			position: absolute;
			right: 3px;
			bottom: -7px;
			height: 15px;
			width: 15px;
			background: #CCC;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);

		}
		#rhc .box h2{
			display: block;
			position: relative;
			box-sizing: border-box;
			float: left;
			z-index: 2;
			width: 100%;
			min-height: 50px;
			font-size: 19px;

			font-family: ff-meta-web-pro;

			padding: 16px 0 4px 8.6956522%;
			-webkit-border-top-left-radius: 6px;
			-webkit-border-bottom-left-radius: 6px;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-bottomleft: 6px;
			border-top-left-radius: 6px;
			border-bottom-left-radius: 6px;
		}
		#rhc .box h2:after{
			content: '';
			position: absolute;
			z-index: -1;
			bottom: -7px;
			left: 8.6956522%;
			width: 15px;
			height: 15px;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			transform: rotate(45deg);

		}
		#rhc .box div{
			clear: both;
			padding: 12px 8.6956522% 12px 8.6956522%;
		}

		#rhc .featurelinks{
			position: relative;
			box-sizing: border-box;
			width: 104.347826%;
			height: 200px;
			margin: 0 0 10px 0;


		}
			#rhc .featurelinks:after{
				content: '';
				z-index: -1;
				position: absolute;
				right: 3px;
				bottom: -7px;
				height: 15px;
				width: 15px;
				background: #CCC;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
			}
			#rhc .featurelinks ul{
				list-style-type: none;
			}
				#rhc .featurelinks li{
					padding: 18px 0 18px 0;
					margin:  0 0 0 8.6956522%;
					border-bottom: 1px dotted rgb(255,255,255);
				}
					#rhc .featurelinks li:last-child{
						border-bottom: none;
					}
					#rhc .featurelinks li a:link, #rhc .featurelinks a:visited{
						font-size: 14px;
						text-decoration: none;
						color: rgb(255,255,255);
					}
		#lhc{
			box-sizing: border-box;
			float: left;

			width: 23%;
			/*border: 1px solid #F0F;*/
			margin: 150px 0 0 -23%;
		}
			#lhc .box{
				position: relative;
				box-sizing: border-box;
				width: 104.347826%;
				font-family: myriad-pro, helvetica, arial, sans-serif;


				-webkit-border-top-right-radius: 6px;
				-webkit-border-bottom-right-radius: 6px;
				-moz-border-radius-topright: 6px;
				-moz-border-radius-bottomright: 6px;
				border-top-right-radius: 6px;
				border-bottom-right-radius: 6px;
				margin: 0 0 10px -4.347826%;
			}
			#lhc .box:after{
				content: '';
				z-index: -1;
				position: absolute;
				left: 3px;
				bottom: -7px;
				height: 15px;
				width: 15px;
				background: #CCC;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);

			}
			#lhc .box h2{
				display: block;
				position: relative;
				box-sizing: border-box;
				float: left;
				z-index: 2;
				width: 100%;
				min-height: 50px;
				font-size: 19px;
				font-family: ff-meta-web-pro;

				padding: 16px 0 4px 8.6956522%;
				-webkit-border-top-right-radius: 6px;
				-webkit-border-bottom-right-radius: 6px;
				-moz-border-radius-topright: 6px;
				-moz-border-radius-bottomright: 6px;
				border-top-right-radius: 6px;
				border-bottom-right-radius: 6px;
			}
			#lhc .box h2:after{
				content: '';
				position: absolute;
				z-index: -1;
				bottom: -7px;
				left: 8.6956522%;
				width: 15px;
				height: 15px;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				transform: rotate(45deg);

			}
			#lhc .box div{
				clear: both;
				padding: 12px 8.6956522% 6px 8.6956522%;
			}

		#contentcontact{
			float: left;
			width: 23%;
			padding: 0 0 20px 2%;
			margin: 0 0 0 0;
			color: rgb(99,101,85);
			clear: both;
		}
			#contentcontact h2{
				font-weight: bold;
				text-transform: uppercase;
			}
			#contentcontact ul{
				list-style-type:none ;
			}
			#contentcontact li{
				margin: 0.3em 0 0.6em 0;
			}
				#contentcontact .mail:before{
					content: '';
					background: url('/lib/img/icons/brown_light/mail_12x9.png') center left no-repeat;
					float: left;
					width:  15px;
					height: 15px;
				}
				#contentcontact .form:before{
					content: '';
					background: url('/lib/img/icons/brown_light/list_12x11.png') center left no-repeat;
					float: left;
					width:  15px;
					height: 15px;
				}

			#contentcontact a:link, #contentcontact a:visited{
				color: rgb(99,101,85);

			}
				#contentcontact a:hover{
					background:  rgba(255,255,255,0.5);
				}


/*FOOTER HIGHLIGHTS*/

#footHighlights{
	width: 100%;
	background: rgb(235,239,208);
	float: left;
	clear: left;
	padding: 15px 0;
	color: rgb(99,101,85);
	height: 240px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
	#footHighlights>div{
		float: left;
		width: 25%;
		height: 100%;
		overflow: hidden;
		border-right: 2px dotted rgb(99,101,85);
		padding: 0 10px 0 10px;
	}
	#footHighlights>div:last-child{
		border: none;
	}
	#footHighlights h2{
		font-family: ff-meta-web-pro;
		font-size: 18px;
		margin: 0 0 20px 0;

	}
		#footHighlights h2 a:link, #footHighlights h2 a:visited{
			color: rgb(99,101,85);
			text-decoration: none;
		}

	#footHighlights h3 {
	    color: #016176;
	    font-size: 14px;
	    font-weight: bold;
	    margin: 0 0 1em 0;
	}

.photostrip{
	display: block;
	width: 100%;
	float: left;
	clear: left;
	padding: 0.98039216%;
	background: rgb(255,255,255);
	text-align:center;
}
	.photostrip img{
		width: 100px;
		float: left;
		/*margin: 0 0.49019608% 0 0.49019608%;*/
		margin: 0 0.39019608% 0 0.39019608%;
	}





/*-------------------FOOTER		*/
footer{

}
	.siteinfo{
		float: left;
		width: 23%;
	}
		footer .logo{
			width: 154px;height: 65px;
			background: url(../img/logo/selkirk_college.png) top left no-repeat;
			margin: -10px 0 20px -3px;
		}
			footer .logo h2{
				display: none;
			}
	.footercol{
		float: left;
		width: 14.6%;
		margin: 0 0 0 1%;
	}
	.footercol-last{
		float: left;
		width: 14.6%;
		margin: 0 -1% 0 1%;
	}
		footer h2{
			font-weight: normal;
			font-size: 18px;
			color: rgb(196,196,194);
			margin-bottom: 27px;

			font-family: ff-meta-web-pro;
		}
		footer ul{
			list-style-type: none;
			font-size: 12px;
			line-height: 22px;
			padding-bottom: 27px;
			font-family: myriad-pro, helvetica, arial, sans-serif;
		}
			footer a:link, footer a:visited{
				color: rgb(255,255,255);
				text-decoration: none;
			}
			footer a:hover{
				color: rgb(249,240,212);
				text-shadow: 2px 2px 2px rgb(0,0,0);
			}

/*---------------------RHC BOXES*/


/*----HOW DO I? ----*/
.hdi{
	background: rgb(98,83,79);
	color: rgb(255,255,255);
}
	.hdi-h{
		background: rgb(114,100,95);
		color: rgb(255,255,255);
	}
	#rhc div.box .hdi-h:after{
		background: rgb(114,100,95);
	}



.blue{
	background: rgb(1,97,118);
	color: rgb(255,255,255);
}
	.blue-h{
		background: rgb(2,117,142);
		color: rgb(255,255,255);
	}
	#rhc .box h2.blue-h:after{
		background: rgb(2,117,142);
	}

.orange{
	background: rgb(244,218,154);
	color: rgb(0,0,0);
}
	.orange-h{
		background: rgb(255,121,0);
		color: rgb(255,255,255);
	}
	#rhc .box h2.orange-h:after{
		background: rgb(255,121,0);
	}

.olive{
	background: rgb(99,101,85);
	color: rgb(255,255,255);
}
	.olive-h, .olivelight{
		background: rgb(117,117,97);
		color: rgb(255,255,255);
	}
	#rhc .box h2.olive-h:after{
		background: rgb(117,117,97);
	}

	#lhc .box h2.olivelight:after{
		background: rgb(117,117,97);
	}


.gray{
	background: rgb(235,236,232);
	color: rgb(0,0,0);
}
	.gray-h{
		background: rgb(196,196,194);
		color: rgb(0,0,0);
	}
	#rhc .box h2.gray-h:after{
		background: rgb(196,196,194);
	}

.green{
	background: rgb(228,233,170);
	color: rgb(0,0,0);
}
	.green-h{
		background: rgb(198,189,18);
		color: rgb(0,0,0);
	}
	#rhc .box h2.green-h:after{
		background: rgb(198,189,18);
	}

.yellow{
	background: rgb(242,226,158);
	color: rgba(0,0,0,0.7);
}
	.yellow-h{
		background: rgb(226,185,14);
		color: rgb(0,0,0);
	}
	#rhc .box h2.yellow-h:after{
		background: rgb(226,185,14);
	}

.brown{
	background: rgb(114,100,95);
	color: rgb(255,255,255);
}
	.brown-h{
		background: rgb(98,83,79);
		color: rgb(255,255,255);
	}
	#rhc .box h2.brown-h:after{
		background: rgb(98,83,79);
	}