/* Style sheet created by: Denise Derderian */



header{
	background-color: #003366;
/*	top: -9px;	/* eliminate gap at top of page */
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 10px;
	padding-top: 5px;

/*	position: fixed;	*/
	margin-top: -9px;	/* eliminate gap at top of page */

}

#name{
	font-size: 30px;
	font-weight: bold;
	color: 	#FFF8DC;
	margin-bottom: 0px;
}

#title{
	color: #FFF8DC;
	margin-top: 0px;

}

nav{
	background-color: grey;
	width: 100%;

	font-family: "Bookman Old Style", "Times New Roman";
	font-size: 16px;
	text-align: center;
	padding: 1px;			/* padding of navigation bar around link names */

	position: -webkit-sticky;	/* for Safari */
	position: sticky;
	top: 0;

}



nav li { display:inline;
         list-style-type:none;
/*		 background-color: #a40000;   color red */
		 padding: 5px 30px;
		 width: 100%;



}

nav a{
	text-decoration:none;		/* remove underline */
	padding: 5px 30px;			/* selected or hover - 1st number padding around text 2nd number space out words*/
	color: black;
	}



nav li a:hover {
	text-decoration: none;
	background-color: #555;
	color: white;

}

/* match focus to hover - allows user to tab through navigation list */
nav li a:focus  {
			color: #FFFFFF;
			background-color:#555;
			color: white;

}

/* The current page is highlighted on the navigation section */
.active {
	text-decoration: none;
	background-color: #aaaaaa;
	color: black;
}



body {

	background-image: url("../bkGround/blue_subtle_background-seamless_web_texture.jpg");
/*	background-image: url("../images/backgroundWreathsPink.jpg"); 	*/

/*	margin-top: 200px;		/*	puts top of page below nav bar */
	margin-left: 0;			/*	extends nav bar to edge of left side of screen */
	margin-right: 0;		/*  horizontal line at bottom now extends to edge of right side */
	margin-bottom: 0;		/*	extends footer to bottom of screen	*/

/*	background-color: #d0f3ff; */	/*Lt. Blue*/
/*	background-color: #cbf9c9; */	/*Light Green*/
/*	background-color: #ffd7d3; 		pinkish*/
/*	background-color: #ffead3; */	/*cream*/

	background-color: #6e84e3;		/*another light blue*/

	font-size: 20px;
	text-align: center;

	}


#Haartz_Wrapper{
/*	background-color: purple;	*/

}

#Haartz{
	width: 50%;
	margin-left:  auto;
	margin-right:  auto;
	background-color: #0C6129;		/*green	*/
	color: white;
	text-align: left;
	border:5px solid white;
	border-radius: 50px;
	padding: 20px;

}


#Galco{
	width: 50%;
	margin-left:  auto;
	margin-right:  auto;
	background-color: #0052bd;		/*blue	*/
	color: white;
	text-align: left;
	border:5px solid white;
	border-radius: 50px;
	padding: 20px;

}

#SAP{
	width: 50%;
	margin-left:  auto;
	margin-right:  auto;
	background-color: #014185;	/*blue	*/
	color: white;
	text-align: left;
	border:5px solid white;
	border-radius: 50px;
	padding: 20px;
}
#Steel{
	width: 50%;
	margin-left:  auto;
	margin-right:  auto;
	background-color: #928D8A;	/*grey	*/
	color: black;
	text-align: left;
	border:5px solid black;
	border-radius: 50px;
	padding: 20px;
}

#Mervyns{
	width: 50%;
	margin-left:  auto;
	margin-right:  auto;
	background-color: #0669BC;	/* lt. blue */
	color: white;
	text-align: left;
	border:5px solid white;
	border-radius: 50px;
	padding: 20px;
}

#OCC{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	background-color: #036937;	/* green */
	color: white;
	text-align: left;
	border:5px solid white;
	border-radius: 50px;
	padding: 20px;


/*	border-radius: 25px; border: 2px solid #8AC007; padding: 20px; width: 200px; height: 150px;  */

}

#OU{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	background-color: #B59A57;	/*gold	*/
	color: black;
	text-align: left;
	border:5px solid black;
	border-radius: 50px;
	padding: 20px;

}



#MHS{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	background-color: #B52735;
	color: #F5F1D8;
	border:5px solid black;
	border-radius: 50px;
	padding: 20px;

}

#MHS h3{
/*	color: green;	*/


}


#FullerCenter{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	background-color: #02376d;	/* blue */
	color: white;
	border:5px solid black;
	border-radius: 50px;
	padding: 20px;

}

#Bike{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../bkGround/bike2Transparent.gif");
/*	background-color: #077802;	*/	/* green		*/
/*	background-color: #12550f;		/* darker green */
	background-color: #F3EFE0;
	border:5px solid black;
	border-radius: 50px;
	padding: 20px;

}


#BikeText{
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	background-color: #F3EFE0;

}

#SkyDive{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../bkGround/blue-sky-369360_960_720.jpg");
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

/*	background-color: #52b6e6;	 Light Blue */
	border:5px solid black;
	border-radius: 50px;
	padding: 20px;

}

#Home{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	background-color: #00628B;
	color: #E6E6DC;

/*	background-color: #9f7eda;	*/
	border:5px solid black;
	border-radius: 50px;
	padding: 20px;

}


#homework{
	width: 60%;
	margin-left: auto;
	margin-right: auto;

	background-color: #f3f3ea;

	border:5px solid black;
	border-radius: 50px;
	padding: 20px;

}
#homework h2{

	color: #af2f2f;  /* redish */
}


.requirements li{
	display: inline;
}
.require {
	/* color: green; */
	color: #af2f2f;
}



/* match padding for logo to padding for text */
.Worklogo
	{float: left;
	padding-top:20px;}

.SchoolLogo
	{float: right;
	padding-right: 20px;
	padding-top: 20px;}

.WorkRight{
		float: right;
		position:relative; right:30px;  top: 100px;
		box-shadow: 10px 10px 5px;
		z-index: -1;				/*puts pictures underneath/ behind other elements on page */

		/* IE 9 */
		-ms-transform: rotate(10deg);
		/* Safari */
		-webkit-transform: rotate(10deg);
		/* Standard syntax */
		transform: rotate(10deg);
		/* 90degrees is a right angle
		   180deg is upside down*/
		}



.WorkLeft{
		float: left;
		position:relative; left: 30px; top: 100px;
		box-shadow: -10px 10px 5px ;		/* negative puts shadow on other side	*/
		z-index: -1;

		/* IE 9 */
		-ms-transform: rotate(-10deg);
		/* Safari */
		-webkit-transform: rotate(-10deg);
		/* Standard syntax */
		transform: rotate(-10deg);
		/* 90degrees is a right angle
		   180deg is upside down*/
		}

.FunLogo{
		float: right;
}
.placeHolder{
		float: left;
}

.MHS{
	border-radius: 6px;
}

.Other{
	border-radius: 6px;
}


footer {
	text-align: center;
	font-size: 20px;
	background-color: #000000;
	color: white;
}
