/* CSS Document */

/* heading div */
#rolloverbox {
	height: 499px;
	width: 292px;
}

#welcomeheading {
	height: 24px;
	width: 292px;
	background-color: #E2E5F1;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.boxcontent{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 126px;
}

.navdiv{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
}


.instructionsboxcontent{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 12px;
}


/* add position: absolute; to each box to stack */

#instructions {
	background-image: url(../image_01/types/1.jpg);
	height: 469px;
	width: 292px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E2E5F1;
	position: absolute;
}



#boxa {
	background-image: url(../image_01/types/a.jpg);
	height: 469px;
	width: 292px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E2E5F1;
	visibility: hidden;
	position: absolute;
}

#boxb {
	background-image: url(../image_01/types/b.jpg);
	height: 469px;
	width: 292px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E2E5F1;
	visibility: hidden;
	position: absolute;
}

#boxc {
	background-image: url(../image_01/types/c.jpg);
	z-index: 4;
	height: 469px;
	width: 292px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E2E5F1;
	visibility: hidden;
	position: absolute;
}


#boxd {
	background-image: url(../image_01/types/d.jpg);
	z-index: 5;
	height: 469px;
	width: 292px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E2E5F1;
	visibility: hidden;
	position: absolute;
}


#boxe {
	background-image: url(../image_01/types/e.jpg);
	z-index: 6;
	height: 469px;
	width: 292px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E2E5F1;
	visibility: hidden;
	position: absolute;
}


#boxf {
	background-image: url(../image_01/types/f.jpg);
	z-index: 7;
	height: 469px;
	width: 292px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E2E5F1;
	visibility: hidden;
	position: absolute;
}


#boxg {
	background-image: url(../image_01/types/g.jpg);
	z-index: 8;
	height: 469px;
	width: 292px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E2E5F1;
	visibility: hidden;
	position: absolute;
}

#boxh {
	background-image: url(../image_01/types/h.jpg);
	z-index: 9;
	height: 469px;
	width: 292px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E2E5F1;
	visibility: hidden;
	position: absolute;
}
#boxi {
	background-image: url(../image_01/types/i.jpg);
	z-index: 10;
	height: 469px;
	width: 292px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E2E5F1;
	visibility: hidden;
	position: absolute;
}
#boxj {
	background-image: url(../image_01/types/j.jpg);
	z-index: 11;
	height: 469px;
	width: 292px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E2E5F1;
	visibility: hidden;
	position: absolute;
}
#boxk {
	background-image: url(../image_01/types/k.jpg);
	z-index: 12;
	height: 469px;
	width: 292px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E2E5F1;
	visibility: hidden;
	position: absolute;
}
#boxl {
	background-image: url(../image_01/types/l.jpg);
	z-index: 13;
	height: 469px;
	width: 292px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E2E5F1;
	visibility: hidden;
	position: absolute;
}
#boxm {
	background-image: url(../image_01/types/m.jpg);
	z-index: 14;
	height: 469px;
	width: 292px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E2E5F1;
	visibility: hidden;
	position: absolute;
}
#boxn {
	background-image: url(../image_01/types/n.jpg);
	z-index: 15;
	height: 469px;
	width: 292px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E2E5F1;
	visibility: hidden;
	position: absolute;
}