@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
header, footer, section, nav, article, aside {
    display: block;
}
html, body {
	height: 100%;
	margin-top: 0;
	/*margin: 0;
	padding: 0;*/
	}
body {
	font-family: "Droid Sans", Verdana, Geneva, sans-serif;
	font-size: 90%;
	background-color: #abc123;
	}
#wrapper {
	margin-top: 0;
	margin-bottom: 0;
	width: 960px;
	min-height: 100%;
	/*height: 100%;*/
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	background-image: url(images/wrapper_border.png); 
	background-repeat: repeat-y;
	padding: 0 10px;
	position: relative;
	}
#container {
	overflow: auto;
	padding-bottom: 60px; /* must be same height as the footer */
	}  
header {
	font-size: 250%;
	height: 80px;
	padding-top: 15px;
	}
#topnav {
	font-size: 100%;
	position: absolute;
	top: 65px;
	right: 15px;
	}
#topnav a {
	color: #127cdf;
	}
#topnav a:hover {
	color: #df9112;
	text-decoration: none;
	}
#nav {
	margin: 0;
	background-color: #000;
	}
#nav ul {
	margin: 0;
	padding-left: 0;
	padding-top: 5px;
	height: 27px;
	border-bottom: solid 2px #127cdf;
	}	
#nav ul li {
	list-style-type: none;
	float: left;
	}	
#nav a {
	color: #fff;
	text-decoration: none;
	padding: 5px 30px 9px 30px;
	border-right: solid 1px #ccc;
	background-color: #000;
	}	
#nav a:hover {
	background-color: #abc123;
	color: #fff;
	border-bottom: solid 2px #064f92;
	}	
#nav ul li #current {
	background-color: #df9112;
	color: #fff;
	border-bottom: solid 2px #127cdf;
	}
#horzphoto, #pgbanner {
	margin-top: 20px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}
#pgbanner {
	background-color: #667;
	height: 100px;
	background-image: url(images/laptop_desat.jpg);
	}
#pgbanner h1 {
	/*font-size: 170%;*/
	font-size: 60%;
	color: #fff;
	padding-left: 5px;
	font-weight: normal;
	margin-top: 1px;
	margin-bottom: 3px;
	text-shadow: 2px 2px 2px #000;
	}
#pgbanner p {
	/*font-size: 90%;*/
	font-size: 40%;
	color: #fff;
	padding-left: 5px;
	margin-top: 0;
	text-shadow: 2px 2px 2px #000;
	}
aside {
	width: 215px;
	margin-top: 10px;
	margin-bottom: 50px;
	/*border-right: 1px solid #000;*/
	float: left;
	font-size: 80%;
	padding-right: 10px;
	/*padding-bottom: 80px;*/
	}
.group {
	clear: both;
	}
.rule {
	border-bottom: solid 1px #ccc;
	padding-bottom: 3px;
	clear: left;
	}
aside h2 {
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 125%;
	clear: both;
	color: #fff;
	background-color: #df9112;
	padding-left: 2px;
	text-shadow: 1px 1px 0px #000;
	}
aside p {
	margin-top: 0;
	}
aside p img {
	margin-top: 2px;
	margin-bottom: 8px;
	}
aside ul, aside ul li {
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 3px;
	}
aside ul { 
	/*color: #abc123; */
	/*text-indent: -2px;*/ 
	text-align: left;
	padding-left: 18px;
	list-style-type: square;
	}
/*#sidebar ul li:first-line {
	color: #000;
	}*/
aside a {
	color: #064f92;
	text-decoration: none;
	}
aside a:hover {
	color: #df9112;
	text-decoration: none;
	}
.group cite {
	/*font-weight: bold;*/
	}
.group p {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.5;
	}
#content {
	width: 720px;
	margin-left: 240px;
	margin-top: 10px;
	/*margin-bottom: 50px;*/
	/*padding-bottom: 80px;*/
	}
#content h2 {
	font-weight: normal;
	color: #127cdf;
	}
#content p {
	line-height: 1.5;
	}
#content .box {
	background-color: #fff;
	border: 1px solid #000;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	margin-bottom: 20px;
	}
#content .box h2 {
	margin-top: 0;
	margin-bottom: 0;
	background-color: #127cdf;
	border-bottom: 1px solid #000;
	font-size: 120%;
	margin-left: 0;
	padding-top: 5px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	color: #fff;
	height: 25px;
	text-shadow: 1px 1px 0px #000;
	}
#content .box h3 {
	margin-top: 0;
	margin-bottom: 0;
	padding: 2px 5px;
	border-bottom: 1px solid #000;
	font-size: 100%;
	color: #064f92;
	}
#content .box p {
	margin-top: 5px;
	font-size: 90%;
	}
#content .box h2, #content .box h3, #content .box h4, #content .box p, #content .box ul li {
	padding-left: 5px;
	padding-right: 5px;
	}
#content .box h4 {
	margin-top: 5px;
	margin-bottom: 0;
	padding-left: 15px;
	font-size: 90%;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	}
#content .box ul { 
	text-align: left;
	list-style-type: square;
	}
#content .box ul li {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 90%;
	line-height: 1.5;
	}
#content .box a:link {
	color: #064f92;
	text-decoration: none;
	}
#content .box a:visited {
	color: #667;
	text-decoration: none;
	}
#content .box a:hover {
	color: #df9112;
	text-decoration: underline;
	}
.classes {
	width: 215px;
	height: 255px;
	float: left;
	padding: 0 9px 9px 9px;
	border: 1px solid #000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	margin-right: 6px;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	}
.classes h1 {
	font-size: 120%;
	margin-top: 45px;
	margin-bottom: 5px;
	}
.classes p {
	margin-top: 0;
	line-height: 1.4;
	font-size: 90%;
	}
.more {
	float: right;
	font-size: 80%;
	margin-top: 0;
	}
.classes a {
	color: #064f92;
	text-decoration: none;
	}
.classes a:hover {
	color: #667;
	}
.eng373 {
	background-image: url(images/eng373_header.png);
	background-repeat: no-repeat;
	}
.eng473 {
	background-image: url(images/eng473_header.png);
	background-repeat: no-repeat;
	}
.eng573 {
	background-image: url(images/eng573_header.png);
	background-repeat: no-repeat;
	}
.eng773 {
	background-image: url(images/eng773_header.png);
	background-repeat: no-repeat;
	margin-right: 0;
	}
/*#footer {
	clear: both;
	margin-top: 50px;
	/*position: absolute;
	bottom:0;
	left: 6px;*/
	/*width: 960px;
	height: 60px;
	background-color:#667;
	color: #fff;
	}*/
footer {
	position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	width: 960px;
	clear: both;
	background-color:#667;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	}
footer a {
	color: #fff;
	}
footer a:hover {
	text-decoration: none;
	}
footer p:first-child {
	padding-top: 5px;
	}
footer p {
	margin: 0;
	line-height: 1.4;
	padding-left: 5px;
	padding-right: 5px;
	}
.blue {
	color: #127cdf;
	}
.green {
	color: #abc123;
	}
.orange {
	color: #df9112;
	}
.left {
	clear: both;
	float: left;
	margin-right: 5px;
	}
.right {
	clear: both;
	float: right;
	margin-left: 5px;
}

.smcaps {
	font-variant: small-caps;
	}
a img {
	border: none;
	}
.ui {
	font-weight: bold;
	}