#beehiveContainer {
	background:url(photos/Beehive_Template.jpg) repeat-y;
	position:fixed;
	top: 0px;
	left: 0px;
	width: 733px;
	height: 515px;
}

/* Beehive Positioning */
#one{
	position: absolute;
	top: 10px;
	left: 0px;
	width: 135px;
	height: 82px;	
}
#two{
	position: absolute;
	top: 10px;
	left: 198px;
	width: 135px;
	height: 82px;
	float: left;
}
#three{
	position: absolute;
	top: 10px;
	left: 396px;
	width: 135px;
	height: 82px;
	float: left;
}
#four{
	position: absolute;
	top: 10px;
	left: 594px;
	width: 135px;
	height: 82px;
	float: left;
}
#five{
	position: absolute;
	top: 65px;
	left: 99px;
	width: 135px;
	height: 82px;
	float: left;
	clear: left;
}
#six{
	position: absolute;
	top: 65px;
	left: 297px;
	width: 135px;
	height: 82px;
	float: left;
}
#seven{
	position: absolute;
	top: 65px;
	left: 495px;
	width: 135px;
	height: 82px;
	float: left;
}
#eight{
	position: absolute;
	top: 123px;
	left: 0px;
	width: 135px;
	height: 82px;
	float: left;
	clear: left;
}
#nine{
	position: absolute;
	top: 123px;
	left: 198px;
	width: 135px;
	height: 82px;
	float: left;
}
#ten{
	position: absolute;
	top: 123px;
	left: 396px;
	width: 135px;
	height: 82px;
	float: left;
}
#eleven{
	position: absolute;
	top: 123px;
	left: 594px;
	width: 135px;
	height: 82px;
	float: left;
}
#twelve{
	position: absolute;
	top: 178px;
	left: 99px;
	width: 135px;
	height: 82px;
	float: left;
	clear: left;
}
#thirteen{
	position: absolute;
	top: 178px;
	left: 297px;
	width: 135px;
	height: 82px;
	float: left;
}
#fourteen{
	position: absolute;
	top: 178px;
	left: 496px;
	width: 135px;
	height: 82px;
	float: left;
}
#fifteen{
	position: absolute;
	top: 237px;
	left: 0px;
	width: 135px;
	height: 82px;
	float: left;
	clear: left;
}
#sixteen{
	position: absolute;
	top: 237px;
	left: 198px;
	width: 135px;
	height: 82px;
	float: left;
}
#seventeen{
	position: absolute;
	top: 237px;
	left: 396px;
	width: 135px;
	height: 82px;
	float: left;
}
#eighteen{
	position: absolute;
	top: 237px;
	left: 594px;
	width: 135px;
	height: 82px;
	float: left;
}
#nineteen{
	position: absolute;
	top: 292px;
	left: 99px;
	width: 135px;
	height: 82px;
	float: left;
	clear: left;
}
#twenty{
	position: absolute;
	top: 292px;
	left: 297px;
	width: 135px;
	height: 82px;
	float: left;
}
#twentyone{
	position: absolute;
	top: 292px;
	left: 496px;
	width: 135px;
	height: 82px;
	float: left;
}
#twentytwo{
	position: absolute;
	top: 350px;
	left: 0px;
	width: 135px;
	height: 82px;
	float: left;
	clear: left;
}
#twentythree{
	position: absolute;
	top: 350px;
	left: 198px;
	width: 135px;
	height: 82px;
	float: left;
}
#twentyfour{
	position: absolute;
	top: 350px;
	left: 396px;
	width: 135px;
	height: 82px;
	float: left;
}
#twentyfive{
	position: absolute;
	top: 350px;
	left: 594px;
	width: 135px;
	height: 82px;
	float: left;
}
#twentysix{
	position: absolute;
	top: 405px;
	left: 100px;
	width: 135px;
	height: 82px;
	float: left;
	clear: left;
}
#twentyseven{
	position: absolute;
	top: 405px;
	left: 297px;
	width: 135px;
	height: 82px;
	float: left;
}
#twentyeight{
	position: absolute;
	top: 405px;
	left: 496px;
	width: 135px;
	height: 82px;
	float: left;
}
#twentynine{
	position: absolute;
	top: 463px;
	left: 0px;
	width: 135px;
	height: 82px;
	float: left;
	clear: left;
}
#thirty{
	position: absolute;
	top: 463px;
	left: 198px;
	width: 135px;
	height: 82px;
	float: left;
}
#thirtyone{
	position: absolute;
	top: 463px;
	left: 396px;
	width: 135px;
	height: 82px;
	float: left;
}
#thirtytwo{
	position: absolute;
	top: 463px;
	left: 594px;
	width: 135px;
	height: 82px;
	float: left;
}

#nextbtn{
	position: absolute;
	top: 400px;
	left: 615px;
	width: 103px;
	height: 42px;
	float: left;
}


/*Beehive Hover*/
.beehive {
	width: 135px;
	height: 117px;
	background: url(photos/beehives.png);
	text-align:center;
	font-size:14px;		
}

.beehiveVisited {
	width: 135px;
	height: 117px;
	background: url(photos/GrayBeehive.png) no-repeat;
	text-align:center;	
}

.beehive:link {
	width: 135px;
	height: 117px;
	background-position: 0px 0px;
}

.beehive:hover {
    width: 135px;
	height: 117px;
    background-position: 0px -144px;
}


a, body, p {
	font-family: 'Open Sans', sans-serif;
}
.textShadow{
text-shadow: 2px 2px 3px #000000;
-moz-text-shadow: 2px 2px 3px #000000; /* Firefox 3.6 and earlier */
-webkit-text-shadow: 2px 2px 3px #000000;
}

.oneLine{
	padding-top: 45px;
}
.twoLine{
	padding-top: 32px;
	padding-bottom: 3px;
}
.threeLine{
	padding-top: 27px;
	padding-bottom: 8px;
}
.fourLine{
	padding-top: 15px;
	padding-bottom: 21px;
}

.blueBtn {
	width: 103px;
	height: 42px;
	background: url(photos/blueBtn.png) no-repeat;
	text-align:center;	
}

.blueBtn:link {
	width: 103px;
	height: 42px;
	background-position: 0px 0px;
}

.blueBtn:hover {
    width: 103px;
	height: 42px;
    background-position: 0px -62px;
}

.blueBtnText {
	padding-top: 8px;
	font-size:18px;	 
	font-weight: 600;
}

#title {
	font-size:24px;
	color:#fff;
	text-align: center;	
	padding-top: 10px;
}
