body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #FFFFF2;
	background-image: url(images/bkd.gif);
	width: 770px;}

#logo, #logo a, #logo:hover, #logo:link, #logo:selected, #logo:active {
	width: 142px;
	height: 80px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;
	position: absolute;
	top: 78px;
	left: 15px;
	display: block;
/* although it's a background image, because it's positioned relatively and given a z-index of 1,
it will sit above any other content on the page - ie, the header text */
	z-index: 1;
	border: none;}

#img-01 {
	background-image: url(images/img-lt-01.gif);
	background-repeat: no-repeat;
	width: 15px;
	height: 222px;
/* logo as background image so that screen readers and those not using graphical browsers won't
get confused. In both these cases, and when CSS is turned off, the Header is read */
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
/* although it's a background image, because it's positioned relatively and given a z-index of 1,
it will sit above any other content on the page - ie, the header text */
	z-index: 2;
	border: none;}

#img-02 {
	background-image: url(images/img-lt-02.gif);
	background-repeat: no-repeat;
	width: 141px;
	height: 78px;
/* logo as background image so that screen readers and those not using graphical browsers won't
get confused. In both these cases, and when CSS is turned off, the Header is read */
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 24px;
	display: block;
/* although it's a background image, because it's positioned relatively and given a z-index of 1,
it will sit above any other content on the page - ie, the header text */
	z-index: 2;
	border: none;}

#img-02 {
	background-image: url(images/img-lt-03.gif);
	background-repeat: no-repeat;
	width: 141px;
	height: 78px;
/* logo as background image so that screen readers and those not using graphical browsers won't
get confused. In both these cases, and when CSS is turned off, the Header is read */
	cursor: pointer;
	cursor: hand;
	position: absolute;
	top: 10px;
	left: 24px;
	display: block;
/* although it's a background image, because it's positioned relatively and given a z-index of 1,
it will sit above any other content on the page - ie, the header text */
	border: none;}


#left-img-01 {
	background-image: url(images/left-01.jpg);
	background-repeat: no-repeat;
	width: 226px;
	height: 222px;
/* logo as background image so that screen readers and those not using graphical browsers won't
get confused. In both these cases, and when CSS is turned off, the Header is read */
	cursor: none;
	cursor: none;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	border: none;}


#left-img-02 {
	background-image: url(images/collage-01.jpg);
	background-repeat: no-repeat;
	width: 531px;
	height: 212px;
	cursor: none;
	position: absolute;
	top: 15px;
	left: 226px;
	display: block;
	border: none;
}

#left-img-03 {
	background-image: url(images/collage-02.jpg);
	background-repeat: no-repeat;
	width: 531px;
	height: 212px;
	cursor: none;
	position: absolute;
	top: 15px;
	left: 226px;
	display: block;
	border: none;}
	
#left-img-04 {
	background-image: url(images/collage-03.jpg);
	background-repeat: no-repeat;
	width: 531px;
	height: 212px;
	cursor: none;
	position: absolute;
	top: 15px;
	left: 226px;
	display: block;
	border: none;}

#left-img-05 {
	background-image: url(images/collage-04.jpg);
	background-repeat: no-repeat;
	width: 531px;
	height: 212px;
	cursor: none;
	position: absolute;
	top: 15px;
	left: 226px;
	display: block;
	border: none;}

#left-img-06 {
	background-image: url(images/collage-05.jpg);
	background-repeat: no-repeat;
	width: 531px;
	height: 212px;
	cursor: none;
	position: absolute;
	top: 15px;
	left: 226px;
	display: block;
	border: none;}

#left-img-07 {
	background-image: url(images/collage-06.jpg);
	background-repeat: no-repeat;
	width: 531px;
	height: 212px;
	cursor: none;
	position: absolute;
	top: 15px;
	left: 226px;
	display: block;
	border: none;}
	
#left-img-08 {
	background-image: url(images/collage-07.jpg);
	background-repeat: no-repeat;
	width: 531px;
	height: 212px;
	cursor: none;
	position: absolute;
	top: 15px;
	left: 226px;
	display: block;
	border: none;}
	
#left-img-09 {
	background-image: url(images/collage-08.jpg);
	background-repeat: no-repeat;
	width: 531px;
	height: 212px;
	cursor: none;
	position: absolute;
	top: 15px;
	left: 226px;
	display: block;
	border: none;}
	
	
#left-img-10 {
	background-image: url(images/collage-09.jpg);
	background-repeat: no-repeat;
	width: 531px;
	height: 212px;
	cursor: none;
	position: absolute;
	top: 15px;
	left: 226px;
	display: block;
	border: none;}
	
	
#left-img-11 {
	background-image: url(images/collage-10.jpg);
	background-repeat: no-repeat;
	width: 531px;
	height: 212px;
	cursor: none;
	position: absolute;
	top: 15px;
	left: 226px;
	display: block;
	border: none;}
	
	
#right-pic {
	width: 200px;
	height: 250px;
	cursor: none;
	position: absolute;
	top: 222px;
	left: 557px;
	display: block;
	border: none;



}	
	
#content {
	background-image: url(images/btm.jpg);
	background-repeat: no-repeat;
	width: 757px;
	height: 20px;
	cursor: none;
	position: absolute;
	top: 222px;
	left: 0px;
	display: block;
	border: none;
	background-color: #006633;
	background-position: bottom;

}


#top-menu {
	background-image: url(images/top-menu.gif);
	background-repeat: no-repeat;
	width: 534px;
	height: 20px;
	cursor: none;
	cursor: none;
	position: absolute;
	top: 0px;
	left: 226px;
	display: block;
	border: none;
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
	color: white;
	font-weight: bold;}


.top-menu a{
	color: white;}

	
.top-menu a:hover, .top-menu:link, .top-menu:selected, .top-menu:active {
	font-size: 11px; 
	font-weight: bold; 
	color: #000033; 
	text-decoration: none; 
	line-height: normal; 
	font: "Verdana";}


#top-nav {
	background-image: url(images/top-nav.gif);
	background-repeat: no-repeat;
	width: 176px;
	height: 35px;
/* logo as background image so that screen readers and those not using graphical browsers won't
get confused. In both these cases, and when CSS is turned off, the Header is read */
	cursor: none;
	position: absolute;
	top: 222px;
	left: 0px;
	display: block;
	border: none;}


#nav {
	background-image: none;
	background-repeat: none;
	width: 176px;
	height: 10px;
	cursor: none;
	position: absolute;
	top: 222px;
	left: 0px;
	display: block;
	border: none;
}


.nav {
	color: white;
	text-decoration: none;
	font: bold 11px "Verdana";
	line-height: 15px;
	padding-left: 6px;}

	
.nav a{
	color: white;}
	
.nav a:hover, .nav:link, .nav:selected, .nav:active {
	font-size: 11px; 
	font-weight: bold; 
	color: #FFFFCC; 
	text-decoration: none; 
	line-height: 15px; 
	font: "Verdana";}	

.test {	
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	line-height: normal;
	font: "Verdana";
	padding-left: 5px;}

#tel {
	background-image: url(images/tel.gif);
	background-repeat: no-repeat;
	width: 160px;
	height: 18px;
	position: absolute;
	left: 20px;
	display: block;
	border: none;
	font-weight: bold;
	color: white;
	font-size: 12px;
	top: 580px;
}
.tel2 {
	background-image: url(images/tel.gif);
	background-repeat: no-repeat;
	border: none;
	font-weight: bold;
	color: white;
	font-size: 12px;
	padding-left: 30px;
	width: 165px;

}
#box {
	width: 165px;
	position: absolute;
	left: 10px;
	top: 580px;
}

P {FONT-SIZE: 13pt; font-weight: normal; color: #303000; text-decoration: none; line-height: normal; font-family: Garamond, "Times New Roman"}

TD {
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	list-style-image:  url(images/bullet.gif);
	color: #EDEECA;
	font-weight: normal;
	line-height: 16px;
}

td.dot-line {
	background-image: url(images/dotted-line.gif);
	padding-left: 10px;
	background-repeat: no-repeat;



	}
td.text {
	padding-left: 10px;
	padding-right: 5px;
	}
td.text2 {
	padding-left: 10px;
	padding-right: 5px;
	font-weight: bold;

	}
	
A {TEXT-DECORATION: none; font-weight: bold; color: #ABB366}
A:hover {TEXT-DECORATION: none; font-weight: bold; color: #353503}
.form {
	color: #000000;
	background-color: #EDEECA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px dotted #006633;



}
.title {  font-family: Garamond, "Times New Roman"; font-size: 18pt; font-weight: normal; color: #656800}
.title2 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999966}
.link {  font-family: Garamond, "Times New Roman"; font-size: 13pt; font-weight: bold; color: #333301}
.menu {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #656800; text-decoration: none}
.menu_hover {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333301; text-decoration: none}
.email {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999966}
.portland {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #CCCC99}
.itp {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #C5C58B}
.underline {  text-decoration: underline}

.img-01 {
	background-image: url(images/img-lt-01.gif);
	background-repeat: no-repeat;}
	
h1 a, h1 a:link, h1 a:active, h1 a:visited, h1 a:hover, h1 a:selected, h1:link, h1:active, h1:visited, h1:selected, h1:hover {	
	font-weight: bold;
	letter-spacing: 1px;} 

.logolink a, a.logolink, a.logolink:visited, a.logolink:selected, a.logolink:active, a.logolink:hover {
	text-decoration: none;}
	
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #EDEECA;}
	
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #EDEECA;}
#mia {
	width: 170px;
	height: 18px;
	position: absolute;
	left: 572px;
	display: block;
	border: none;
	color: white;
	font-size: 9px;
	top: 448px;
	color: #EDEECA;
	text-align: center;
}
.mia2 {
	display: block;
	border: none;
	color: white;
	font-size: 9px;
	color: #EDEECA;
	text-align: center;
	width: 165px;
	line-height: 12px;
	padding-top: 5px;



}
	
.sitemap {
	text-align: right;

}
.sitemap a {
	font-size: 10px;
	color: #396532;
	text-align: right;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;

}
	
.sitemap a:hover, { 
	font-size: 10px;
	color: #396532;
	font-weight: normal;
	text-decoration: underline; }
.smap {
	color: #DFE3C6;
	font-size: 11px;


}
.smap a {
	text-decoration: none;
	color: #ABB366;

}

.smap a:hover, { 
	text-decoration: underline;
	color: #ABB366; }
.headform {
	height: 20px;
	text-align: right;
	padding-right: 4px;

}
#popup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFF9;
	border: 1px solid #000000;
	padding: 5px 5px 7px;
	width: 170px;
	margin-bottom: 50px;}