/*div, table, img 	{border: 1px solid red;}*/
.hidden	{display: none;}

/*green heading divides page*/
.divHeading	{
	line-height: 17px !important;
	height: 19px  !important;
	background: #A3E066 !important;
}

/*province*/
#province, #provinceFrench	{
	position: absolute;
	z-index: 2;
	top: 5px;
}
#province	{left: 622px;}
#provinceFrench	{left: 678px;}


/* search */
#search	{background: #A3E066 url(../images/searchCnrRight.gif) top right no-repeat;}

/*removes the line on the left of the top menu system*/
li.removeLine {background: #67CD00 !important;border-bottom: 0;border-right: 1px solid #67CD00!important;}
li.removeLine a:link {color: #fff !important;}
li.removeLine a:visited {color: #fff !important;text-decoration: none;}

/* li.hover styles - the appearance of the tab when it is hovered over */
li.hover {background: #A3E166 ;	border-bottom: 0;border-right: 1px solid #A3E166!important;}
li.hover a:link {color: #333 !important;}
li.hover a:visited {color: #333 !important;text-decoration: none;}
li.hover a:hover {color: #333 !important;text-decoration: none;background: #A3E166 ;}

/* main nav -- sub menus */
/* bar that everything fits in */
div#menu{width: 520px;margin: 0px 0 0 16px;padding: 0 0 0 16px;background: #67cd00 url(../images/menuCnrLeft.gif) top left no-repeat;}

/* styles for the large unordered list that is the main menu */		
ul#mainmenu {
	padding: 0;
	font-size: 12px;
	margin: 0;
	font-weight: bold;
	height: 25px;
} 

li.mainmenuitem {
	display	: block;
	border-right: 1px solid #E0F5CC;
	border-bottom: 0;
	width: 120px;
	float: left;
	margin: 0 0 -15px 0;
	padding: 0;
	height: 25px;
}

li.mainmenuitem a:link, li.mainmenuitem a:active, li.mainmenuitem a:visited {
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: block;
	padding	: 5px 0 5px 0;
	background: transparent;
	width: 120px;
}

/*active left side */
/* li.active styles - the tab for currently selected pages */
li.active {	background: #fff;	text-decoration: none !important;}
li.active a:link {	color: #000 !important;	text-decoration: none !important;	background: #fff;}
li.active a:visited {color: #000 !important;	text-decoration: none !important;}

/* li.inactive styles - the appearance of the tabs for sections that the user currently isn't in */
li.inactive{background: #67CD00;color: #fff !important;text-decoration: none;}

/*this code will remove the line on the right of the menu before the active item
li.removeLine{background: #67CD00; color: #fff !important; text-decoration: none; 
border-right: 1px solid #67CD00 !important;}*/

/* submenu - the cascading menus */
ul.submenu{
	display: none;
	position: absolute;
	z-index: 50;
	background: #fff !important;
	padding: 0;
	list-style: none;
	font-weight: normal;
	margin: 0 0 -20px 0;
	font-size: 11px;
	border: 1px solid #67CD00;
	width: 120px;
}

ul.submenu a:link, ul.submenu a:visited, ul.submenu a:active {
	display: block;
	word-spacing: 2px;
	text-align: left !important;
	background: #fff;
	width: 117px;
	padding: 4px 0 4px 2px;
	margin: 0 0 -4px -16px;
	ma\rgin: 0;
	border-bottom: 1px solid #E0F5CC;
	border-right: 1px solid #E0F5CC;
}

ul.submenu a:hover , ul.submenu a:focus {
	background: #E0F5CC !important;
	border-right: 1px none #E0F5CC;
}

/*products drop down menu*/
#productsMenu	{
	width: 234px;
	margin: 5px 0 10px 0;
}

/* here are all the attributes of the content area on the left - it also 
groups the 2 seperated content items */
#bodyContent	{
	font-size: 12px;
	width: 910px;
	background-image: url(../images/content_bg.gif);
	horizontal-align: center;
}

.zed {
	color: #0082B3;
	font-weight: bold;
}
.agency {color: #000000}

#mast	{
	margin-left: 5px;
	margin-right: 5px;	

}

#menuArea	{
	background-image: url(../images/menu_bg.gif);
	height: 25px;
	margin-left: 5px;
	margin-right: 5px;	
}

#menuArea a:link {	color: #000000 !important; text-decoration: none !important;}
#menuArea a:visited { color: #000000 !important; text-decoration: none !important;}
#menuArea a:hover {	color: #666666 !important; text-decoration: none !important;}


#sectionTitle  {
	float: left;
	width: 30%;
	text-align: left;
	
}

#mainMenu  {
	width: 60%;
	float: right;
	text-align: right;
	margin-right: 20px;
}


#bodyArea	{
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
}

#bodyArea h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000000;	
}

#bodyArea h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #666666;
	text-transform: uppercase;
}

#bodyArea p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	
}

#footerArea p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	}

#leftCol  {
	float: left;
	width: 555px;
	padding-left: 20px;
	background: #ffffff;	

	}

#portfolio {


}	

#portfolio_sample {
	float: left;
	width: 24%;
}	

#portfolio_sample img{
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
}	

#portfolio_sample img:hover{border: 1px solid #0082B3;}

#portfolio_sample a:link {	color: #0082B3 !important; text-decoration: none !important;}
#portfolio_sample a:visited { color: #000000 !important; text-decoration: none !important;}
#portfolio_sample a:hover {	color: #000000 !important; text-decoration: none !important;}

	
/* here are all the attributes of the content area on the left - it also 
groups the 2 seperated content items */
#mainContent	{
	font-size: 12px;
	width: 490px;
	padding-left: 16px;
	float: left;
	margin: 0;
}

/* right content items */
#subContent	{
	color: #333;
	background: transparent;
	font-size: 12px;
	float: right;
	margin: 0;
	padding: 0;
	width: 237px;
}

#conDivLeft	{
	width:	230px;
	float: left;
	padding-top: 0;	
	clear: both;
}

#conDivRight	{
	width:	230px;
	float: right;
	padding-top: 0;	
	clear: both;
}

#conDivLeft p, #conDivRight p  	{
	padding: 0 0 16px 16px;
	margin: 0;
}

#conDivRight h1, #conDivLeft h1   	{
	margin-bottom: 10px;
	color: #49176D;
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 16px;
}

#contNav	{
	border: solid white 1px;
}

#contNav ul	{
	list-style: none;
	margin: 44px 0 38px 0;
	padding: 0;
}

#contNav li	{
	margin: 0;
	padding: 0;
}

#contNav a:link, #contNav a:active, #contNav a:visited 	{
	color: #000;
	display: block;
	text-decoration: none;
	height: 18px;
	padding: 2px 0 2px 17px;
	margin: 2px 0 0 0;
	background: transparent;
	font-weight: none;
}

#contNav a:hover	{
	color: #000;
	display: block;
	text-decoration: none;
	padding: 2px 0 2px 17px;
	margin: 2px 0 0 0;
	background: #D2F0B4;
	font-weight: bold;
}

a.contNavTwoActive,  a.contNavTwoActive:active, a.contNavTwoActive:visited, a.contNavTwoActive:hover	{
	color: #000;
	display: block;
	text-decoration: none;
	height: 18px;
	padding: 0 0 0 17px;
	line-height: 15px;
	margin: 0;
	background: #D2F0B4 !important;
	font-weight: bold;
}

#contNavThree ul	{
	list-style: none;
	margin: 35px 0 38px 0;
	padding: 0;
	border-left: 1px solid #48166D;
	border-top: 1px solid #48166D;
}

#contNavThree li	{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #48166D;
	background: transparent url(../images/greenArrow.gif) top right no-repeat;
	height: 26px;
}

#contNavThree a	{
	color: #3E0864;
	display: block;
	text-decoration: none;
	height: 18px;
	padding: 2px 0 0 17px;
	margin: 0;
	background: transparent;
	font-weight: none;
	line-height: 20px;
}

#contNavThree a:hover	{
	color: #3E0864;
	display: block;
	text-decoration: none;
	height: 18px;
	padding: 2px 0 0 17px;
	margin: 0;
	background: #fff;
	font-weight: bold;
}
a.contNavThreeActive, a.contNavThreeActive:visited, a.contNavThreeActive:active, a.contNavThreeActive:hover	{
	color: #3E0864;
	display: block;
	text-decoration: none;
	height: 18px;
	padding: 0 0 0 17px;
	margin: 0;
	background: #fff !important;
	font-weight: bold;
}
/* curved green box's on right */
.roundedCornerSpacer {
    margin: 0px; 
	padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; 
	line-height: 1px;
}

.borderTR {
    width: 8px; 
	height: 8px;
    padding: 0; 
	border: 0;
    z-index: 99;
	float: right; 
	clear: right;
	margin: -20px -4px 0 0;
}

html>body .borderTR {
    margin-right: -1px;
}

.borderBR {
    width: 8px; 
	height: 8px;
    padding: 0; 
	border: 0;
    z-index: 99;
	float: right; 
	clear: right;
	margin: -7px -3px 0 2px;
	ma\rgin: -8px -3px 0 2px;
}

html>body .borderBR {
    margin-right: 0;
}

/* these are the curved box's on the right, green with arrow */
.linkBoxWrapper {
    padding: 0;
    border: 0;
	margin-bottom: 10px;
}  

.linkBox {
    margin: 0;
    padding: 19px 0 0 19px;
    border: 1px solid #999;
	background: #fff;
	color: #333;
}

.linkBox p {
    margin: 0;
    padding: 11px 5px 10px 0;
	color: #333;
}

.linkBox a  {
	margin-top: 19px;
	color: #2C2D2B !important;
	font-weight: bold;
	background: transparent;
	padding-right: 10px;
	text-decoration: none!important;
}

.linkBox a:hover {
	color: #2C2D2B;
	font-weight: bold;
	background: transparent;
	text-decoration: none;
}

a.linkView  {
	margin: 0 0 0 -19px;
	padding: 5px 9px 5px 18px;
	color: #2C2D2B;
	background: #E0F5CC;
	text-decoration: none;
	display: block;
	width: 200px;
	font-weight: lighter;
}

a.linkView:hover {
	margin: 0 0 0 -19px;
	color: #2C2D2B;
	background: #E0F5CC;
	text-decoration: none;
	display: block;
	width: 200px;
	font-weight: lighter;
}

a.arrows  {
	margin: -25px 0 -3px 0;
	padding: 8px 0 7px 5px;
	background: #E0F5CC;
	width: 40px;
	float: right;
	border-left: 1px solid #fff;
	text-align: center;
}

a.arrows:hover  {
	background: #fff;
	text-align: center
}


/* these are the curved box's on the right, clear */
.extraInfoWrapper {
    padding-left: 2px;
    border: 0;
	margin-bottom: 10px;
}  

.extraInfoGr {
    margin: 0;
    padding: 19px 0 10px 10px;
    border: 1px solid #66cc00;
	background: #fff;
	font-size: 12px;
}

.extraInfo {
    margin: 0;
    padding: 19px 0 10px 19px;
    border: 1px solid #999;
	background: #fff;
	font-size: 12px;
}

.extraInfo h2 {
	padding: 0;
	color: #666;
	background: transparent;
	font-size: 12px;
	margin: 20px 0 20px 0;
	ma\rgin: 0 0 20px 0;
}

.extraInfo h3 {
	padding: 0;
	color: #666;
	background: transparent;
	font-size: 12px;
	margin: 30px 0 0 0;
	ma\rgin: 0 0 0 0;
}

.extraInfo p {
    margin: 0;
    padding: 0 10px 10px 0;
}

.extraInfo a, .extraInfo a:active, .extraInfo a:visited, 
.pdfFont a, .pdfFont a:active, .pdfFont a:visited, 
.boxBody2 a, .boxBody2 a:active, .boxBody2 a:visited {
	margin-top: 19px;
	color: #333 !important;
	font-weight: none;
	background: transparent;
	text-decoration: underline !important;
}

.pdfFont	{
	color: #666 !important;
	background: transparent;
	font-size: 12px;
}

.extraInfo a:hover {
	color: #666;
	font-weight: none;
	background: transparent;
	text-decoration: none !important;
}

.borderTL {
	border: 0;
    z-index: 2;
	left: 16px;
	position: absolute;
	float: left; 
	clear: left;
	margin: 0;
	padding: 0; 
}

.icons	{
	margin: 15px 0 0 -12px;
	padding: 0 0 0 0;
	z-index: 99;
	position: absolute;
	width: 25px; 
}

.leftMargin	{
	padding: 0;
	margin: 0 0 20px 20px;
}

.RightMarginOne {
	margin: 0 13px 0 0;
}

/* unordered list */
/* this list has no points	*/
.listOne	{
	list-style : none;
	margin: 0;
	padding: 0 0 5px 0;
}

.listOne a:link, .listOne a:visited, .listOne a:active	{
	color: #333 !important;
	background: transparent;
	text-decoration: underline;
	line-height: 17px;
}

.listOne a:hover	{
	color: #666 !important;
	background: transparent;
	text-decoration: underline;
	
}


a.orderNow:link, a.orderNow:visited, a.orderNow:active, a.orderNow:hover	{
	color: #66CC00 !important;
	background: transparent;
	text-decoration: underline;
	line-height: 17px;
	font-weight: bold;
}


a.moreActive:link, a.moreActive:visited, a.moreActive:active, a.moreActive:hover	{
	color: #666 !important;
	background: transparent;
	text-decoration: none !important;
	line-height: 17px;
	cursor : default;
	}


/* this list has a small square	*/
.listTwo	{
	font-size: 12px;
	color: #000;
	list-style : square url(../images/listSquare.gif);
	margin: 15px 0 10px 37px;
	padding: 0 0 0 0;
}

.listTwo li	{
	margin: 0;
	padding:  0;
}

.padit li	{
	padding:  0 0 10px 0;
}

.listMargin	{
	margin: 35px 0 0 60px;
}

/* this list has a small square	*/
.orderedOne	{
	font-size: 12px;
	color: #000;
	margin: 25px 0 20px 45px;
	padding: 0 0 0 0;
	font-weight: bold;
}

.orderedOne li	{
	margin: 0 0 0 0;
	padding:  0 0 0 0;
}

.orderedTwo	{
	font-size: 12px;
	color: #000;
	margin: 25px 0 21px 45px;
	padding: 0 0 0 0;
}

.orderedTwo li	{
	margin: 10px 0 0 0;
	padding:  10px 0 0 0;
}

.underline	{
	text-decoration: underline !important;
}

/* data tables */

.dataOne	{
	font-size: 12px;
	margin: 15px 0 20px 18px;
	border: 1px solid #66CC00;
	width: 90%;
}

.dataOne th	{
	vertical-align: top;
	color: #fff;
	background: #67CD00;
	border: 1px solid #66CC00;
	border-right: 1px none #66CC00;
	padding: 4px 8px;
}

.dataOne td	{
	vertical-align: top;
	color: #333;
	text-align: center;
	border: 1px none #B5E685;
	border-right: 1px none #66CC00;
	padding: 6px 8px;
}

.dataTwo	{
	font-size: 12px;
	margin: 15px 0 20px 18px;
	border: 1px solid #66CC00;
	border-bottom: 1px none #66CC00;
	border-left: 1px none #66CC00;
	width: 90%;
}

.dataTwo th	{
	vertical-align: top;
	color: #fff;
	text-align: left;
	background: #67CD00;
	border: 1px solid #66CC00;
	border-right: 1px none #66CC00;
	padding: 4px 8px;
}

.dataTwo th a:link, .dataTwo th a:visited,   .dataTwo th a:active	{
	color: #fff;
	background: transparent;
	text-decoration: none;
}

.dataTwo th a:hover	{
	text-decoration: underline;
}

.tableTitle	{
	vertical-align: top;
	text-align: left;
	color: #000 !important;
	background: #fff !important;
	border-right: 1px none #fff;
	border-left: 1px solid #67CD00;
	border-bottom: 1px solid #67CD00;
	padding: 4px 8px;
}

.dataTwo td	{
	vertical-align: top;
	color: #333;
	text-align: left;
	border-right: 1px none #fff;
	border-left: 1px solid #67CD00;
	border-bottom: 1px solid #67CD00;
	padding: 3px;
}

.dataThree	{
	font-size: 12px;
	margin: 15px 0 20px 18px;
	border: 2px solid #66CC00;
	width: 90%;
}

/* floats everything to the left for the Large Business Index page left column */
.subContentLeftFour	{
	color: #441069;
	background: transparent;
	font-size: 12px;	
	float: left;
	margin: 12px 0 10px 0;
	width: 350px;
	display: block;
}
/* floats everything to the right for the Large Business Index page right column */
.subContentRightFour	{
	color: #46136B;
	background: transparent;
	font-size: 12px;
	float: right;
	margin: 12px 0 10px 0;
	padding: 0;
	width: 350px;
}

#promoBox	{
	padding: 0 0 5px 0;
}

/* modified link box for the Products and Services page*/
.linkBoxG {
	 margin: 0;
	 padding: 0 0 0 19px;
	 font-size: 11px !important; 
}

html>body .linkBoxG  {
	padding: 10px 0 0 19px;
	}

.linkBoxG a:link, .linkBoxG a:active, .linkBoxG a:visited    {
	margin: 0 0 0 -19px;
	padding: 0 0 0 20px;
	color: #000;
	background: #C2EC9A url(../images/arrowsRightG.gif) top right no-repeat!important;
	text-decoration: none!important;
	display: block;
	width: 234px;
	height: 25px;
	line-height: 24px;	 
}

.linkBoxD a:link, .linkBoxD a:active, .linkBoxD a:visited    {
	margin: 0 0 0 -19px;
	padding: 0 0 0 20px;
	color: #000;
	background: #C2EC9A url(../images/arrowsRightD.gif) top right no-repeat!important;
	text-decoration: none!important;
	display: block;
	width: 255px;
	height: 25px;
	line-height: 24px;	 
}

html>body .linkBoxG a:link, .linkBoxG a:active, .linkBoxG a:visited {
	width: 220px;	
	}


.linkBoxG a:hover {
	background: #C2EC9A url(../images/arrowsRightG_on.gif) top right no-repeat!important;
}

a.arrowsG  {
	margin: -25px 0 -3px 0;
	padding: 0;
	width: 45px;
	float: right;
	border-left: 1px solid #fff;
	text-align: center;
	background: #C2EC9A;
}

a.arrowsG:hover {
	background: #E0F5CC;
}



/* positions the borders on the prodServices page in the link boxes */
.noTopPaddingBorderTR {
margin: -1px -4px 0 0;
}
/* added from sm buss */

/* used for the products and services pages*/
.noBottomPadding {
margin: 10px 0 1px 37px !important;
}

.noBottomPadding a {
color: #333!important;
}

/* back to top on FAQ pages - no padding*/
.noTopPadding	{
margin: 1px 0 1px 0 !important;
}

/*whats new page*/
#whatsNewContent	{
	color: #333;
	background: #fff;
	font-size: 12px;
	width: 712px;
	padding-left: 16px;
	float: left;
	margin: 0;
}



/* Show only to IE PC \*/
* html .boxHead h2 {height: 1%;} /* For IE 5 PC */

.boxWrap {
	width: 100%; 
	background: url(../images/boxBotRight.gif) no-repeat bottom right;
	font-size: 12px;
 margin: 0;
 padding: 0;
}

.boxHead {
	background: url(../images/boxTopRight.gif) no-repeat top right;
	margin: 0;
	padding: 0;
}

.boxHead h2 {
	background: url(../images/boxTopLeft.gif) no-repeat top left;
	margin: 0;
	font-weight: bold; 
	font-size: 13px; 
 padding:10px;
 color:#000;
}

.boxHead div {
	background: url(../images/boxTopLeft.gif) no-repeat top left;
	margin: 0;
 padding:0;
}

.boxBody {
	background: url(../images/boxBotLeft.gif) no-repeat bottom left;
	margin: 0;
	padding: 0;
}

a.formButton:link, a.formButton:active, a.formButton:visited, a.formButton:hover {
		width: 79px; 
		height: 20px; 
		background: transparent url(../images/btnBlank.gif) top left no-repeat;
		font-size: 10px;
		text-decoration: none !important;
		text-align: center;
		padding-top: 3px;
		display: block;
}

a.formButtonFrench:link, a.formButtonFrench:active, a.formButtonFrench:visited, a.formButtonFrench:hover {
                width: 79px;
                height: 30px;
                background: transparent url(../images/btnBlankLong.gif) top left no-repeat;
                font-size: 10px;
                text-decoration: none !important;
                text-align: center;
                padding-top: 3px;
                display: block;
} 

.selfTwo  .formButton, .boxBody .formButton {
		margin: 2px 0 0 6px; float: left;  
}

.boxWrap2 {
 position: relative; 
	width: 100%; 
	background: url(../images/boxBotRight2.gif) no-repeat bottom right;
	font-size: 12px;
 margin: 0;
 padding: 0;
}

.boxHead2 {
position: relative; 
	background: url(../images/boxTopRight2.gif) no-repeat top right;
	margin: 0;
	padding: 0;
}

.boxHead2 h2 {
	background: url(../images/boxTopLeft2.gif) no-repeat top left;
	margin: 0;
	font-weight: bold; 
	font-size: 13px; 
 padding:10px;
 color: #46136B;
}

.boxHead2 div {
	background: url(../images/boxTopLeft2.gif) no-repeat top left;
	margin: 0;
 padding:0;
}

.boxBody2 {
	background: url(../images/boxBotLeft2.gif) no-repeat bottom left;
	margin: 0;
	padding: 0;
}

.boxBody2 p {
 font-size: 12px;
 padding: 0 5px 5px 10px;
 margin:0;
}

a.formButtonSm:link, a.formButtonSm:active, a.formButtonSm:visited, a.formButtonSm:hover {
		width: 43px; 
		height: 19px; 
		background: transparent url(../images/btnBlankSm.gif) top left no-repeat;
		font-size: 10px;
		text-decoration: none;
		text-align: center;
		padding-top: 3px;
		display: block;
}

.boxBody h3 {
	font-size: 12px;
	color: #000;
	display: block;
	background: #A3E066  top left no-repeat !important;
	margin: 0;
	padding: 2px 2px 2px 10px;
	font-weight: bold;
}

.sm {font-size:10px;}

 a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none;
}

a.info:hover {z-index:125; background-color:#fff;}

a.info span {display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:1.5em; width:15em;
    border:1px solid #6c0;
    background-color:#fff; color:#000;
    text-align: left;
    padding: 15px 5px; 
}
.error	{margin-left: 10px; color: #CC3333! important; font-weight: bold; font-size: 12px;}
.error	{width: 400px;}


/* Flash Replacement Styles */
#mainContent h1.pageHeader {
 font: normal 24px Arial, Helvetica, sans-serif;
 letter-spacing: -1px;
 height: 26px;
 margin-bottom: 15px; 
 padding: 4px 0 0 0; 
 color: #49166d;
 voice-family: "\"}\"";
 voice-family: inherit;
 margin-left: 19px; 
} 
}

#landingBox h1.pageHeader {margin: 10px 15px 0 19px;}
 
/* Hides content that will eventually be replaced to avoid blink/flicker */
html.hasFlash h1.pageHeader	{visibility: hidden;} 

/* Need to make sure that the new content takes up the same amount of space as the old or there will be a perceptable shift of all content */
#landingBox div.replaced-h1	{margin: 10px 0 0 19px; height: 30px;}
#mainContent div.replaced-h1	{
 margin-left: 0px; 
 margin-bottom:15px; 
 height: 30px;
 voice-family: "\"}\"";
 voice-family: inherit;
 margin-left: 19px; 
} 
}