html,body{margin:0;padding:0; background-image:url(/sysimages/body_bg.gif);background-repeat: repeat-x;}
body{behavior: url(/css/csshover.htc);}
body, td, p, pre, li, dd, div, dl, dt, fieldset, form, frame, frameset, hr  {
   font-family: arial,sans-serif;font-size: 12px; 
   color: #66747D; 
}
h1, h2, h3, h4, h5 {font-family: verdana, arial, helvetica, sans-serif;color: #1C526C;}
.hd1, .hd2, .hd3, .hd4, .hd5, .hd6 { 
   display:block;  
   font-weight: bolder;
}
.hd2 {
	font-size: 18px;
	color:#004767;
	font-weight: normal;
	/*margin: 0 0 .10em 0;*/
}
.hd2_subtitle {
	font-family: verdana, arial, helvetica, sans-serif;color: #1C526C;font-weight: normal;font-size: 1.5em; margin: .75em 0;
}

a:link {/*color: #000099;*/ color:#387CA3; text-decoration: underline;}
a:hover {/*color: red;*/ color:#387CA3; text-decoration: underline;}
a:visited {/*color: #000099;*/ color:#387CA3; text-decoration: underline;}

div#header{position:relative}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;}

div#languages {position: relative;width: 532px;height: 23px;text-align:right;margin: 0pt;padding:0pt;
	font-family: verdana, arial, helvetica, sans-serif;font-size:8pt;color: #000000;
	/*border:1px solid green;*/
}
div#languages a { position: relative; top: 0pt; color: #000000; display: inline; padding: 0;}
div#languages img { position: relative; top: 0pt; padding: 0; margin: 0; border: none;}

div#languages p { position: relative; bottom: 4px; display:inline; color: #000000;font-size:8pt;}

div#email_print { position: relative; width: 532px; text-align:right;}
div#email_print a { position: relative; color: #585757; display: inline; padding: 0;}
div#email_print img { padding-top: 2px; padding-left: 2px; border:none;}

div#top_navigation { position: relative; text-align: right; width: 532px; height: 46px; border:1px solid black;}
div#top_navigation a {position: relative; padding: 1px; 
display:inline; color: #585757; text-decoration: none;
font-family: verdana, arial, helvetica, sans-serif; font-size:11px;}

.topnavtext, .contactus {
	color: #000000;
	font-size: 8pt;
}
.contactus {
	font-weight: bold;
}
.contactus a, .topnavtext a {
color: #000000;
text-decoration: none;
}

div#path, #path2 { line-height: 22px; background: url(/sysimages/bg_path4.gif); height:23px; }

div#path { width:579px;}
div#path2 { width:570px;}
div#path a, #path2 a { color: #5D5D5D;	font-size: 8pt;}

div#search_box {
	float: right;
	width: 152px;
	height: 28px;
	background: url(/sysimages/bg_search_box.gif);
	margin-top:0;
}
div#search_box #s {
	float: left;
	padding: 0;
	margin-top: 6px;
	margin-left: 51px;
	border: 0;
	height: 14px;
	width: 72px;
	background: #FFFFFF;
}
div#search_box #go {
	float: right;
	margin-top: 7px;
	margin-right: 7px;
	padding: 0px;
}

div#content, #content2{float:left;min-height: 502px;
	padding: 0 0 0 0;margin:0 0 0 0;
	font-size: 12px;text-align: left;		
}
div#content {width:579px;}
div#content2{width:570px;}
div#home_page_shockwave {padding: 0 0 4px 0;}
div#home_page_shockwave img {padding: 0px;}

div#economic_sectors {width: 283px;height: 199px;padding: 0 0 4px 0;margin: 0;}
div#economic_sectors img {padding:0;margin:0;}

div#footer{width: auto;   margin: 0pt; padding: 0pt; text-align: center;}
div#footer a {color: grey;text-decoration: none;padding:10px;}
div#footer a:hover {color:red;}
/*
div#news_events {
	float: right;background: url(/sysimages/news_events_img.jpg) no-repeat;width: 284px;
	height: 185px;color: #FFF;
	font-family: verdana, arial, helvetica, sans-serif;
}

div#news_events a {text-decoration: none; font-size: 8pt;}
div#news_events p {padding: 0;margin:0;}
div#news_events .ne_title {color: #000;font-weight: bold;font-size: 8pt;padding: 0 0 4px 0;}
div#news_events .ne_desc {color: #fff;font-weight: normal;font-size: 8pt;}
*/
#pscroller1{width: 260px;height: 135px;margin-top: 26px;padding-left: 10px;}
#pscroller2{width: 350px;height: 20px;border: 1px solid black;padding: 3px;}
#pscroller2 a{text-decoration: none;}


div#news_events2 {
	font-family: verdana, arial, helvetica, sans-serif;
	z-index:1000;
	height: 184px;
	color:#B2B2B2;
}
.newseventstitlebar {
	color:#fffff;
}
.newseventstitlebar {
	padding-left: 10px;
	font-weight:bold;
	color:#ffffff;
}
.rss_image2 {

}
div#news_events2 a {text-decoration: none; font-size: 8pt; color:#387CA3;}
div#news_events2 p {padding: 0;margin:0;}
div#news_events2 .ne_title {color: #000;font-weight: bold;font-size: 8pt;padding: 0 0 4px 0;}
div#news_events2 .ne_desc {color: #fff;font-weight: normal;font-size: 8pt;}
#pscroller3{width: 260px;height: 140px;margin-top: 6px;padding-left: 6px;}

a.link_blue {
	color:#387CA3;
}

/* styles for home page */

.title_med_white {	
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFF;font-size: 11px;display: block;
}

.title_sm_black {	
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	font-size: 7pt;	
	padding: 0px;	
}
.text_sm_white {		
	font-family: Tahoma, verdana, arial, helvetica, sans-serif;
	color: #FFF;
	font-weight: normal;
	font-size: 7pt;	
}
a.link_sm_white {	
   	font-family: verdana, arial, helvetica, sans-serif;
   	font-size: 7pt;
	white-space: nowrap;
   	padding:0;
   	margin: 0;
   	color: white;
}
table.l_map {
	background: url("http://test.sarnialambton.on.ca/images/home_page_locationmap.jpg") no-repeat;
}
.location_map {
	margin: 10px 5px 0 15px;
	padding: 5px 5px 0px 15px;
	font-family: verdana, arial, helvetica, sans-serif;	
	color: #FFF;font-weight: normal;font-size: 7pt;
}


/* end styles for home page */



/*****
styles used by the right side includes (Quick Links, Local Links etc.. ) 
*****/

div#youth_business {	
	float: right;	
	width: 284px;height: 136px;background: url(/sysimages/youth_for_bus_prog2.jpg) no-repeat;/*margin-top: 4px;*/	
}

div#youth_business p {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:10px;color: #FFF;font-weight: normal;
	margin-left: 14px;margin-top: 36px;width: 150px;	
}

.bluetitlebar {
	/*background:url(/sysimages/bluetitlebar3.jpg) no-repeat;*/
	background:url(/sysimages/bluetitlebar283x23.gif) no-repeat; 
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size:8pt;
	font-weight: bold;
	padding-left: 15px; 
	height: 23px;
	margin:0;
	/*border:1px solid red;*/
}
.bluetitlebar290 {
	/*background:url(/sysimages/bluetitlebar.jpg) no-repeat;*/
	background:url(/sysimages/bluetitlebar290x23.gif) no-repeat; 
	color: #ffffff;font-family: verdana, arial, helvetica, sans-serif; 
	font-size:8pt;font-weight: bold;padding-left: 5px; height: 23px;
	margin:0;
	/*border:1px solid red;*/
}
.bluetitlebar2 {
	background:url(/sysimages/bluetitlebar4.jpg);
	color: #ffffff;font-family: verdana, arial, helvetica, sans-serif; 
	font-size:8pt;font-weight: bold;padding-left: 15px;width: 282px; height: 36px;
	margin:0;
}
.blue_gradient_bar {
	background: url(/sysimages/blue_gradient_bar_577x23.gif);
	color: #ffffff; font-size:8pt;
	font-weight: bold;
	padding-left: 20px;
	width: auto;
	height: 23px;
}
.rightbox_content {
	padding-left: 15px; padding-top: 2px; padding-bottom:8px;
}
.rightbox_content_tight {
	padding-left: 15px; padding-top: 2px; padding-bottom:0px;
}
.RelevantLinks, .IndustryLinks, .LocalLinks, IndustrySector {font-family: arial, helvetica, sans-serif; 
	font-size:8pt;color: blue;text-decoration: underline;
}
a:link.RelevantLinks {color: #000;text-decoration: none;}
a:hover.RelevantLinks {color: red;text-decoration: none;}
a:visited.RelevantLinks {color: purple;text-decoration: none;}
a:link.LocalLinks, a:link.IndustryLinks {color: blue;}
a:hover.LocalLinks, a:hover.IndustryLinks {color: red;}
a:visited.LocalLinks, a:visited.IndustryLinks {color: purple;}
a:link.NewsEvents {color: #fff;text-decoration: underline;}
a:hover.NewsEvents {color: red;text-decoration: underline;}
a:visited.NewsEvents {color: fff;text-decoration: underline;}
.rss_image {padding: 2px;float: right;}
.rss_image2 {padding: 2px;}
.gray {	color:gray;}


/* contact scroller styles */
td#scroller1 { width:90px; height:91px }
td#scroller2 { width:191px; height:91px; padding-top:9px; }
.someclass {}
/* holder div contains scroller. set height and width */
#holder1 { position:relative; width:90px; height:92px;  }
#holder2 { position:relative; width:191px; height:92px; }
div#wn1 { position:absolute; width:90px; height:92px; z-index:1000;clip:rect(0, 90px, 92px, 0); overflow:hidden;}
div#cnt1 { position:absolute; z-index:1 }
/* remove gaps for mozilla, etc 
   see http://devedge.netscape.com/viewsource/2002/img-table/ */
div#cnt1 td img { display:block }
div#wn2 {position:absolute;width:191px; height:92px; z-index:1000;clip:rect(0, 191px, 92px, 0); overflow:hidden;}
div#cnt2 { position:absolute; z-index:1 }
div#cnt2 div.item {width:191px; height:92px;font-size:12px; color:#336;padding-left: 15px;}
.contact_scroller_title {color: #6C7983;font-weight: bold;font-size: 12px;}
.contact_scroller_text {padding:0;color: #6C7983;text-indent: 5px;font-size: 12px;}
a:link.contact_scroller {color: #6C7983;font-size: 12px;}
a:hover.contact_scroller {color: #505D67;font-size: 12px;}
a:visited.contact_scroller {color: #6C7983;font-size: 12px;}

.Sub_Title {color:#83909A;font-size: 14px;font-weight: bold;}


.jsclass body .randomcontent{ 
	/*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
	display: none;
	margin-bottom: 4px;
}

/* ###################################################### */

/* styles from old layout */

.HomePageText14pxBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.HomePageText12pxBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.bodyDarkBlueLarge22pxBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.newsText13pxRedBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.bodyDarkBlueLarge22pxBoldItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.bodyDarkBlueLarge16pxBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.newsText11pxBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
}
a.newsText11pxBlue:HOVER {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #003366;
	text-decoration: underline;
}
.newsText11pxBlackBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.newsText11pxBlackBold:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.newsText11pxWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.newsText11pxWhiteBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.newsText11pxBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.newsText11pxBlackSel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
a.newsText11pxBlack:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #003366;
	text-decoration: underline;
}
.bodyTextWhite12px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.bodyTextWhiteBold14px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.bodyTextBold12px{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.bodyTextDarkBlue12px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
}

.bodyTextBoldDarkBlue12px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}

a.bodyTextDarkBlue12px:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.bodyLightBlueLarge16pxBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #99CCFF;
	text-decoration: none;
}

.bodyDarkBlueLarge16pxBoldItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.smallBlackNavText9px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.smallBlackNavText9px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.sectionSubTitleText16pxBoldItalicBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}

.sectionTitleText28pxBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}

.bodyText12px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.hd1blue { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.hd2blue { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.hd3blue { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.hd4blue { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.hd5blue { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.hd1black { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.hd2black { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.hd3black { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.hd4black { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.hd5black { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}


.button {
    border-top: none;
    border-left: none;
    border-right: 2px solid #969696;
    border-bottom: 2px solid #969696;
    background: #F3F3F3;
}

#videoLayer {
position:relative;
width:579px;
height:204px;
z-index:1;
/*top: 314px;
left: 125px;*/
}
#flashcontent{
	width:579px;height:186px;background-color:#000;overflow:hidden;
	background-color:transparent;
}