@charset "UTF-8";
/* CSS Document */

body{
	margin:0px;
	border:0px;
	padding: 0px;
	background: #FFFFFF;

	
}
img{
	border:0;
}
.outsideContainer{
	margin:0 auto;
	width:800px;
	height: 800px;
	position: relative;     

}

.header{
	position: absolute;
	top: 20px;
	left: 0px;
	height: 150px;
	width: 800px;
}

.logo{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 130px;
	width: 100px;
}

.headertext{
	position: absolute;
	top: 30px;
	left: 150px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
}

.navigation{
 position: absolute;
 top: 110px;
 left: 0px;
 height: 40px;
 width: 80px;
}

.nava{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 40px;
	width: 80px;

}

a.nava{
	display: block;
	width: 80px;
	height: 40px;
	background: url(images/buttonaon.jpg) top left no-repeat;
}

a.nava:hover{
	background-position: 0 -40px;
}

.navb{
	display: block;
	position: absolute;
	top: 0px;
	left: 80px;
	height: 40px;
	width: 80px;

}

a.navb{
	display: block;
	width: 80px;
	height: 40px;
	background: url(images/buttonb.jpg) top left no-repeat;
}

a.navb:hover{
	background-position: 0 -40px;
}

.navc{
	display: block;
	position: absolute;
	top: 0px;
	left: 160px;
	height: 40px;
	width: 80px;

}

a.navc{
	display: block;
	width: 80px;
	height: 40px;
	background: url(images/buttonc.jpg) top left no-repeat;
}

a.navc:hover{
	background-position: 0 -40px;
}

.navd{
	display: block;
	position: absolute;
	top: 0px;
	left: 240px;
	height: 40px;
	width: 80px;

}

a.navd{
	display: block;
	width: 80px;
	height: 40px;
	background: url(images/buttond.jpg) top left no-repeat;
}

a.navd:hover{
	background-position: 0 -40px;
}

.nave{
	display: block;
	position: absolute;
	top: 0px;
	left: 320px;
	height: 40px;
	width: 80px;

}

a.nave{
	display: block;
	width: 80px;
	height: 40px;
	background: url(images/buttone.jpg) top left no-repeat;
}

a.nave:hover{
	background-position: 0 -40px;
}

.navf{
	display: block;
	position: absolute;
	top: 0px;
	left: 400px;
	height: 40px;
	width: 80px;

}

a.navf{
	display: block;
	width: 80px;
	height: 40px;
	background: url(images/buttonf.jpg) top left no-repeat;
}

a.navf:hover{
	background-position: 0 -40px;
}

.navg{
	display: block;
	position: absolute;
	top: 0px;
	left: 480px;
	height: 40px;
	width: 80px;

}

a.navg{
	display: block;
	width: 80px;
	height: 40px;
	background: url(images/buttong.jpg) top left no-repeat;
}

a.navg:hover{
	background-position: 0 -40px;
}

.navh{
	display: block;
	position: absolute;
	top: 0px;
	left: 560px;
	height: 40px;
	width: 80px;

}

a.navh{
	display: block;
	width: 80px;
	height: 40px;
	background: url(images/buttonh.jpg) top left no-repeat;
}

a.navh:hover{
	background-position: 0 -40px;
}

.navi{
	display: block;
	position: absolute;
	top: 0px;
	left: 640px;
	height: 40px;
	width: 80px;

}

a.navi{
	display: block;
	width: 80px;
	height: 40px;
	background: url(images/buttoni.jpg) top left no-repeat;
}

a.navi:hover{
	background-position: 0 -40px;
}

.navj{
	display: block;
	position: absolute;
	top: 0px;
	left: 720px;
	height: 40px;
	width: 80px;

}

a.navj{
	display: block;
	width: 80px;
	height: 40px;
	background: url(images/buttonj.jpg) top left no-repeat;
}

a.navj:hover{
	background-position: 0 -40px;
}

.middleColumn{
	position: absolute;
	top: 170px;
	left: 0px;
	height: 500px;
	width: 800px;
}

.mboxone{
	position: absolute;
	top: 20px;
	left: 0px;
	height: 30px;
	width: 800px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666666;
}

.mboxtwo{
	position:absolute;
	top: 90px;
	left: 280px;
	height: 214px;
	width: 240px;
}

.mboxthree{
	position: absolute;
	top: 370px;
	left: 0px;
	height: 50px;
	width: 800px;
	background-image: url(images/wnfaqf.jpg);
}

.whatsnew{
	position: absolute;
	top: 0px;
	left: 310px;
	height: 180px;
	width: 50px;
}

.faq{
	position: absolute;
	top: 0px;
	left: 65px;
	height: 180px;
	width: 50px;
}

.friends{
	position: absolute;
	top: 0px;
	left: 555px;
	height: 180px;
	width: 50px;
}

.mboxthreeone{
	position: absolute;
	top: 320px;
	left: 0px;
	height: 20px;
	width: 800px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666666;
	font-size:14px;
}

.mboxfour{
	position: absolute;
	top: 420px;
	left: 0px;
	height: 90px;
	width: 800px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	color:#666666;
}

.whatsnewtext{
	position: absolute;
	top: 10px;
	left: 275px;
	width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	color: #666666;
}

.faqtext{
	position: absolute;
	top: 10px;
	left: 25px;
	width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	color: #666666;
}

.friendstext{
	position: absolute;
	top: 10px;
	left: 525px;
	width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	color: #666666;
}

.lboxone{
	position: absolute;
	top: 150px;
	left: 0px;
	height: 200px;
	width: 190px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	color: #666666;
}

.rboxone{
	position: absolute;
	top: 150px;
	left: 580px;
	height: 200px;
	width: 220px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	color: #666666;
}

.rboxtwo{
	position: absolute;
	top: 200px;
	left: 0px;
	width: 200px;
	height: 50px;
}

.footer{
	position: absolute;
	top: 700px;
	left: 0px;
	height: 60px;
	width: 800px;
	background-image: url(images/footerimage.jpg);
	
}

.footertext{
	position: absolute;
	top: 15px;
	left: 0px;
	height: 40px;
	width: 800px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 11px;
	color: #333333;
	text-align: center;
}

.footertext a{
	color:#0033CC;
}