html {
	min-height: 100%;
	height: auto;

}



body {
	margin: 0 auto;
	padding: 0;
	background-color: #000;	
	background-image: url(images/Distracted.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: fixed;
		
}


/* adjust the features of your links here */

a   {
	
	color: Fuchsia;			/* link text color */
 	font-family: arial, helvetica;
	font-size: 20px;
	text-decoration: none; 		/* text-decoration can be changed to underline if desired */
	/* padding-left: 18px; */		/* add spacing between consecutive links */ 
	font-weight: bold;		/* font-weight can be bold or normal */
	
}



/* In the section below, adjust the features of your links when they are hovered over */
/* this section will only overwrite the a codes from above. */
/* if you do not specify a change, then the a codes defined above will still apply */

a:hover {color: white}


.menubar   {
	height: 60px;
	background-image: url(images/pipe60.jpg);
	background-repeat: repeat-x;
	padding-left: 30px;
	padding-top: 6px;
	padding-bottom: 0px;
	
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000
}

.content   {

	padding: 30px;
	color: white;					/* content font color */
	font-family: tahoma, verdana, arial, helvetica;		/* put the preferred display fonts in order; browser will progress thru list until it finds one it knows */
	font-size: 20px;
	font-style: none;	/* can be italic or none */
	font-weight: bold;	/* can be bold or normal */
	margin-top: 60px;	/* space away from the top of window */
	margin-left: 60px;	/* space away from the left of window */
	width: 480px;		/* constricts width of the content text */
	
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000


}