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

Trillium Mortgage || http://www.trilliummortgage.ca || 
All rights reserved. xguru, Inc. 
trillium.css ::> 
:: last updated October 5 2006 ::

Curiosity Killed The Cat
---------------*/

a:link		{ color:#000000; text-decoration: underline; }
a:hover		{ color:#FE0000; text-decoration : none; }
a:visited 	{ color:#FE0000; text-decoration: underline; }
a:active	{ color:#EC008C; text-decoration : none; }


body	{ 	margin: 10px 0px 0px 0px;
		padding: 0px;
			background-color: #ffffff;
			background-repeat: repeat;
	}

#header {	background:transparent;
		width: 100%; 
		border-top: 0px solid #000000;
		border-right: 0px solid #000000;
		border-bottom: 0px solid #000000;
		border-left: 0px solid #000000;
		text-align:center;
	}

/* >>>> nav */

#menu 		{	background-image: url(/images/trillium.jpg);
			margin: 0px 0px 0px 0px;
			width:400px; height:200px;
			display: block;
			position: relative;
			float: left;
		}
#menu ul 	{ 	list-style: none; 
			margin: 90px 200px 0px 0px;
			width:200px; 
			padding: 0px;
		}
#menu li 	{ 	display: block;
			float: left;
		}

#menu li.list1 {background:transparent url(/images/nav/off.borrowing.jpg);}
#menu li.list2 {background:transparent url(/images/nav/off.agent.jpg);}
#menu li.list3 {background:transparent url(/images/nav/off.lending.jpg);}

#menu a#item1 {display:block; width:200px; height:0px; padding-top:35px; color:#000; overflow:hidden;
			background:transparent url(/images/nav/on.borrowing.jpg) -200px -35px no-repeat;}
#menu a#item2 {display:block; width:200px; height:0px; padding-top:35px; color:#000; overflow:hidden;
			background:transparent url(/images/nav/on.agent.jpg) -200px -35px no-repeat;}
#menu a#item3 {display:block; width:200px; height:0px; padding-top:40px; color:#000; overflow:hidden;
			background:transparent url(/images/nav/on.lending.jpg) -200px -40px no-repeat;}

#menu a#item1:hover {background-position:0 0; z-index:1;}
#menu a#item2:hover {background-position:0 0; z-index:1;}
#menu a#item3:hover {background-position:0 0; z-index:1;}


#leftcol {	background: transparent;
		float: left;
		width: 4%;
		border-top: 0px solid #000000;
		border-right: 0px solid #000000;
		border-bottom: 0px solid #000000;
		border-left: 0px solid #000000;
	}
#rightcol {	background: transparent;
		float: right;
		width: 4%px;
		border-top: 0px solid #000000;
		border-right: 0px solid #000000;
		border-bottom: 0px solid #000000;
		border-left: 0px solid #000000;
	}
#content {	background: #ffffff;
		margin: 10px 0px 0px 0px;
		border-top: 1px solid #FE0000;
		border-right: 1px solid #FE0000;
		border-bottom: 1px solid #FE0000;
		border-left: 1px solid #FE0000;
		float: left; 
		width: 92%;
	}
#boxl	{ 	position:relative; width:250px; float:left; display: block; clear: both;
		margin: 10px 20px 5px 0px;
		background-color:#E6F3EA;
			border-top: 1px solid #174124;
			border-right: 2px solid #174124;
			border-bottom: 2px solid #174124;
			border-left: 1px solid #174124;
		}

#boxr	{ 	position:relative; width:250px; float:right;
		margin: 10px 0px 5px 20px;
		background-color:#E6F3EA;
			border-top: 1px solid #174124;
			border-right: 2px solid #174124;
			border-bottom: 2px solid #174124;
			border-left: 1px solid #174124;
		}

#footer {	background-color:#ffffff;
		width: 100%; 
		border-top: 0px solid #000000;
		border-right: 0px solid #000000;
		border-bottom: 0px solid #000000;
		border-left: 0px solid #000000;
		text-align:center;
clear:both;
}

#xfooter {	background: transparent;
		width: 100%; 
		text-align:center;
		margin: 10px 0px 10px 0px;
clear:both;
}


.formbox	{ 	font: 8pt arial, helvetica, san serif; color: #000000;
				border: 1px solid #174124;
				background: #ffffff;
				letter-spacing: .10em;
		}


/* content classes */

.midnav 		{ font: 9pt arial, helvetica, san serif; font-weight:bold;
				margin: 15px 0px 15px 0px;
				color:#000000;
				letter-spacing: .21em;
				text-align:center;
			}
.midnav a:link		{ font: 9pt arial, helvetica, san serif; font-weight:bold;
				color:#FE0000; 
				text-decoration : none;
			}
.midnav  a:visited	{ font: 9pt arial, helvetica, san serif; font-weight:bold;
				color:#FE0000; 
				text-decoration : none;
			}

.midnav a:hover 	{ color:#000000; text-decoration : none; }

h1	{ font: 30pt arial, helvetica, san-serif; font-weight:bold;
			color:#174124; 
			text-align:center;
				text-transform: uppercase;
			margin: 20px 0px 25px 0px;
	}
h2	{ font: 16pt arial, helvetica, san-serif;  font-weight:bold;
			color:#000000;
			text-align:center; 
			margin: 15px 40px 10px 40px;
				line-height: 1.4em;
				letter-spacing: .20em;
	}
h3	{ font: 10pt arial, helvetica, san-serif; font-weight:normal;
			color:#000000;
			text-align:left; 
			margin: 8px 40px 12px 40px;
				line-height: 1.2em;
				letter-spacing: .12em;
	}
h3 a:link		{ color:#666666; text-decoration: underline; }
h3 a:hover		{ color:#FE0000; text-decoration : none; }
h3 a:visited		{ color:#FE0000; text-decoration: underline; }
h3 a:active		{ color:#666666; text-decoration : none; }

.red	{ font: 10pt arial, helvetica, san-serif; font-weight:normal;
			color:#FE0000;
			text-align:left; 
			margin: 8px 40px 12px 40px;
				line-height: 1.2em;
				letter-spacing: .12em;
	}



h4	{ font: 12pt arial, helvetica, san-serif; font-weight:normal; font-style:italic;
			color:#000000; 
			margin: 10px 40px 5px 40px;
				line-height: 1.0em;
				letter-spacing: .12em;
	}

p	{ font: 8pt arial, helvetica, san-serif; font-weight:bold;
			color:#000000;
			text-align:justify; 
			margin: 4px 20px 4px 20px;
				line-height: 1.4em;
				letter-spacing: .09em;
	}
p a:link		{ color:#666666; text-decoration: underline; }
p a:hover		{ color:#FE0000; text-decoration : none; }
p a:visited		{ color:#FE0000; text-decoration: underline; }

#listul	{ font: 10pt arial, helvetica, san-serif; font-weight:normal;
			color:#000000;
			text-align:left; 
			margin: 4px 0px 6px 40px;
				line-height: 1.4em;
				letter-spacing: .09em;
	}
#listul li	{ margin: 8px 40px 8px 40px; }

#listol	{ font: 10pt arial, helvetica, san-serif; font-weight:normal;
			color:#000000;
			text-align:left; 
			margin: 4px 0px 6px 40px;
				line-height: 1.4em;
				letter-spacing: .12em;
	}
#listol li	{ margin: 8px 40px 8px 40px; }

.img		{ margin: 0px 5px 10px 20px; }
.imgl		{ margin: 0px 30px 30px 0px; border: solid 1px #000000; }



/* Table Classes */
#table	{			margin: 20px 0px 20px 0px;
				text-align:center;
			border-top: solid 1px #bbbbbb;
			border-right: solid 2px #bbbbbb;
			border-bottom: solid 2px #bbbbbb;
			border-left: solid 1px #bbbbbb; 
				background-color: #FAF9F8;
	}

th	{ font: 12px Arial, Helvetica, sans-serif; color: #000000; font-weight:bold; }

td	{ font: 10px Arial, Helvetica, sans-serif; color: #000000; }


#beware	{			margin: 20px 0px 20px 0px;
				text-align:center;
			border-top: solid 1px #bbbbbb;
			border-right: solid 2px #bbbbbb;
			border-bottom: solid 2px #bbbbbb;
			border-left: solid 1px #bbbbbb; 
				background-color: #FAF9F8; padding:20px;
	}


.footerlarge	{ font: 12pt arial, helvetica, san-serif; font-weight:bold;
			color:#000000; 
			margin: 10px 0px 10px 0px;
			text-align:right;
	}
.footer		{ font: 8pt arial, helvetica, san-serif; 
			color:#000000; 
			margin: 10px 0px 10px 0px;
			text-align:right;
	}
.footer a:link		{ color:#EC008C; text-decoration : none; }
.footer a:hover		{ color:#FE0000; text-decoration : none; }
.footer a:visited	{ color:#FE0000; text-decoration: none; }

.xfooter 		{ font: 8pt arial, helvetica, san serif; color:#000000;
				margin: 20px 0px 20px 0px; }
.xfooter a:link 	{ font: 8pt arial, helvetica, san serif; color:#000000; text-decoration: none; }
.xfooter a:visited 	{ font: 8pt arial, helvetica, san serif; color:#000000; text-decoration: none; }
.xfooter a:hover	{ color:#c3c3c3; text-decoration : none; }