/*------------------------------------*\
	MAIN
\*------------------------------------*/
html{
	overflow-y:scroll; /* Force scrollbars 100% of the time */
	font-size:100%; /* Use 16px as per http://www.informationarchitects.jp/en/100e2r/ and http://www.wilsonminer.com/posts/2008/oct/20/relative-readability/ */
	
	
	/*font-family:Calibri, "Helvetica Neue", Arial, sans-serif; /* Swap these two lines around to switch between serif and sans */
	font-family:Cambria, Georgia, "Times New Roman", serif; /* Swap these two lines around to switch between serif and sans */
	line-height:1.5;
	/*background:url(../img/css/baseline.gif) 0 18px #fff;
	color:#333;*/
		
}
body{
	min-height:100%;
	font-size: 16px;
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2D3526', endColorstr='#F3CD4B');
	background: -webkit-gradient(linear, left top, left bottom, from(#2D3526), to(#F3CD4B));
	background: -moz-linear-gradient(top,  #2D3526,  #F3CD4B); */
	
	background: rgb(227,222,195); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZGVjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2RiZDZiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmM4OWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(227,222,195,1) 0%, rgba(219,214,181,1) 40%, rgba(207,200,159,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,222,195,1)), color-stop(40%,rgba(219,214,181,1)), color-stop(100%,rgba(207,200,159,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(227,222,195,1) 0%,rgba(219,214,181,1) 40%,rgba(207,200,159,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(227,222,195,1) 0%,rgba(219,214,181,1) 40%,rgba(207,200,159,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(227,222,195,1) 0%,rgba(219,214,181,1) 40%,rgba(207,200,159,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(227,222,195,1) 0%,rgba(219,214,181,1) 40%,rgba(207,200,159,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3dec3', endColorstr='#cfc89f',GradientType=0 ); /* IE6-8 */

	
	behavior: url(http://trilliumlake.com/PIE.htc);	
}




h1 {
	color: #630;
	font-size: 18px;
	font-weight: bold;
	margin: 3px 0px 25px 0px;
	text-transform: capitalize;
}
h2 {
	color: #960;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
}

h2.grid-5 {
	padding-top:15px;
}

.grid-8 h3 {
	padding-top:25px;
}

a          { color: #ba7007; }
a:visited  {
	color: #5D7359;
}
a:hover    { color: #E0D697; }

.container {
/* 	width: 100%; */
/* 	margin-left: auto;
	margin-right: auto; */
	background-color: #FFFFEC;
} 


/* BANNER AREA
.bannerArea {
	width: 0; auto;
	display:block;
	position: center center;
} */
.bannerArea {
	background: url(images/tlbc-banner.png); 
	background-repeat: no-repeat;
	display: block;
	max-width: 1140px;
/* 	height: 310px; */

/* 	background-position: center center; */
/* 	margin-bottom: 15px;
	margin-left: 25px; */
 	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 8px rgba(0,0,0,.3), inset 0 1px 0 rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 8px rgba(0,0,0,.3), inset 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 8px rgba(0,0,0,.3), inset 0 1px 0 rgba(0,0,0,.3); 

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*------------------------------------*\
	NAV
\*------------------------------------*/


.nav-bar { height: 45px; background: #fff; margin-top: 20px; border: 1px solid #ddd; }	
	.nav-bar>li { float: left; display: block; position: relative; padding: 0; margin: 0; border-right: 1px solid #ddd; line-height: 45px; }
	.nav-bar>li>a { position: relative; font-size: 14px; padding: 0 20px; display: block; text-decoration: none; font-size: 15px; font-size: 1.5rem; }
	.nav-bar>li>input { margin: 0 16px; }
	.nav-bar>li ul { margin-bottom: 0; }
	.nav-bar>li li { line-height: 1.3; }
	.nav-bar>li.has-flyout>a { padding-right: 36px; }
	.nav-bar>li.has-flyout>a:after { content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; position: absolute; right: 18px; bottom: 20px; }
	.nav-bar>li:hover>a { color: #141414; z-index: 2; }
	.nav-bar>li:hover>a:after { border-top-color: #141414; }

	.flyout { background: #fff; margin: 0; padding: 20px; border: 1px solid #ddd; position: absolute; top: 45px; left: -1px; width: 400px; z-index: 10; }
	.flyout.small { width: 200px; }
	.flyout.large { width: 600px; }
	.flyout.right { left: auto; right: 0; }
	.flyout p:last-child { margin-bottom: 0; }
	.nav-bar>li .flyout { display: none; }
	.nav-bar>li:hover .flyout { display: block; }







.navOld{
	list-style:none;
	margin:0 0 1.5em 0;
}
.navOld li{
	display:inline;
}
.navOld a{
	display:inline-block;
}
/* .bannerNav a{
	margin: 8px 0px 3px 1px;
	color: #630;
	font-size: 18px;
	font-weight: bold;
	background-color: #DEBB69;
	-webkit-box-shadow: 1px 2px 2px rgba(255,255,255,.2), inset 1px 2px 3px rgba(0,0,0,.3), inset 1px 2px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 2px 2px rgba(255,255,255,.2), inset 1px 2px 3px rgba(0,0,0,.3), inset 1px 2px 3px rgba(0,0,0,.3);
	box-shadow: 1px 2px 2px rgba(255,255,255,.2), inset 1px 2px 3px rgba(0,0,0,.3), inset 1px 2px 3px rgba(0,0,0,.3);
	
	behavior: url(/PIE.htc);
}
.bannerNav a:visited{
	color: #C60;
}

.bannerNav a:hover{
	color: #000000;
}


.bannersubnav {
	padding-top: 20px;
	padding-right: 20px;
	float: right;
	color: #630;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana,Arial, Helvetica , sans-serif;
	padding-bottom: 5px;
}

.bannersubnav a { color: #630; text-decoration: none; padding-left: 5px; padding-right: 5px; }
.bannersubnav a:visited {
	color: #9C3;
}
.bannersubnav a:hover { color: #000000; text-decoration: none; } */


	#navOld {
		
		text-align: center;
		
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px; 
		border-radius: 4px;
		background: #d7bd6d; /* Old browsers */
		background: -moz-linear-gradient(top,  #d7bd6d 0%, #a16b25 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7bd6d), color-stop(100%,#a16b25)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #d7bd6d 0%,#a16b25 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #d7bd6d 0%,#a16b25 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #d7bd6d 0%,#a16b25 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #d7bd6d 0%,#a16b25 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7bd6d', endColorstr='#a16b25',GradientType=0 ); /* IE6-9 */
		
		
		/*  box-shadow: -3 -5px 3px rgba(0, 0, 0, 0.4); */ 
		*   border-top: 1px solid gray;  
		
		
		-webkit-box-shadow: 1px 2px 2px rgba(255,255,255,.2), inset 1px 2px 3px rgba(0,0,0,.3), inset 1px 2px 3px rgba(0,0,0,.3);
		-moz-box-shadow: 1px 2px 2px rgba(255,255,255,.2), inset 1px 2px 3px rgba(0,0,0,.3), inset 1px 2px 4px rgba(0,0,0,.3);
		box-shadow: 1px 2px 2px rgba(255,255,255,.2), inset 1px 2px 3px rgba(0,0,0,.3), inset 1px 2px 3px rgba(0,0,0,.3);
		
		
	    color: #444444;
	    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	
	    margin: 0;
	    padding: 7px 6px 0;
		width: auto;
		height: auto;
	
		behavior: url(./PIE.htc);
		
	}
	#navOld li {
	    float: left;
	    list-style: none outside none;
	    margin: 0 5px;
	    padding: 0 0 8px;
	    position: relative;
	}
	#navOld a {
	
		color: #E4E4B1;
		display: block;
		font-weight: bold;
		margin: 0;
		padding: 8px 20px;
		text-decoration: none;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
	}
	#navOld .current a, #navOld li:hover > a {
	    /* background: -moz-linear-gradient (center top , #7b7135, #c49c8b) repeat scroll 0 0 transparent; */
		background: rgb(255,180,137); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZiNDg5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjZGFiMTZhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JmOGEyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(-45deg, rgba(188,122,101,1) 0%, rgba(218,177,106,1) 23%, rgba(191,138,47,1) 100%) repeat scroll 0 0 transparent; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(188,122,101,1)), color-stop(23%,rgba(218,177,106,1)), color-stop(100%,rgba(191,138,47,1))) repeat scroll 0 0 transparent; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg, rgba(188,122,101,1) 0%,rgba(218,177,106,1) 23%,rgba(191,138,47,1) 100%) repeat scroll 0 0 transparent; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg, rgba(188,122,101,1) 0%,rgba(218,177,106,1) 23%,rgba(191,138,47,1) 100%) repeat scroll 0 0 transparent; /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg, rgba(188,122,101,1) 0%,rgba(218,177,106,1) 23%,rgba(191,138,47,1) 100%) repeat scroll 0 0 transparent; /* IE10+ */
		background: linear-gradient(-45deg, rgba(188,122,101,1) 0%,rgba(218,177,106,1) 23%,rgba(191,138,47,1) 100%) repeat scroll 0 0 transparent; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb489', endColorstr='#bf8a2f',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
		
		/*  border-top: 1px solid #F8F8F8; */
	    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	    color: #444444;
	    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	
		-webkit-box-shadow: 1px 2px 2px rgba(255,255,255,.2), inset 1px 2px 3px rgba(0,0,0,.3), inset 1px 2px 3px rgba(0,0,0,.3);
		-moz-box-shadow: 1px 2px 2px rgba(255,255,255,.2), inset 1px 2px 3px rgba(0,0,0,.3), inset 1px 2px 3px rgba(0,0,0,.3);
		box-shadow: 1px 2px 2px rgba(255,255,255,.2), inset 1px 2px 3px rgba(0,0,0,.3), inset 1px 2px 3px rgba(0,0,0,.3);
		
		behavior: url(./PIE.htc);
	}
	#navOld ul li:hover a, #navOld li:hover li a {
	    background: none repeat scroll 0 0 transparent;
	    border: medium none;
	    box-shadow: none;
	    color: #666666;
		width: 0 auto;
		
	}
	#navOld ul a:hover {
	    background: -moz-linear-gradient(center top , #7b7135, #c49c8b) repeat scroll 0 0 transparent !important;
	    border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	    color: #FFFFFF !important;
	    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
		width: inherit;
	}
	#navOld ul {
	    /* background: -moz-linear-gradient(-45deg, rgba(255,254,253,1) 0%, rgba(237,225,185,1) 23%, rgba(215,187,95,1) 100%); /* FF3.6+ *//* repeat scroll 0 0 transparent;
			-webkit-gradient(-45deg, rgba(255,254,253,1) 0%, rgba(237,225,185,1) 23%, rgba(215,187,95,1) 100%); /* FF3.6+ *//* repeat scroll 0 0 transparent;
		-moz-linear-gradient(-45deg, rgba(255,254,253,1) 0%, rgba(237,225,185,1) 23%, rgba(215,187,95,1) 100%); */ /* FF3.6+ *//*repeat scroll 0 0 transparent; */ 
		background: rgb(255,180,137); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZiNDg5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjZGFiMTZhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JmOGEyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(-45deg, rgba(188,122,101,1) 0%, rgba(218,177,106,1) 23%, rgba(191,138,47,1) 100%) repeat scroll 0 0 transparent; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(188,122,101,1)), color-stop(23%,rgba(218,177,106,1)), color-stop(100%,rgba(191,138,47,1))) repeat scroll 0 0 transparent; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg, rgba(188,122,101,1) 0%,rgba(218,177,106,1) 23%,rgba(191,138,47,1) 100%) repeat scroll 0 0 transparent; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg, rgba(188,122,101,1) 0%,rgba(218,177,106,1) 23%,rgba(191,138,47,1) 100%) repeat scroll 0 0 transparent; /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg, rgba(188,122,101,1) 0%,rgba(218,177,106,1) 23%,rgba(191,138,47,1) 100%) repeat scroll 0 0 transparent; /* IE10+ */
		background: linear-gradient(-45deg, rgba(188,122,101,1) 0%,rgba(218,177,106,1) 23%,rgba(191,138,47,1) 100%) repeat scroll 0 0 transparent; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb489', endColorstr='#bf8a2f',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
		
	    border: 1px solid #B4B4B4;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		
	    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	    display: none;
	    left: 0;
	    margin: 0;
	    padding: 0;
	    position: absolute;
		margin-top: 1px; 
	    width: auto;
		
		behavior: url(./PIE.htc);
		/* position:relative; */
		* 
		
		
		
		
	}
	#navOld li:hover > ul {
	    display: block;
	}
	#navOld ul li {
	    float: none;
	    margin: 0;
	    padding: 0;
	}
	#navOld ul a {
	    font-weight: normal;
	    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
		
	}
	#navOld ul ul {
	    left: 181px;
	    top: -3px;
		
	}
	#navOld ul li:first-child > a {
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	/* background: pink; */




	}
	#navOld ul li:last-child > a {
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;


	}
	#navOld:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
	}
	#navOld {
	  
		behavior: url(/PIE.htc);
	}
	html[xmlns] #navOld {
	    display: block;
	}
	* html #navOld {
	    height: 1%;
	}

#navOld.centred,
#navOld.centered{
	text-align:center;
	position: relative;
	z-index: 100;
}
#navOld.centred li,
#navOld.centered li{
	display:inline;
	float:none;
}
#navOld.centred a,
#navOld.centered a{
	display:inline-block;
}
/*.toplogo {
	margin-left: 0px;
	padding-top: 0px;
}

 .navigationArea {
	width: 908px;
	border-bottom: solid;
	border-color: #75570b;
	border-width: 1px;
} */

/* CONTENT AREA */

.content {
	position: relative;
	display: block; 
/* 	margin-top: 50px; */
margin-top: 15px;
padding: 15px;
width: 100%;
/* 	margin-top: 50px;
	margin-right:50px; */
	/* margin:5px 5px 5px 5px; */
/* 	padding:30px 20px 20px 20px; */
	box-shadow: 0px 1px 2px;
	-moz-box-shadow: 0px 1px 2px;
	-webkit-box-shadow: 0px 1px 2px;
	-o-box-shadow: 0px 1px 2px;
	-md-box-shadow: 0px 1px 2px;
	border-radius: 4px;
	
	 /*gradient url: http://www.colorzilla.com/gradient-editor/#faeedc+0,e3c99f+33,debf8e+59,f5e7d1+100;Custom*/
	 background: #faeedc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZWVkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2UzYzk5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iI2RlYmY4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWU3ZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #faeedc 0%, #e3c99f 33%, #debf8e 59%, #f5e7d1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faeedc), color-stop(33%,#e3c99f), color-stop(59%,#debf8e), color-stop(100%,#f5e7d1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #faeedc 0%,#e3c99f 33%,#debf8e 59%,#f5e7d1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #faeedc 0%,#e3c99f 33%,#debf8e 59%,#f5e7d1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #faeedc 0%,#e3c99f 33%,#debf8e 59%,#f5e7d1 100%); /* IE10+ */
background: linear-gradient(top,  #faeedc 0%,#e3c99f 33%,#debf8e 59%,#f5e7d1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faeedc', endColorstr='#f5e7d1',GradientType=0 ); /* IE6-8 */
	
/* curved border radius */
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(http://trilliumlake.com/PIE.htc);	

}


.content img {
	margin: 20px;

}

#content ul{
	padding: 15px;
	}

.row.pageBoxes {
	padding: 15px;
	}





/* FOOTER AREA */
.footer {
	/*width: 100%;*/
	height: 180px;
	margin: 0 auto;

text-align: center;	
padding-top: 25px;
border-radius: 4px;
box-shadow: 0px 1px 2px #000;

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


		behavior: url(http://trilliumlake.com/PIE.htc);	
}



/*Sticky Footer*/
   /* * {
    margin: 0;
    }
    html, body {
    height: 100%;
    }
    .sticky-wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -140em;
    }
    .push {
    height: 140em;
    }*/


.copyright {
	border-top: dotted;
	border-color: #660;
	border-width: 2px;
	/* margin-left: 30px;
	margin-right: 30px;
	padding-top: 12px; */
	color: #630;
	font-size: 12px;
/* 	margin: 0 -30px 10px -10px; */
	/* width: 96%; */
}
.container .navigationArea #SpryAccordion1 .AccordionPanel.AccordionPanelOpen .AccordionPanelContent .acontent p {
	color: #804000;
	border: 2px;
}
.container .contentArea .contentleft p img {
	color: #804000;
}
.container .navigationArea #SpryAccordion1 .AccordionPanel.AccordionPanelOpen .AccordionPanelContent .acontent h2 {
	color: #FF8000;
}
.container .navigationArea #SpryAccordion1 .AccordionPanel.AccordionPanelOpen .AccordionPanelContent .acontent h2 {
	color: #600;
}
.container .bannerArea .toplogo a img {
	color: #C66300;
}
.container .bannerArea .bannerNav li {
	color: #C66300;
}
#CGC {
	color: #804000;
}
#summerColor1 {
	color: #FFFFA8;
}
#CGColorRed {
	color: #600;
}
.container .navigationArea #SpryAccordion1 .AccordionPanel.AccordionPanelClosed .AccordionPanelTab #CGColorRed {
	font-family: pristina;
}
.container .navigationArea #SpryAccordion1 .AccordionPanel.AccordionPanelClosed .AccordionPanelTab #CGC {
	font-family: Papyrus, Parchment;
}
#summerColor {
	color: #FFA;
}
#CGCRed {
	color: #600;
}
#SpecialsTextColor {
	color: #C00;
	padding-top: 10px;
}

/*h3 {
	font-size: 16px;
	line-height: normal;
	color: #630;
	text-align: center;
	margin: auto;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #BA7C51;
	text-align: left;
}


*------------------------------------*\
	GRIDS
\*------------------------------------*/
/*
Page wrapper. Apply to the body where possible, as per: http://csswizardry.com/2011/01/using-the-body-element-as-a-wrapper/
*/
/* .wrapper{
	max-width:1120px;
	margin:0 auto;
	padding:0 10px;
}
 */
.sticky-wrapper{
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}

/*------------------------------------*\
	GRID.INUIT.CSS
\*------------------------------------*/





/*
grid.inuit.css is an inuit.css igloo
igloos are CSS plugins which extend the inuit.css framework
They are released under the Apache License, Version 2.0 -- http://www.apache.org/licenses/LICENSE-2.0

@inuitcss
inuitcss.com
*/





/*------------------------------------*\
	GRIDS
\*------------------------------------*/
/*
Page wrapper. Apply to the body where possible, as per: http://csswizardry.com/2011/01/using-the-body-element-as-a-wrapper/
*/
.wrappers{
	
	margin:0 auto;
	padding:0 10px;
}

/*
Most frameworks rely on class="end" or similar to remove the margin from the last column in a row of grids. We don't want to do that so we use a combination of margin- and negative margin-left. It's clever...
We also allow you to use grid items as stand alone columns or in a series of columns. To use a series just wrap them all in <div class="grids">...</div>
*/
.grids{
	clear:both;
	max-width:1160px;
	margin:0 0 0 -1.724%;
	list-style:none; /* So we can make grids out of lists */
}

/*
Here we are using an attribute selector to detect the string 'grid-' in an element's class.
This works by assuming that anything we call grid-<n> we also want to be a grid item. It means less code and less for you to remember!

Ensure any grid item's FIRST class is a grid-<n> class. e.g.
VALID: class="grid-4 text-centre"
INVALID: class="left grid-4"
*/
[class^="grid-"]{
	float:left;
	margin:0 1.724% 0 0;
}
.grids [class^="grid-"]{
	margin:0 0 0 1.724%;
}
.grid-1{ width:4.526% }
.grid-2{ width:10.776% }
.grid-3{ width:17.026% }
.grid-4{ width:23.276% }
.grid-5{ width:29.526% }
.grid-6{ width:35.776% }
.grid-7{ width:42.026% }
.grid-8{ width:48.276% }
.grid-9{ width:54.526% }
.grid-10{ width:60.776% }
.grid-11{ width:67.026% }
.grid-12{ width:73.276% }
.grid-13{ width:79.526% }
.grid-14{ width:85.776% }
.grid-15{ width:92.026% }
.grid-16{ width:98.276%; margin:0 }


/*------------------------------------*\
	GRID.INUIT.CSS
\*------------------------------------*/





/*
grid.inuit.css is an inuit.css igloo
igloos are CSS plugins which extend the inuit.css framework
They are released under the Apache License, Version 2.0 -- http://www.apache.org/licenses/LICENSE-2.0

@inuitcss
inuitcss.com
*/


/*Image Styles*/

.reflection .image-wrap:after {
	position: absolute;
	content: ' ';
	width: 100%;
	height: 30px;
	bottom: -31px;
	left: 0;

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

	background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,0)));
	background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,0) 100%);
}


.soft-embossed .image-wrap {
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,1), inset 0 2px 1px rgba(255,255,255,.5), inset 0 -3px 2px rgba(0,0,0,.6), inset 0 -6px 2px rgba(255,255,255,.3);
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,1), inset 0 2px 1px rgba(255,255,255,.5), inset 0 -3px 2px rgba(0,0,0,.6), inset 0 -6px 2px rgba(255,255,255,.3);
	box-shadow: inset 0 0 4px rgba(0,0,0,1), inset 0 2px 1px rgba(255,255,255,.5), inset 0 -3px 2px rgba(0,0,0,.6), inset 0 -6px 2px rgba(255,255,255,.3);

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.soft-embossed {
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,1), inset 0 2px 1px rgba(255,255,255,.5), inset 0 -3px 2px rgba(0,0,0,.6), inset 0 -6px 2px rgba(255,255,255,.3);
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,1), inset 0 2px 1px rgba(255,255,255,.5), inset 0 -3px 2px rgba(0,0,0,.6), inset 0 -6px 2px rgba(255,255,255,.3);
	box-shadow: inset 0 0 4px rgba(0,0,0,1), inset 0 2px 1px rgba(255,255,255,.5), inset 0 -3px 2px rgba(0,0,0,.6), inset 0 -6px 2px rgba(255,255,255,.3);

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

}

.big-image {
	
	background:url(images/barlow_dec_2010.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-left-style:ridge;
	border-color: blue;
	width: 0 auto;
	height: 325px;
	padding: 10px;
}

img {
    border-radius: 7px;
    box-shadow: 2px 3px 5px rgba(0,0,0,0.8);
	border:none;
}


#get_adobe {
	padding-left: 35px;
	margin:10px;
	display:block;
	}
	
.tri_box {
	background-image: url(http://trilliumlake.com/barlowmdx/assets/templates/main/images/pattern_old.jpg);
	
	background-color:#ffeec1;
/* 	padding-top: 25px;
	padding-left: 15px; */
	-webkit-box-shadow: 0 2px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.4), inset 0 2px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 2px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.4), inset 0 2px 0 rgba(0,0,0,.4);
	box-shadow: 0 2px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.4), inset 0 2px 0 rgba(0,0,0,.4);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 33%;
}

.tri_box img {
	box-shadow: none;
		}
		
.row.documents {
/* 	padding: 30px; */
	}