body {
	background: blue url(pattern.png);
	}

header h1 {
	font: arial;
	color: blue;
	text-shadow: .5em .15em .1em orange;
	}
header h2 {
	font: arial;
	color: blue;
	text-shadow: .5em .15em .1em orange;
	}
	
header h3 {
		font: arial;
		color: blue;
		text-shadow: .5em .15em .1em orange;
		}
	

nav, nav ul, nav li{
	margin:0;
	padding:5;

}
nav ul{
	list-style:none;
	float:left;
	width:100%;
}
nav ul li{
	float:left;
	position:relative;
}
nav ul a{
	display:block;
	padding:6px 32px;
	color:#0066FF;
	background:#FF9900;
	text-decoration:none;
	border-bottom: 1px solid black;
}
nav ul ul{
	background:#fff; 
	position:absolute;
	left:-9999px; 
	z-index: 1;
}
nav ul ul {
	margin: 0;
	padding: 0;
}
nav ul ul li{
	float:none;
}
nav ul li:hover ul{ 
	left:0; 
}
nav ul li:hover a{ 
	background:#FF9900;
}
nav ul li:hover ul li a:hover{ 
	color:#0066FF;
	background:#FF9900;
}

div#page {
	width: 900px;
	border: 5px solid orange;
	box-shadow: 5px 5px 1px black;
	margin: 10px;
	padding: 5px;
	background-color: #00FF99;
	
	}
	
div#courses_subject {
	float: left;
	width: 200px;
	border: 2px solid black;
	padding: 70px;
}

div#courses_semester {
	float: right;
	width: 200px;
	border: 2px solid black;
	padding: 70px;
}

#page footer {
	clear: both;
	margin: 10px;
}
#contact_info, #footer {
	clear: both;
}
	
div.photo {
	float: right;
	background-color: orange;
	border: 20px;
	padding: 20px;
	box-shadow: 10px 10px 10px blue;
	text-align: center;
	border-image: url(bacon.png) 25 25 stretch;