@charset "UTF-8";

/*this is the heading*/ 
.coursetitle {
	font-family: Verdana, Geneva, sans-serif;
	color: #990033;
	font-size: 20px;
	font-weight: bold;
}
a.coursetitle:link, a.coursetitle:visited, a.coursetitle:active{
	font-family: Verdana, Geneva, sans-serif;
	color: #990033;
	font-size: 20px;
	font-weight: bold;
}

/* Navigation Properties http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support */
#centeredmenu {
   float:left;
   width:100%;
   background:#fff;
   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   width:170px;
   height:50px;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 0;
   padding:1px 1px;
   background:#fff;
   color:#000;
   font-family: Verdana, Geneva, sans-serif;
   font-size:18px;
   font-weight:bold;
   text-decoration:none;
   /*line-height:1.3em;*/
}
#centeredmenu ul li a:hover {
   background:#fff;
   color:#990033;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}

/* Links for the Course page */
a.course:link{
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #990033;
	display:inline;
}
a.course:visited{
	text-decoration: none;
	color: #990033;
}
a.course:hover{
	text-decoration: none;
	color: #000;
}
a.course:active{
	text-decoration: none;
	color: #990033;
}
/* Link to make lessons line up */
.lessons a:link {
	display:inline;
	width:80px;
	height:67px;
}

/* Links in General */
a:link {
	text-decoration: none;
	display:block;
	width:100%;
	height:30px;
	/*background-color:#dddddd;*/
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #000;
	text-align:center;
	font-weight:bold;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #990033
}
a:active {
	text-decoration: none;
	color: #000;
}

/* Filmstrip Icons */
#filmstripleft {
  position : absolute;
  left : 0;
  top : 100px;
  width : 50px;
  margin-left : 10px;
  margin-top : 0px;
  padding : 1px;
}

#filmstripright {
  position : absolute;
  left : 95%;
  top : 100px;
  width : 50px;
  margin-right : 10px;
  margin-top : 0px;
  padding : 1px;
}
/* Properties for Lesson icons */
#lessons {
  position : absolute;
  display: block;
  margin-left : 100px;
  top : 100px;
  width : 30%;
  padding-left : 10px;
  margin-top : 40px;
  z-index : 3;
  padding : 1px;
  font-family: Verdana, Geneva, sans-serif;
  font-size:12px;
  color: #000;
  text-align:left;
}

/* Properties for Assignment section */
#assignments {
  position : absolute;
  margin-left : 40%;
  top : 100px;
  width : 50%;
  margin-top : 40px;
}
/* Assignment buttons */
#buttonass {
	width: 86px;
	height: 71px;
	background-color:#FFFFFF;
	border:none;
	float:left;
}

#buttonread {
	width: 100px;
	height: 71px;
	background-color:#FFFFFF;
	border:none;
	float:left;
}

#buttonlect {
	width: 94px;
	height: 71px;
	background-color:#FFFFFF;
	border:none;
	float:left;
}

#buttonscreen {
	width: 131px;
	height: 71px;
	background-color:#FFFFFF;
	border:none;
	float:left;
}

#buttonclip {
	width: 100px;
	height: 71px;
	background-color:#FFFFFF;
	border:none;
	float:left;
}

#buttonweb {
	width: 54px;
	height: 71px;
	background-color:#FFFFFF;
	border:none;
	float:left;
}

/* Properties for content in sections */
#content {
	position : absolute;
	margin-left : 40%;
	top : 175px;
	width : 50%;
	height: 257px;
	border-style: dotted;
	border-width:3px;
	margin-top : 40px;
	padding: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-color:#dddddd;
}
#contentpass {
	position : absolute;
	margin-left : 40%;
	top : 100px;
	width : 50%;
	height: 370px;
	border-style: dotted;
	border-width:3px;
	margin-top : 40px;
	padding: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	background-color:#dddddd;
}
#contentprofessor {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	text-align: justify;
	padding: 10px;
}
#contentassignment {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: justify;
	padding: 10px;
	margin-top:0px;
}
#lessonheader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #990033;
	font-weight: bold;
	text-align:center;
}

#lessonheaderlarge {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #990033;
	font-weight: bold;
	text-align:center;
}

/*Slideshow - http://css-tricks.com/snippets/jquery/simple-auto-playing-slideshow/ */

#slideshow { 
	margin-left: 100px;
	margin-top : 97px;
	position: relative; 
	width: 300px; 
	height: 380px; 
	box-shadow: 0 0 20px rgba(0,0,0,0.4); 
		}
#slideshow > div { 
	position: absolute; 
	top: 10px; 
	left: 10px; 
	right: 10px; 
	bottom: 10px; 
		}
		
#slideshowsmall { 
	margin-left: 0px;
	margin-top : 0px;
	position: relative; 
	width: 169px; 
	height: 259px; 
		}
#slideshowsmall > div { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	right: 0px; 
	bottom: 0px; 
		}
		
/*Extras*/
h1 {margin:0; margin-top:.5em; margin-bottom:0;}