@charset "utf-8";

/* the overlayed element */
.event_overlay {
	/* initially overlay is hidden */
	display:none;
	/* growing background image */
	background-image:url(../media/triggers/backgroundtransparent.png);
	/* Width of background image when done growing, height is calculated automatically*/
	width:900px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 60px;
}

.event_overlay p {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #FFF;
	font-size: 12px;
	line-height: 22px;	
}


.event_overlay a {
	color: #77F9FF;
}

.event_overlay h5 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #FFF;
	font-size: 14px;
	font-weight:bold;
	padding-bottom:5px;
	margin:0px;
}

/* default close button positioned on upper right corner */
.event_overlay div.close {
	background-image:url(../media/triggers/close.png);
	background-repeat: no-repeat;
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:20px;
	width:20px;
}

/*Sets position and cursor style for trigger image*/
#triggers {
	top: 190px;
	left: -385px;
	z-index: 24;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	width: 140px;
}
#triggers img {
	cursor:pointer;
}
/*Sets position and cursor style for the second trigger image*/
#trigger2 {
	top: 140px;
	left: -235px;
	z-index: 24;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	width: 140px;
}
#trigger2 img {
	cursor:pointer;
}

/*Sets position and cursor style for the third trigger image*/
#trigger3 {
	top: 90px;
	left: -85px;
	z-index: 24;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	width: 140px;
}
#trigger3 img {
	cursor:pointer;
}

/*Sets position and cursor style for the fourth trigger image*/
#trigger4 {
	top: 40px;
	left: 73px;
	z-index: 24;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	width: 140px;
}
#trigger4 img {
	cursor:pointer;
}

/*Sets position and cursor style for the fifth trigger image*/
#trigger5 {
	top: -10px;
	left: 226px;
	z-index: 24;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	width: 140px;
}
#trigger5 img {
	cursor:pointer;
}

/*Sets position and cursor style for the fifth trigger image*/
#trigger6 {
	top: -60px;
	left: 378px;
	z-index: 24;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	width: 140px;
}
#trigger6 img {
	cursor:pointer;
}

/*Sets position and cursor style for the webcam columns*/
#column1 {
	width: 425px;
	height:auto;
	float:left;
}

#column2 {
	width: 425px;
	height:auto;
	float:left;
}


/* the overlayed element */
.cam_overlay {
	/* initially overlay is hidden */
	display:none;
	/* growing background image */
	background-image:url(../media/triggers/webcamtransparent.png);
	/* Width of background image when done growing, height is calculated automatically*/
	width:575px;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 100px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-size: 12px;
	line-height: 24px;
}

/* default close button positioned on upper right corner */
.cam_overlay div.close {
	background-image:url(../media/triggers/close.png);
	background-repeat: no-repeat;
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:20px;
	width:20px;
}

/*Sets position and cursor style for the campground map trigger images*/

#camptrigger img {
	cursor:pointer;
}

.campground_overlay {
	/* initially overlay is hidden */
	display:none;
	/* growing background image */
	background-image:url(../media/triggers/webcamtransparent.png);
	/* Width of background image when done growing, height is calculated automatically*/
	width:952px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 80px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-size: 12px;
	line-height: 24px;
}

.campground_overlay div.close {
	background-image:url(../media/triggers/close.png);
	background-repeat: no-repeat;
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:20px;
	width:20px;
}

/*************************** Styling for the event overlays on the homepage can be set here. Each ID can have unique styling as necessary *******************************/
#chicken img {	
	float: right;
	margin-right:20px;
}

#chicken p {
	float:left;
	width:300px;
	margin-left:0px;
}

#bird img {
	padding-left: 20px;
}

#bird img{
	float:right;
	margin: 0 25px 0 20px;
}

#hawk img{
	float:right;
	margin: 0 25px 0 20px;
}

#rooster img{
	float: right;
	margin-right:30px;
}

#rooster h5{
	margin-top:0px;
}

#rooster p {
	width:300px;
	margin-top:0px;
}

#foodspots{
	width:320px;
	float:right;
}

#crow img{
	margin: 0 25px 0 25px;
}

#crow h2{
	color:#fff;
	margin:25px;
}


#pigeon {
	text-align:center;
}

#pigeon p {
	margin: 20px auto auto auto;
	text-align:center;
}