body {
	text-align:left;
	background: #F4F4F4 url(images/bk.jpg) repeat-x; 
	color:#000;
	margin: 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 1.5em;
	}

img {
	display: block;
	border: 0;
	}

.inline {
	display: inline;
	}
	
.alt {
	display: none;
	}

/* ***************  Containers  ************* */

#mainframe {
	width:770px;
	padding:0;
	text-align:left;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border: 1px solid #333333;
	background-color:#FFFFFF;
	}
	
#contentframe {
	width:770px;
	padding:0 0 20px 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	text-align:left;
/*	background: #fff url(images/bk_content.jpg) bottom right no-repeat;*/
	position: relative;
	}
	
#homecontentframe {
	padding:0 0 20px 0;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
	text-align:left;
	background-color: #fff;
	position: relative;
	width:770px; /* False value for IE4-5.x/Win. */
 	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 770px;	/* You get it. Good value for compliant browers. */	
	}
	
html>#homecontentframe {
	width: 770px; /* Be nice to Opera */
	}




#topnavframe {
	width: 770px;
	height: 50px;
	margin: 0;
	padding:0;
/*	background-color: #6699CC;*/
	position: relative;
	color: #FFFFFF;
  	background:url(images/bk_header.jpg) no-repeat; 
	}

#footerframe {
	width: 770px;
	height: 20px;
	margin: 0;
	padding:0; 
	position: relative;

	}


#logohead {
  	background:#014831 url(images/sclogo_final.jpg) no-repeat; 
  	height: 50px;
  	width: 770px;   
 	border-bottom: 1px solid #ccc;
	}



#contactinfo {
	text-align: left;
	font-size: 10px; 
	line-height: 1.3em;
	background: #f4f4f4 url(images/bk_contactinfo.jpg) repeat-x; 
	border: #D7D4CD 1px solid;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	padding: 5px;
	width:130px; /* False value for IE4-5.x/Win. */
 	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 130px;	/* You get it. Good value for compliant browers. */	
	}
	
html>#contactinfo {
	width: 130px; /* Be nice to Opera */
	}

#contactinfoheader {
	display: block;
	width: auto;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: #C2BEB4 1px solid;
	}


#highlightbox {
	float: left;
	text-align: left;
	font-size: 10px; 
	line-height: 1.3em;
	background: #f4f4f4 url(images/bk_contactinfo.jpg) repeat-x; 
	border: #D7D4CD 1px solid;
	margin-top: 0;
	margin-right: 20px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 5px;
	width:142px; /* False value for IE4-5.x/Win. */
 	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 130px;	/* You get it. Good value for compliant browers. */	
	}
	
html>#highlightbox {
	width: 130px; /* Be nice to Opera */
	}

#highlightboxheader {
	display: block;
	width: auto;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: #C2BEB4 1px solid;
	}



/* ***************  Columns  ************* */

.maincolumn {  
	border-left: 1px solid #f4f4f4;
  	margin-left: 184px;
  	font-size: 12px;
	text-align:justify;
  	line-height:1em;
	padding-bottom: 25px;
  	width:501px; /* False value for IE4-5.x/Win. */
 	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 500px;	/* You get it. Good value for compliant browers. */	
	}
	
html>.maincolumn {
	width: 500px;	 /* Be nice to Opera */
	}
	
	
.maincolumn p{ 
	text-align: left;
	margin: 0; 
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 1.5em;
	}

.subcol {
	position: absolute;
	left: 0px;
	top: 40px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	width: 180px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 180px;
	height: 100px;
	}
	
html>.subcol {
	width: 180px;	 /* Be nice to Opera */
	}
  




/* ***************  Links  ************* */


a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #369;
	}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #014831;
	background: transparent; 
	}






/* ***************  Top Nav ************* */

#topnav {
	text-align:right;
	margin: 0 0 0 41px;
	padding: 0 10px 0 0;
	}

#topnav ul, #topnav li {
	margin: 0; 
	padding: 0;
  	display: inline;
  	list-style-type: none;
	}


#topnav a:link, #topnav a:visited {
	margin: 0;
/*	border-left: 1px solid #fff;*/
	color: #FFFFFF;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	height: 20px;
	padding: 0 10px 0 10px;
	}

#topnavfirst a:link, #topnavfirst a:visited  {
/*	border-left: 1px solid #014831;*/
	}

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







/* ***************  Footer  ************* */


#footer {
	/*line-height: 41px;*/
	text-align:right;
	font-size: 9px;
	margin: 0;
	padding: 0 10px 0 0;
  	background: url(images/bk_footer.jpg) repeat-x; 

	}

#footer ul, #footer li {
  	display: inline;
  	list-style-type: none;

	}

#footer a:link, #footer a:visited {
	border-left: 1px solid #fff;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	padding: 0 10px 0 10px;
	}

#footerfirst a:link, #footerfirst a:visited  {
	border-left: none;
	}

#footer a:hover {
	color: #DAF0CE;
	text-decoration: underline;
	}
#footerbottom {
	line-height: 1.5em;
	width: auto;
	text-align:right;
	font-size: 9px;
	margin: 0;
	padding: 10px 20px 10px 0;
	background-color: #F5F4F3;
	}
	
	
	
	

/* ***************  Secondary Nav - This is the nav under Logo ************* */


#secondarynav ul {
	list-style: none;
	padding: 0;
	margin: 0px;
	border: 0;
	}

#secondarynav li	{
	border-bottom: #F5F4F3 url(images/bk.jpg) repeat-x;
	margin: 0;
	padding: 0 0 0 15px;
	font: 10px/15px verdana, lucida, arial, helvetica, sans-serif;
	color: #336699;
	width: 85x; /* False value for IE4-5.x/Win. */
 	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 85x;	/* You get it. Good value for compliant browers. */	
	}
	
html>#secondarynav li {
	width: 85px;	 /* Be nice to Opera */
	}
  



#secondarytop, #tertiarytop	{
	border-top: 1px solid #fff;
	}

#secondarynav li a {
	display: block;
	font-weight: bold;
	padding: 3px 5px 3px 20px;
	color: #369;
	text-decoration: none;
	background: #fff url(images/navbutton.gif) no-repeat; 
	width: 165px; 	/* False value for IE4-5.x/Win. */
 	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 140px;	/* You get it. Good value for compliant browers. */	
	}
	
html>#secondarynav li a {
	width: 140px;	 /* Be nice to Opera */
	}
	
#secondarynav li a:hover {
	font-weight: bold;
	color: #014831;
	text-decoration: underline;
	}






/* ***************  Sub Nav - This is the nav under the Picture ************* */


#subnav {
	text-align:left;
	width: 585px;
	line-height: 25px;
	margin: 0;
	padding: 0;
	background: #DAF0CE;
	}

#subnav ul {
	margin: 0; 
	padding: 0 0 0 10px;
  	display: inline;
  	list-style-type: none;
}

#subnav li {
	margin: 0; 
	padding: 0;
  	display: inline;
  	list-style-type: none;
}


#subnav a:link, #subnav a:visited {
	margin: 0;
	color: #369;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding: 0 5px 0 10px;
}

#subnavfirst a:link, #subnavfirst a:visited  {
	border-left: 1px solid #DAF0CE;
	}

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


/* ***************  BreadCrumb ************* */


.breadcrumb {
	color: #666;
	font-size: 9px;
	font-weight: normal;
	padding-left: 0;
	}

.breadcrumb a:link, .breadcrumb a:visited  {
	color: #666;
	font-size: 9px;
	font-weight: normal;
	padding-left: 0;
	}

.breadcrumb a:hover {
	color: #014831;
	text-decoration: underline;
	}

/* ***************  Normal Page Elements ************* */


h1 { 
	color:#336699;
	padding: 0 0 0 20px;
	font-size: 18px;
	} 

h2	{
	color:#276D40;
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 12px;
	}
#team h2	{
	color:#296E3F;
	margin-bottom: 15px;
	margin-top: 30px;
	padding: 0 0 0 20px;
	font-size: 12px;
	}

h3	{
	margin-top: 5px;
	margin-bottom: 0; 
	font-size:   12px; 
	}


ul {
	text-align: left;
	margin-top: 0; 
	margin-left: 40px; 
	padding: 0 0 0 10px;
  	display: block;
}

li {
	text-align: left;
	margin: 0;
	padding: 0;
	display: block;

}

/* ***************  Home Page - Three Columns & Navigation************* */

#homeleftcol {
	text-align: left;
	float: left;
	width: 230px;
	margin-top: 0;
	margin-left: 10px;
	padding: 0;
	}
	
#homeleftcol p{
	padding-left: 5px;
	padding-right: 5px;
	}

#homeleftcol strong{
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	}

#contenthomemiddle {
	text-align: left;
	margin-top: 0;
	margin-left: 265px;
	margin-right: 265px;
	padding: 0;
	}

#contenthomemiddle p{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	border-bottom: #ccc 1px solid;
	}


#homerightcol {
	text-align: left;
	float: right;
	width: 230px;
	margin: 0;
	margin-right: 10px;
	padding: 0;
	}

#homerightcol p{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-top: 0px;
	border-bottom: #ccc 1px solid;
	}


.homenav a:link {
	font-weight: bold;
	padding: 3px 5px 3px 20px;
	color: #369;
	text-decoration: underline;
	background: #fff url(images/navbutton.gif) no-repeat; 
	}
	
.homenav a:visited{
	font-weight: bold;
	padding: 3px 5px 3px 20px;
	color: #369;
	text-decoration: underline;
	background: #fff url(images/navbutton.gif) no-repeat; 
	}

.homenav a:hover {
	font-weight: bold;
	padding: 3px 5px 3px 20px;
	color: #014831;
	text-decoration: underline;
	background: #fff url(images/navbutton.gif) no-repeat; 
	}
	
	
	
	
	

/* ***************  CSS Image Replace for Content Pictures ************* */


#picabout {
  	background:#DAF0CE url(/company/media/img/global/about.jpg) no-repeat; 
  	height: 155px;
  	width: 585px;   
 	border: 0;
	margin: 0;
	padding: 0;
}

#piccontact {
  	background:#DAF0CE url(images/contact.jpg) no-repeat; 
  	height: 155px;
  	width: 585px;   
 	border: 0;
	margin: 0;
	padding: 0;
}

#picmerchantbanking {
  	background:#DAF0CE url(/company/media/img/global/merchantbnkg.jpg) no-repeat; 
  	height: 155px;
  	width: 585px;   
 	border: 0;
	margin: 0;
	padding: 0;
}

#picwealthmgt {
  	background:#DAF0CE url(/company/media/img/global/wealthmgt.jpg) no-repeat; 
  	height: 155px;
  	width: 585px;   
 	border: 0;
	margin: 0;
	padding: 0;
}


#piccorporate {
	background:url(images/corporate.jpg) no-repeat; 
  	height: 155px;
  	width: 585px;   
 	border: 0;
	margin: 0;
	padding: 0;
}


#picshareholder {
  	background:#DAF0CE url(/company/media/img/global/shareholderservices.jpg) no-repeat; 
  	height: 155px;
  	width: 585px;   
 	border: 0;
	margin: 0;
	padding: 0;
}

#picbrokerage {
  	background:#DAF0CE url(/company/media/img/global/brokerage.jpg) no-repeat; 
  	height: 155px;
  	width: 585px;   
 	border: 0;
	margin: 0;
	padding: 0;
}
#picpublications {
  	background:#DAF0CE url(/company/media/img/global/publications.jpg) no-repeat; 
  	height: 155px;
  	width: 585px;   
 	border: 0;
	margin: 0;
	padding: 0;
}
#picmortgage {
  	background:#DAF0CE url(images/immigrate_toronto.jpg) no-repeat; 
  	height: 155px;
  	width: 585px;   
 	border: 0;
	margin: 0;
	padding: 0;
}
#picleasing {
  	background:#DAF0CE url(/company/media/img/global/leasing.jpg) no-repeat; 
  	height: 155px;
  	width: 585px;   
 	border: 0;
	margin: 0;
	padding: 0;
}
#picservices {
  	background:#DAF0CE url(images/services.jpg) no-repeat; 
  	height: 155px;
  	width: 585px;   
 	border: 0;
	margin: 0;
	padding: 0;
}
#picportfolio {
  	background:#DAF0CE url(images/portfolio.jpg) no-repeat; 
  	height: 155px;
  	width: 585px;   
 	border: 0;
	margin: 0;
	padding: 10;
}

/* ***************  Miscellaneous Stuff ************* */


.bold {  font-weight: bold}