/* hide from IE mac \*/
html {min-height: 100%; margin-bottom: 1px; }
/* end hiding from IE mac */
 
body {
	text-align: center; 
	min-width: 775px;   
      font-size: small;
	font-family: verdana, sans-serif; 	
	color: #555555;   
	}
 
#container { position: relative;
	width: 775px; 
	margin: 0 auto; 
	text-align: left;  
	}

#page {	
	padding: 10px; 
	background: #ffffff;
	}

#banner { 
	width: 755px;
	height: 145px; 
	position: relative;
	}

#leftBannerGraphic { float: left; width: 170px; } 
#photoarea { float: left; width: 585px; }
#printBanner {display: none;}

#logo2 { 
	position: absolute;
	top: 17px;
	left: 0px;
	z-index: 1;
	}
  
#topbar {  
	position: relative; 
	width: 755px;  
	height: 32px;
	background: #ffffff url(../images/selectbarbg.gif) repeat-x top; 
	}

#topbar form {  
	/* position in relation to topbar */
	position: absolute; 
	top: 0; right: 0; 
	background: #ffffff url(../images/selectformbg.gif) top right no-repeat;  
	padding: 0 20px 0 10px;  
	z-index: 1;
	}

#content {  
	width: 540px; /* 540px plus width of sidemenu plus a 30px gutter equals 755px */ 
	float: right; 
	}	
 
#content p {line-height: 1.5em; }

#mainContent {
	width: 350px; /* 350px plus width of right sidebar plus a 30x gutter equals 540px */
	float: left; 
	margin: 15px 0 0 0;
	}

#mainContent p, ul, a { line-height: 1.5em; } 
#mainContent ul { margin-left: 20px; padding-left: 20px; list-style-type: disc;} 
 
#rightsideContent {
	width: 160px;
	float: right; 
	margin: 15px 0 0 0;
	}
 
#mainContent .col1MainContent {
	width: 165px;
	float: left;  
	}

#mainContent .col2MainContent {
	width: 165px;
	float: right;   
	}
 
#sideMenu {
	list-style: none;
	width: 185px;
	float: left; 
	margin-top: 15px;
	background:  #dadbd4 url(../images/menubg3.jpg) bottom right no-repeat; 
	line-height: 16px; /* specified so that the height of the link  */
	padding-bottom: 6px;
	font-family: "trebuchet ms", sans-serif;
	letter-spacing: 1px;
	font-size: 11px; 
	}

#sideMenu.bgimage1	{background: #dadbd4 url(../images/menubg1.jpg) bottom right no-repeat; }  
#sideMenu.bgimage2 	{background: #dadbd4 url(../images/menubg2.jpg) bottom right no-repeat; }  
#sideMenu.bgimage3	{background: #dadbd4 url(../images/menubg3.jpg) bottom right no-repeat; }
#sideMenu.bgimage4	{background: #dadbd4 url(../images/menubg4.jpg) bottom right no-repeat; }  
#sideMenu.bgimage5	{background: #dadbd4 url(../images/menubg5.jpg) bottom right no-repeat; } 
#sideMenu.bgimage6	{background: #dadbd4 url(../images/menubg6.jpg) bottom right no-repeat; }
 
#sideMenu ul {
	list-style: none;
	width: 185px; 
	}

#sideMenu li {
	float: left; 
	width: 185px;   
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ffffff;	
	}

#sideMenu li.menuHeader {
	width: 185px;
	w\idth: 155px;
	padding: 6px 15px 6px 15px;
	background-color: #003066; 
	color: #ffffff;  
	}   

#sideMenu li a { 
	display: block;
	width: 185px; 
	w\idth: 155px;  
	color: #555555; 
	text-decoration: none; 	
	margin: 0;  
	padding: 6px 15px 6px 15px;
	cursor: hand; /* needed for IE */	
	}	
 
#sideMenu li a:hover {
	color: #ffffff;
	background-color: #7f8e2b;
	}

#sideMenu li ul {
	position: absolute;  
	background-color: #7f8e2b;  
	left: -999em;
	margin-left: 185px; 
	margin-top: -28px; 
	border-bottom: 6px solid #667222; 
	z-index: 3;
	}

 
#sideMenu li:hover ul, #sideMenu li.menuhover ul {
	background-position: 0 0;  
	left: auto; }   
 
#sideMenu li ul a {
	color: #ffffff;  
	width: 185px; 
	w\idth: 155px; 
	text-align: left;
	}

#sideMenu li ul a:hover {color: #ffffff; background-color: #99a522;} 
#sideMenu li ul li {border-bottom: 1px solid #99a522;}  
  	 
#commContact {	
	clear: left;
	float: left;   
	width: 185px;   
	margin-top: 24px;
	}

#commAddress { 
	padding-left: 10px; 
	}
 
#commLogo {
	width: 185px; 
	margin: 24px auto;  
	}
	
#menu li ul {
	position: absolute; 
	background-color: #7f8e2b;  
	width: 205px; 
	left: -999em;
	margin: 0;
	border-bottom: 9px solid #667222;
	z-index: 10;
	}

#menu li:hover ul.rightmenu, #menu li.menuhover ul.rightmenu {  
	right: 10px; } 

 
#menu li ul li {border-bottom: 1px solid #99a522;} 
 
#bluegreenbar { 
	background: url(../images/bottombar.gif) repeat-x bottom;  
	height: 20px;
	margin: 0;  padding: 0; 
	}  

a {	color: #667222;
	text-decoration: underline;
	}

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

#gallery  { width: 406px; float: left; }
#gallery .caption { color: #ffffff; padding-top: 5px; padding-bottom: 5px; }
#thumbnails { width: 104px; float: right; }
#thumbnails .nextThumbnails { width: 104px; height: 56px; border: 0; }
#thumbnails .prevThumbnails { width: 104px; height: 56px; border: 0; }

#prevArrow { height: 56px; visibility: hidden;	}
#nextArrow { height: 56px; visibility: visible; }

#thumb1 { display: block; }
#thumb2 { display: none;  }

.thumbimgtop {
	float: left; width: 100px; height: 60px; margin: 0; padding: 0; border: 2px solid #003066; 
	}

.thumbimg {
	float: left; width: 100px; height: 60px; margin: 0; padding: 0; border: 2px solid #003066; border-top: 0px;
	} 
	
#photo1 {display: block; background-color: #003066; width: 406px; padding-top: 2px; margin: 0; text-align: center;}
#photo2, #photo3, #photo4, #photo5, #photo6, #photo7, #photo8, #photo9, #photo10, #photo11 {
	display: none; text-align: center; background-color: #003066; width: 406px; padding-top: 2px; margin: 0;
	} 

#footerArea {	
	position: relative;
	clear: both; 
	height: 40px; 
	} 

#canadianOwned { 
	float: right; 
	padding-top: 10px;
	width: 126px;
	}

#footer {  
	position: absolute; 
	left: 0; bottom: 0; 
	font-size: 85%;
	color: #555555; 
	}

#footer a {
	color: #555555;
	text-decoration: none;
	}

#footer a:hover {
	color: #003066;
	text-decoration: underline;
	}  

#commURLprint {display: none;}
#urlPrint {display: none;} 

/* used for sections that that are not always revealed */
#section1, #section2, #section3, #section4, #section5, #section6, #section7, #section8  {display: none;}

h1 {
	font-family: "verdana", sans-serif;
	font-size: 12px; font-weight: normal;  
	position: relative; 
	display: block;
	overflow: hidden;
	}

h1 span.screenHdr {
	position: absolute;
	width: 100%;
	height: 100%;
	}   
 
h3 {	 
	font-weight: normal;
	font-size: 110%;  
	}

h2 {	 
	font-weight: normal;
	font-size: 130%;  
	}