#joe {
	width: 100%;
	text-align: center;
	margin: 3px 0 0 0;
}

.launchtable {
	width: 760px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-family: Comic Sans MS,verdana,helvetica,arial,sans-serif;
	font-size: xx-small;
	border-collapse: collapse;
	padding: 0px 0px 0 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}

.launchrow {
	width: 100%;
}

.launchtable td {
	width: 380px;
	height: 186px;
	vertical-align: top;
	border: solid white 2px;
}

.portal1 {
	color: white;
	background-image: url(kidzone.jpg);
	background-repeat: no-repeat;
}

.portal2 {
	color: white;
	background-image: url(teenzone.jpg);
	background-repeat: no-repeat;

}
.portal3 {
	color: white;
	background-image: url(parentszone.jpg);
	background-repeat: no-repeat;
}

.portal4 {
	color: white;
	background-image: url(Teacherzone.jpg);
	background-repeat: no-repeat;
}

.whitetext1 {
	padding: 0px 0px 0 0px;
	margin: 70px 10px 0 195px;
	font-weight: bold;
	/* height: 75px; */
	min-height: 75px;
	font-size: x-small;
	background-color:#26A826;
}

* html .whitetext1 {
	height: 75px;

}


.whitetext2 {
	padding: 0px 0px 0 0px;
	margin: 70px 10px 0 195px;
	font-weight: bold;
	/* height: 75px; */
	min-height: 75px;
	font-size: x-small;
	background-color:#D42626;
}

* html .whitetext2 {
		height: 75px;
		
}



.whitearrow {
	text-align: right;
  	margin: 5px 5px 0 0 ;
	padding: 0px 50px 0 0;
	font-weight: bold;
	font-size: small;
	color: white;

}
   
* html .whitearrow {
	font-size: small;
	padding: 8px 45px 0 0;
   }

.whitearrow a:link {
	color: white;
	text-decoration: underline;
	background-color:#115AA9;
	}   
   
.whitearrow a:hover {
	text-decoration: none;
	color: white;
	background-color:#115AA9;
	}
	
.whitearrow a:visited {
	color: white;
	background-color:#115AA9;
	}