body {background-color:#6699CC}

#banner {
	background-image: url("/images/jpusa-youth-missions-title.gif");
	background-repeat:no-repeat;
	}
#home-star {
	position:absolute;
	left:930px;	
	top:5px;
	}
#home-star ul{
	margin:0;
	padding:0;
	list-style: none;\
	}
#home-star li {
	background-image: url("/images/home-star-2.gif"); /* This is to preload the hover state */
	background-repeat: no-repeat; 
	margin-top: 33px; /* For IE5 Mac only - reset to 0 below */
	margin-bottom: 65px; /* For IE5 Mac only - reset to 0 below */
	}
#home-star a { /* if background is on a:link IE6 won't display properly  */
	background-image: url("/images/home-star-1.gif"); /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	padding-top: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-left: 5px; 
	padding-bottom: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-right: 32px; /* For IE5 Mac only - reset to 10 below */
	font-family: "Arial Black", sans-serif;
	text-align: center;
	/*height or width in here will stop main image change in IE5 Win
	luckily, line-height is OK! - hidden from IE5 Mac see below
	a must be block to display background-image in IE Win
	 - but also needs to be hidden from IE5 Mac see below */
	}
#home-star a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height:100px;} 
#home-star a:hover {
	background: url("/images/home-star-2.gif") no-repeat; /* no background-x styles work here */
	}
#home-star a img {
	border-style: none;
	width: 275px; /* IE5 Win can't dynamically change size - don't use 0px to hide */
	height: 45px;
	position: absolute;
	top: 155px;
	left: -545px;
	visibility: hidden;
	}
 /* commented backslash hack v2 - hide rules from IE5 Mac \*/
#home-star a {
	padding-top: 0; 
	padding-bottom: 0;
	padding-right: 10px; 
	display: block;
	line-height: 80px;
	}	
#home-star li {
	margin-top:0;
	margin-bottom:0;
	width: 80px;
	}
/* end hack */
#home-star a:hover img {border-style: none;
	visibility:visible;
	}
#star1 {position:absolute;
left:104px;
top:86px;
}
#star1 ul{
	margin:0;
	padding:0;
	list-style: none;\
	}
#star1 li {
	background-image: url("/images/1star_2.gif"); /* This is to preload the hover state */
	background-repeat: no-repeat; 
	margin-top: 33px; /* For IE5 Mac only - reset to 0 below */
	margin-bottom: 65px; /* For IE5 Mac only - reset to 0 below */
	}
#star1 a { /* if background is on a:link IE6 won't display properly  */
	background-image: url("/images/1star_1.gif"); /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	padding-top: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-left: 5px; 
	padding-bottom: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-right: 32px; /* For IE5 Mac only - reset to 10 below */
	font-family: "Arial Black", sans-serif;
	text-align: center;
	/*height or width in here will stop main image change in IE5 Win
	luckily, line-height is OK! - hidden from IE5 Mac see below
	a must be block to display background-image in IE Win
	 - but also needs to be hidden from IE5 Mac see below */
	}
#star1 a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height:80px;} 
#star1 a:hover {
	background: url("/images/1star_2.gif") no-repeat; /* no background-x styles work here */
	}
#star1 a img {
	border-style: none;
	width: 275px; /* IE5 Win can't dynamically change size - don't use 0px to hide */
	height: 45px;
	position: absolute;
	top: 75px;
	left: 278px;
	visibility: hidden;
	}
 /* commented backslash hack v2 - hide rules from IE5 Mac \*/
#star1 a {
	padding-top: 0; 
	padding-bottom: 0;
	padding-right: 10px; 
	display: block;
	line-height: 80px;
	}	
#star1 li {
	margin-top:0;
	margin-bottom:0;
	width: 80px;
	}
/* end hack */
#star1 a:hover img {border-style: none;
	visibility:visible;
	}



#star2 {position:absolute;
left:193px;
top:111px;
}
#star2 ul{
	margin:0;
	padding:0;
	list-style: none;\
	}
#star1 li {
	background-image: url("/images/2star_2.gif"); /* This is to preload the hover state */
	background-repeat: no-repeat; 
	margin-top: 33px; /* For IE5 Mac only - reset to 0 below */
	margin-bottom: 65px; /* For IE5 Mac only - reset to 0 below */
	}
#star2 a { /* if background is on a:link IE6 won't display properly  */
	background-image: url("/images/2star_1.gif"); /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	padding-top: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-left: 5px; 
	padding-bottom: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-right: 32px; /* For IE5 Mac only - reset to 10 below */
	font-family: "Arial Black", sans-serif;
	text-align: center;
	/*height or width in here will stop main image change in IE5 Win
	luckily, line-height is OK! - hidden from IE5 Mac see below
	a must be block to display background-image in IE Win
	 - but also needs to be hidden from IE5 Mac see below */
	}
#star2 a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height:80px;} 
#star2 a:hover {
	background: url("/images/2star_2.gif") no-repeat; /* no background-x styles work here */
	}
#star2 a img {
	border-style: none;
	width: 275px; /* IE5 Win can't dynamically change size - don't use 0px to hide */
	height: 45px;
	position: absolute;
	top: 50px;
	left: 193px;
	visibility: hidden;
	}
 /* commented backslash hack v2 - hide rules from IE5 Mac \*/
#star2 a {
	padding-top: 0; 
	padding-bottom: 0;
	padding-right: 10px; 
	display: block;
	line-height: 80px;
	}	
#star2 li {
	margin-top:0;
	margin-bottom:0;
	width: 80px;
	}
/* end hack */
#star2 a:hover img {border-style: none;
	visibility:visible;
	}

#star3 {position:absolute;
left:283px;
top:111px;
}
#star3 ul{
	margin:0;
	padding:0;
	list-style: none;\
	}
#star3 li {
	background-image: url("/images/3star_2.gif"); /* This is to preload the hover state */
	background-repeat: no-repeat; 
	margin-top: 33px; /* For IE5 Mac only - reset to 0 below */
	margin-bottom: 65px; /* For IE5 Mac only - reset to 0 below */
	}
#star3 a { /* if background is on a:link IE6 won't display properly  */
	background-image: url("/images/3star_1.gif"); /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	padding-top: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-left: 5px; 
	padding-bottom: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-right: 32px; /* For IE5 Mac only - reset to 10 below */
	font-family: "Arial Black", sans-serif;
	text-align: center;
	/*height or width in here will stop main image change in IE5 Win
	luckily, line-height is OK! - hidden from IE5 Mac see below
	a must be block to display background-image in IE Win
	 - but also needs to be hidden from IE5 Mac see below */
	}
#star3 a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height:80px;} 
#star3 a:hover {
	background: url("/images/1star_3.gif") no-repeat; /* no background-x styles work here */
	}
#star3 a img {
	border-style: none;
	width: 275px; /* IE5 Win can't dynamically change size - don't use 0px to hide */
	height: 45px;
	position: absolute;
	top: 50px;
	left: 95px;
	visibility: hidden;
	}
 /* commented backslash hack v2 - hide rules from IE5 Mac \*/
#star3 a {
	padding-top: 0; 
	padding-bottom: 0;
	padding-right: 10px; 
	display: block;
	line-height: 80px;
	}	
#star3 li {
	margin-top:0;
	margin-bottom:0;
	width: 80px;
	}
/* end hack */
#star3 a:hover img {border-style: none;
	visibility:visible;
	}

#star4 {position:absolute;
left:373px;
top:111px;
}
#star4 ul{
	margin:0;
	padding:0;
	list-style: none;\
	}
#star4 li {
	background-image: url("/images/4star_2.gif"); /* This is to preload the hover state */
	background-repeat: no-repeat; 
	margin-top: 33px; /* For IE5 Mac only - reset to 0 below */
	margin-bottom: 65px; /* For IE5 Mac only - reset to 0 below */
	}
#star4 a { /* if background is on a:link IE6 won't display properly  */
	background-image: url("/images/4star_1.gif"); /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	padding-top: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-left: 5px; 
	padding-bottom: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-right: 32px; /* For IE5 Mac only - reset to 10 below */
	font-family: "Arial Black", sans-serif;
	text-align: center;
	/*height or width in here will stop main image change in IE5 Win
	luckily, line-height is OK! - hidden from IE5 Mac see below
	a must be block to display background-image in IE Win
	 - but also needs to be hidden from IE5 Mac see below */
	}
#star4 a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height:80px;} 
#star4 a:hover {
	background: url("/images/4star_2.gif") no-repeat; /* no background-x styles work here */
	}
#star4 a img {
	border-style: none;
	width: 275px; /* IE5 Win can't dynamically change size - don't use 0px to hide */
	height: 45px;
	position: absolute;
	top: 50px;
	left: 5px;
	visibility: hidden;
	}
 /* commented backslash hack v2 - hide rules from IE5 Mac \*/
#star4 a {
	padding-top: 0; 
	padding-bottom: 0;
	padding-right: 10px; 
	display: block;
	line-height: 80px;
	}	
#star4 li {
	margin-top:0;
	margin-bottom:0;
	width: 80px;
	}
/* end hack */
#star4 a:hover img {border-style: none;
	visibility:visible;
	}

#star5 {position:absolute;
left:463px;
top:111px;
}
#star5 ul{
	margin:0;
	padding:0;
	list-style: none;\
	}
#star5 li {
	background-image: url("/images/5star_2.gif"); /* This is to preload the hover state */
	background-repeat: no-repeat; 
	margin-top: 33px; /* For IE5 Mac only - reset to 0 below */
	margin-bottom: 65px; /* For IE5 Mac only - reset to 0 below */
	}
#star5 a { /* if background is on a:link IE6 won't display properly  */
	background-image: url("/images/5star_1.gif"); /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	padding-top: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-left: 5px; 
	padding-bottom: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-right: 32px; /* For IE5 Mac only - reset to 10 below */
	font-family: "Arial Black", sans-serif;
	text-align: center;
	/*height or width in here will stop main image change in IE5 Win
	luckily, line-height is OK! - hidden from IE5 Mac see below
	a must be block to display background-image in IE Win
	 - but also needs to be hidden from IE5 Mac see below */
	}
#star5 a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height:80px;} 
#star5 a:hover {
	background: url("/images/5star_2.gif") no-repeat; /* no background-x styles work here */
	}
#star5 a img {
	border-style: none;
	width: 275px; /* IE5 Win can't dynamically change size - don't use 0px to hide */
	height: 45px;
	position: absolute;
	top: 50px;
	left: -85px;
	visibility: hidden;
	}
 /* commented backslash hack v2 - hide rules from IE5 Mac \*/
#star5 a {
	padding-top: 0; 
	padding-bottom: 0;
	padding-right: 10px; 
	display: block;
	line-height: 80px;
	}	
#star5 li {
	margin-top:0;
	margin-bottom:0;
	width: 80px;
	}
/* end hack */
#star5 a:hover img {border-style: none;
	visibility:visible;
	}

#contentbox{position:absolute;
	left:62px;
	top:210px;
	
}
#content{
width:564px;
height:400px;
overflow:auto;
position:absolute;
top:230;
left:86px;
padding:0px 10px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
}
#photbox1{position:absolute;
left: 685px;
top: 210px;}
#photbox2{position:absolute;
left: 685px;
top: 360px;

}
#photbox2 a img{border-style: none;}
#photbox3{position:absolute;
left: 685px;
top: 511px;}
#city{position:absolute;
top: 650px;
font-family:Arial, Helvetica, sans-serif;
background-color:#333333;
}
#city {color:#6699cc;}
#city a:link{color:#6699cc;}
#city a:visited{color:#6699cc;}
#city a:hover{color:#ffffff;}
#city2 {position:absolute;
bottom: 1px;
font-family:Arial, Helvetica, sans-serif;
background-color:#333333;
}
#city2 {color:#6699cc;}
#city2 a:link{color:#6699cc;}
#city2 a:visited{color:#6699cc;}
#city 2a:hover{color:#ffffff;}