/* ======================= global resets ======================= */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table 					{ border-collapse:collapse; border-spacing:0 }
fieldset, img 			{ border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th	 			{ text-align:left }
q:before, q:after 		{ content:''}
a img 					{ border:none } /* Gets rid of IE's blue borders */
input[type="submit"]	{ cursor:pointer; -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ }
input[type="submit"]::-moz-focus-inner { border:0; } /* helps with input and submit sizing */
/* html5 reset */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio,
canvas,
video 					{ display:inline-block; }
audio:not([controls]) 	{ display:none; }
@-ms-viewport			{ width:device-width; }
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
html, body			{ height:100%; }
:link img 			{ border:none; }
a 					{ outline:none; }
.hidden 			{ display:none; }
br.clear 			{ clear:both; display:block; height:1px; margin:-1px 0 0 0 }
.clearfix:after 				{ visibility:hidden; display:block; font-size:0; content:" "; clear:both;  height:0; }
* html .clearfix             	{ zoom:1; } /* IE6 */
*:first-child+html .clearfix 	{ zoom:1; } /* IE7 */
/* responsive */
img, object, embed 	{ max-width:100%; height:auto; }
object, embed		{ height:100%; }
img				 	{ -ms-interpolation-mode: bicubic; }

em {
	font-style:italic;
}

body {
	margin:0;
	padding:0;
	font-family:'Open Sans', sans-serif;
	font-size:16px;
	color:#555;
	font-weight:normal; 
	text-align:left;
	background:url(images/main-2.jpg) no-repeat center center fixed;
	-webkit-background-size:cover; 
	-moz-background-size: cover; 
	-o-background-size:cover; 
	background-size:cover;
}

#topbar {
	height:39px;
	overflow:hidden;
	color:#fff;
	background:#8b6f88;
}

#topbar .inner {
	width:100%;
	max-width:1300px;
	margin:0 auto;
}

#topbar h1#logo {
	width:300px;
	float:left;
	padding:5px 0 0 0;
}

#topbar h1#logo img {
	display:block;
}

#topbar ul {
	margin:0;
	padding:0;
	text-align:right;
}

#topbar ul li {
	margin:0 0 0 10px;
	padding:8px 0 0 0;
	list-style:none;
	display:inline-block;
}

#topbar ul li a {
	color:#fff;
	text-decoration:none;
	font-size:13px;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
}

#page-wrap {
	width:1200px;
	margin:0 auto;
}

.heading p {
	width:800px;
	font-size:14px;
	text-align:center;
	margin:0 auto;
}

.heading p.deck {
	padding:0 0 8px 0;
	font-size:18px;
	font-style:italic;
	font-family:Georgia, Times, 'Times New Roman', serif;
	border-bottom:1px solid #555;
}

.heading p.instructions {
	font-size:14px;
	padding:5px 0 10px 0;
	font-weight:700;
}

h2 {
	color:#555;
	font-size:20px;
	margin:0 50px;
	padding:10px 0 4px 0;
	/*border-bottom:1px solid #555;*/
	text-transform:uppercase;
	font-family:Georgia, Times, 'Times New Roman', serif;
	letter-spacing:2px;
	line-height:1;
	font-weight:300;
	text-align:center;
}

/* the collective graph area */

#cop-wrap {
	width:1024px;
	height:768px;
	margin:0 auto;
	padding:0;
}

#cop-wrap ul {
	margin:0;
	padding:0;
	list-style:none;
}

#cop-wrap ul li {
	margin:0;
	padding:0;
}

#cop-wrap a {
	text-decoration:none;
}

#graph-wrap {
	position:relative;
	width:920px;
	height:630px;
	margin:0 auto;
	padding:0;
	/*border:1px dashed #999;*/
	overflow:hidden;
}

p.article-link {
	text-align:center;
	margin:20px 0;
	font-size:16px;
	font-family:Georgia, Times, 'Times New Roman', serif;
}

p.article-link a {
	color:#378caa;
}

/* Faculty lists on left and right side */

.faculty-list {
	width:160px;
	position:absolute;
}

.faculty-list.left {
	left:0;
}

.faculty-list.right {
	left:765px;
}

.faculty-list ul li a {
	display:block;
	width:155px;
	margin:0 0 19.25px 0;
	padding:0;
	height:24px;
	line-height:24px;
	font-size:14px;
	color:#fff;
	text-align:center;
	background:#58595b;
}

/* course list */

.course-list {
	width:300px;
	position:absolute;
	left:310px;
}

.course-list ul li a {
	display:block;
	margin:0 0 10px 0;
	padding:0;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#fff;
	text-align:center;
	background:#333;
}

.course-list ul li a.coral {
	background:#c05438;
}

.course-list ul li a.green {
	background:#498c6a;
}

.course-list ul li a.blue {
	background:#378caa;
}

.course-list ul li a.orange {
	background:#d07d17;
}

.course-list ul li a.gold {
	background:#b59603;
}

.course-list ul li a.purple {
	background:#886b9f;
}

.course-list ul li a.army {
	background:#879929;
}

.course-list ul li a.gray {
	background:#636466;
}