@import url("home.css");

/* FORMAT PAGE SPONSOR INFO - CAN BE LINK OR JUST TEXT */

.midupper {
	width:786px;
	background-color:white;
	overflow:hidden;
	clear:both;
	position:relative;
	}	

/* FORMAT PRIMARY MAZE IMAGES */

.introimage {
    float:left;
	background-color:white;
	text-align:left;
	}
	
.introimage img {
	width:786px;
	height:332px;
	margin:2px 0px 2px 0px;
	display:block;

	}

.fullsizeimage {
    float:left;
	background-color:white;
	text-align:left;
	}
	
.fullsizeimage img {
	width:664px;
	height:332px;
	margin:2px 2px 0px 0px;
	}	
	
.halfsizeimage {
	float:left;
	width:666px;
	background-color:white;
	text-align:left;
	}
	
.halfsizeimage img {
	width:331px;
	height:332px;
	margin:2px 2px 0 0;
	}	
	
.thirdsizeimage {
	float:left;
	width:666px;
	background-color:white;
	text-align:left;
	}
	
.thirdsizeimage img {
	width:220px;
	height:332px;
	margin:2px 2px 0 0;
	}	
    
	
.skipintro {
	position:absolute;
	top:306px;
	left:756px;
	z-index:100;
	clear:both;
	font:bold Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	}

#ie6only .skipintro,
#ie5-5only .skipintro,
#ie5-01only .skipintro {
	}

.intronext1 {
	position:absolute;
	top:292px;
	left:287px;
	color:#666666; 
	z-index:100;
	clear:both;
	font:bold 1.4em Verdana, Helvetica, sans-serif;
	}
	
.intronext2 {
	position:absolute;
	top:291px;
	left:292px;
	color:#666666; 
	font:bold 1.4em Verdana, Helvetica, sans-serif;
	}
	
.introback2 {
	position:absolute;
	top:291px;
	left:216px;
	color:#666666; 
	font:bold 1.4em Verdana, Helvetica, sans-serif;
	}
	
.intronext3 {
	position:absolute;
	top:297px;
	left:318px;
	color:#666666; 
	font:bold 1.4em Verdana, Helvetica, sans-serif;
	}
	
.introback3 {
	position:absolute;
	top:297px;
	left:242px;
	color:#666666; 
	font:bold 1.4em Verdana, Helvetica, sans-serif;
	}

.intronext4 {
	position:absolute;
	top:299px;
	left:286px;
	color:#666666; 
	font:bold 1.4em Verdana, Helvetica, sans-serif;
	}
	
.introback4 {
	position:absolute;
	top:299px;
	left:210px;
	color:#666666; 
	font:bold 1.4em Verdana, Helvetica, sans-serif;
	}
	
.intronext5 {
	position:absolute;
	top:299px;
	left:322px;
	color:#666666; 
	font:bold 1.4em Verdana, Helvetica, sans-serif;
	}
	
.introback5 {
	position:absolute;
	top:299px;
	left:246px;
	color:#666666; 
	font:bold 1.4em Verdana, Helvetica, sans-serif;
	}
	
.sponsornext1 {
	position:absolute;
	top:288px;
	left:564px;
	color:#666666; 
	font:bold 1.5em Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	}
	
.sponsorback1 {
	position:absolute;
	top:288px;
	left:404px;
	color:#666666; 
	font:bold 1.5em Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	}
	
/* FORMAT SPONSOR OVERLAYS */
	
.overlay {
	position:absolute;
	top:308px;
	left:12px;
	z-index:100;
	}

#ie7andup .overlay,
#ie6only .overlay,
#ie5-5only .overlay,
#ie5-01only .overlay {
	}

.donate {
	position:absolute;
	top:276px;
	left:10px;
	z-index:100;
	}
	
.donate img {
	width:200px;
	height:48px;
	}
	
#ie6only .donate img,
#ie5-5only .donate img,
#ie5-01only .donate img {
	margin:0px 0 0 0;
	}
	
.hazen1 {
	position:absolute;
	top:266px;
	left:10px;
	z-index:100;
	}
	
.hazen1 img {
	width:196px;
	height:56px;
	}
	
#ie6only .hazen1 img,
#ie5-5only .hazen1 img,
#ie5-01only .hazen1 img {
	margin:0px 0 0 0;
	}	

.hazen2 {
	position:absolute;
	top:14px;
	left:10px;
	z-index:100;
	}
	
.hazen2 img {
	width:196px;
	height:56px;
	}
	
#ie6only .hazen2 img,
#ie5-5only .hazen2 img,
#ie5-01only .hazen2 img {
	margin:0px 0 0 0;
	}		

.udutu1 {
	position:absolute;
	top:14px;
	left:10px;
	z-index:100;
	}
	
.udutu1 img {
	width:145px;
	height:56px;
	}
	
#ie6only .udutu1 img,
#ie5-5only .udutu1 img,
#ie5-01only .udutu1 img {
	margin:0px 0 0 0;
	}	

.udutu2 {
	position:absolute;
	top:14px;
	left:506px;
	z-index:100;
	}
	
.udutu2 img {
	width:145px;
	height:56px;
	}
	
#ie6only .udutu2 img,
#ie5-5only .udutu2 img,
#ie5-01only .udutu2 img {
	margin:0px 0 0 0;
	}	
	
.rjindustries {
	position:absolute;
	top:266px;
	left:10px;
	z-index:100;
	}
	
.rjindustries img {
	width:142px;
	height:56px;
	}
	
#ie6only .rjindustries img,
#ie5-5only .rjindustries img,
#ie5-01only .rjindustries img {
	margin:0px 0 0 0;
	}	
	
.ruinsured1 {
	position:absolute;
	top:266px;
	left:510px;
	z-index:100;
	}
	
.ruinsured1 img {
	width:142px;
	height:56px;
	}
	
#ie6only .ruinsured1 img,
#ie5-5only .ruinsured1 img,
#ie5-01only .ruinsured1 img {
	margin:0px 0 0 0;
	}	

.ruinsured2 {
	position:absolute;
	top:266px;
	left:510px;
	z-index:100;
	}
	
.ruinsured2 img {
	width:142px;
	height:56px;
	}
	
#ie6only .ruinsured2 img,
#ie5-5only .ruinsured2 img,
#ie5-01only .ruinsured2 img {
	margin:0px 0 0 0;
	}		

.carworks {
	position:absolute;
	top:270px;
	left:10px;
	z-index:100;
	}
	
.carworks img {
	width:142px;
	height:56px;
	}
	
#ie6only .carworks img,
#ie5-5only .carworks img,
#ie5-01only .carworks img {
	margin:0px 0 0 0;
	}		

.audisrus {
	position:absolute;
	top:266px;
	left:10px;
	z-index:100;
	}
	
.audisrus img {
	width:142px;
	height:56px;
	}
	
#ie6only .audisrus img,
#ie5-5only .audisrus img,
#ie5-01only .audisrus img {
	margin:0px 0 0 0;
	}		
		
	
.overlay ul {
	list-style-type:none;
	margin:0;
	border:0;
	padding:0;
	}
	
.overlay li {
	color:#666666; 
	font:bold 1.3em Verdana, Helvetica, sans-serif;
	display:inline;
	text-decoration:none;
	margin-right:8px;
	}
	
.overlay a {
	text-decoration:underline;
	}
	
.bangkokwest {
	}
.bangkokwest li{
	margin-left:36px;
	}
		
.baskinrobbins {
	}
.baskinrobbins li{
	margin-left:14px;
	}

.canton {
	left:17px;
	}
.canton li {
	margin-right:10px;
	}	
.canton2 {
	top:10px;
	left:208px;
	}
.canton2 li {
	color:#cc0000;  
	font:bold 1.8em Verdana, Helvetica, sans-serif;
	display:list-item;
	text-align:center;
	}
	
.delcore {
	left:20px;
	}
.delcore li {
	margin-right:22px;
	}
.delcore2 {
	top:10px;
	left:208px;
	}
.delcore2 li {
	color:#cc0000; 
	font:bold 1.8em Verdana, Helvetica, sans-serif;
	display:list-item;
	text-align:center;
	}
	
.nextspace {
	}
.nextspace li{
	margin-left:0;
	}
.nextspace2 {
	left:364px;
	}
.nextspace2 li{
	margin-left:24px;
	}
	
.shipsmart {
	}
.shipsmart li{
	margin-left:48px;
	}
	
.staleys {
	}
.staleys li{
	margin-left:68px;
	}
	
.steps {
	}
.steps li{
	margin-left:6px;
	}
	
.sweetpeas {
	}
.sweetpeas li{
	margin-left:34px;
	}
	
.inthemaze {
	top:282px;
	left:320px;
	}
	
.inthemaze li {
	color:#cc0000; 
	font:bold 1.4em Verdana, Helvetica, sans-serif;
	}
	

	
#ie7andup .shipsmart,
#ie6only .shipsmart,
#ie5-5only .shipsmart,
#ie5-01only .shipsmart {
	}
			

  
/* FORMAT THE STAGE NAV BAR */
					
.progress {
    font:bold 11px Verdana, Helvetica, sans-serif;
	color:#cc0000;
	line-height:1em;
	text-align:right;
	padding:0;
	border:0;
	margin:6px 8px 4px 0;
	}

/* STAGE NAVIGATION BAR */	

.nav-stage { 
	margin:2px 8px 9px 0; 
	padding:0; 
	list-style-type:none;
	float:right; 
	width:102px; 
	} 
	
#ie6only .nav-stage,
#ie5-5only .nav-stage {
	margin:2px 4px 9px 0;
	}
	
	
.nav-stage li { 
	display:inline; 
	}
  
.nav-stage-complete a { 
	background:url(img/nav-bgrd2.png) 0 0 repeat-x; 
	color:#ffffff; 
	padding:4px 4px 4px 4px; 
	float:left; 
	border-right:2px solid #ffffff;
	text-decoration:none; 
	font:bold 14px Verdana, Helvetica, sans-serif;
	}
  
.nav-stage-current a { 
	padding:4px 5px 4px 5px; 
	background:url(img/nav-currentpage2.png) 0 0 repeat-x; 
	color:#ffffff; 
	float:left; 
	border-right:2px solid #ffffff;
	text-decoration:none; 
	font:bold 14px Verdana, Helvetica, sans-serif;
	}
  
.nav-stage-later {
	font:bold 14px Verdana, Helvetica, sans-serif;
	color:#999999;
	padding:4px 4px 4px 4px;
	border-right:2px solid #ffffff;
	float:left;
	background-color:#cccccc;
	}

.nav-stage a:hover { 
	color:#0000aa; 
	} 


/* FORMAT THE HINT LINK */
	
.hint {
	font:bold 1.4em Verdana, Helvetica, sans-serif;
	line-height:1em;
	padding:0;
	border:0;
	float:right;
	width:100px;
	text-align:center;
	margin:5px 10px 5px 0;
/*		position:relative; */
	}
	
#ie6only .hint,
#ie5-5only .hint {
	margin:5px 5px 5px 0;
	}
	
.hint a {
    text-decoration:none;
	}

.hint a span{
	display:none;
	}
	
.hint a.hintbox1:hover {
	border:0;
	}

.hint a:hover span {
	display:block;
    background:#fff; 
	position:absolute; 
    width:100px; 
    height:80px; 
    top:219px; 
    left:676px; 
    color:red;
	background-color:#75bbff;
	padding-top:30px;
	font:bold 1.4em Verdana, Helvetica, sans-serif;
    }

#ie5-5only a:hover span {
	height:110px;
	}	
	
	
/* FORMAT THE BACK IMAGES */

.back1 {
	width:100px;
	float:right;
	border-top:4px solid #cc0000;
	border-bottom:4px solid #cc0000;
	margin:0 10px 0 0;
	padding:0 0 4px 0;
	}
	
#ie6only .back1,
#ie5-5only .back1,
#ie6only .back2,
#ie5-5only .back2 {
	margin:0 5px 0 0;
	}
	
.back2 {
	width:100px;
	float:right;
	border-top:4px solid #cc0000;
	margin:0 10px 0 0;
	padding:0 0 0 0;
	}

.back1,
.back2 {
	text-align:right;
	}
	
.back1 a,	
.back2 a {
	margin:0;
	padding:0;
	}

.back1 img,	
.back2 img {
    margin:6px 10px 0px 0;
    width:100px;
	height:50px;
	padding:0;
	}

#ie6only .back1 img,
#ie5-5only .back1 img,
#ie6only .back2 img,
#ie5-5only .back2 img {
	margin:6px 0 0 0;
	}
	
/* FORMAT THE BENEFICIARIES SECTION */	

.beneficiaries h1 {
	font:bold 2.2em Verdana, Helvetica, sans-serif;
	text-align:left;
	color:#cc0000;
	float:left;
	margin:40px 10px 0 32px;
	}	
	
#ie6only .beneficiaries h1,
#ie5-5only .beneficiaries h1 {
	margin:40px 10px 0 20px;
	}
	
.haa-logo img {
	width:127px;
	height:37px;
	float:left;
	margin:38px 10px 0 10px;
	}
	
.jh-logo img {
	width:127px;
	height:57px;
	float:left;
	margin:26px 0 0 10px;
	}