body{
	margin:0px;
	width:100%;
}


#background{
	height:auto;
	width: 100%;
	position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index:1;
}


#boxes{
	margin-left:16%;
	display:inline-block;
}

#box1{
	height: 106px;
	width: 206px;
	border-width:1px;
	border-radius:1px;
	box-shadow: 2px 2px 1px #778899;
	background-color: #9370DB;
	float:left;
	margin-top:24px;
	border: solid 2px #F7F7F7;
}

#box2{
	height: 106px;
	width: 206px;
	border-width:1px;
	border-radius:1px;
	box-shadow: 2px 2px 1px #778899;
	background-color: #8470FF;
	float:left;
	margin-left: -210px;
	margin-top: 148px;
	border: solid 2px #F7F7F7;
}
	
#box3{	
	height: 106px;
	width: 206px;
	border-width:1px;
	border-radius:1px;
	box-shadow: 2px 2px 1px #778899;
	background-color: #9370DB;
	float:left;
	margin-left: -210px;
	margin-top: 272px;
	border: solid 2px #F7F7F7;
}

#box4{	
	height: 106px;
	width: 206px;
	border-width:1px;
	border-radius:1px;
	box-shadow: 2px 2px 1px #778899;
	background-color: #8470FF;
	float:left;
	margin-left: -210px;
	margin-top: 396px;
	border: solid 2px #F7F7F7;
}

#box5{
	height: 106px;
	width: 206px;
	border-width:1px;
	border-radius:1px;
	box-shadow: 2px 2px 1px #778899;
	background-color: #9370DB;
	float:left;
	margin-left: -210px;
	margin-top: 520px;
	border: solid 2px #F7F7F7;
}

	
	
.boxbuttons{
	text-align:center;
	margin: auto;
	line-height: 300%;
	font-size:30px;
	padding: 10px;

}

.boxbuttons:hover{
	box-shadow: 4px 4px 5px #8B8989;
	padding:6px;
}
	
	
.links{
	text-decoration:none;
	color:white;
}


#textbox{
	height:610px;
	width:49%;
	float:right;
	margin-top:23px;
	margin-left: 20px;
	border-radius:3px;
	box-shadow: 3px 3px 2px #969696;
	line-height:200%;
	overflow:auto;
	position: absolute;
	display:inline-block;
	z-index: 5;
	background-color: #FFFFFF;
	opacity:0.95;
}


p{
	margin-top: 36px;
	margin-left: 36px;
	margin-right:36px;
	color: #333333;
}

span>a{
	font-size:17px;
	text-decoration:none;
	color:#8470FF;
}

span>a:hover{
	text-decoration:underline;
}


p>span{
	font-size: 28px;
	color: #8470FF;
}

#rosalinemail:hover{
	text-decoration: underline;
}

#subtitle{
	font-size: 20px;
	color:#EE9A00;
}

#textbox table{
	border: solid 2px #5C5C5C;
	margin-left: 4%;
}

table td{
	border: solid 1px #5C5C5C;
}

table th{
	border: solid 1px #5C5C5C;
	font-weight:bold;
	font-size: 20px;
}



#footer{
	bottom: 2px;
	z-index:3;	
	width: 658px;
	margin: auto;
}

#line{
	font-size: 2px;
	color:#5C5C5C;
	border-bottom: solid 2px #fff;
	width: 100%;
	z-index: 5;
	margin-top: 0px;
	margin-left:0px;
	margin-bottom: 7px;
} 

#firstlogo{
	height:46px;
	width: 153px;
	padding: 0px;
	z-index:2;
	padding: 0px 26px 0px 20px;
	display: inline-block;
}

img{
	height:40px;
	padding: 0px;
	z-index:2;
	padding: 0px 20px 0px 0px;
	display:inline-block;
}


	
#credits{
	z-index:1;
	padding: 0px 20px 0px 0px;
	width: 180px;
	display: inline-block;	
	margin:0px;	
}

#credits>li{
	list-style-type:none;
	display: block;
	color:#fff;
	padding: 0px 0px 4px 0px;
	font-size: 14px;
	line-height: 100%;
}
	
	
#creditsli-1{
	padding-left: 80px;
}

#backgroundimg{
	min-height: 100%;
    min-width: 1024px;
	z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width:100%;
    opacity: 0.85;
}