/* defaults for entire HTML body */
body {
	background-color:#fff ;
	color:#000;
}

/* These three form the banner at the top of the page */
#banner {
	background-color:#3eb677;
	color:#000;
}

/* coursecode in large letters */
h1.coursecode {
	background-color:#3eb677;
	color:#000;
	font-size:300%;
	margin-bottom:0px;
	padding:0px;
	padding-bottom:0px;
}

/* coursetitle as a subtitle to the coursecode*/
#coursetitle {
	font-variant:small-caps;
	font-size:80%;
	margin-bottom:0px;
}
/* end of the banner div */

/* page is the remainder of the page, after banner */
#page {
	background-color:#bedfc4;
	color:#000;

}

#navbar {
	background-color:#bedfc4;
	color:#000;
	position:absolute;
	left:8px;
/*	overflow:auto; */
}

#navbar li {
	background-color:#bedfc4;
	color:#000;
	margin:0.5ex;
	list-style-type:none;	
	position:relative;
	left:-10px;
}

#navbar a:link {
	background-color:#bedfc4;
	color:#004b18;
	margin:0.5ex;
	font-family:sans-serif;
	text-decoration:none;
}

#navbar a:visited {
	background-color:#bedfc4;
	color:#004b18;
	margin:0.5ex;
	font-family:sans-serif;
	text-decoration:none;
}

#navbar a:hover {
	background-color:#89ca9d;
	color:#000;
	margin:0.5ex;
	font-family:sans-serif;
	text-decoration:none;
}

/* same as hover, add dotted box */
#navbar a:active {
	background-color:#89ca9d;
	color:#000;
	margin:0.5ex;
	font-family:sans-serif;
	text-decoration:none;
	border-style:dotted;
}

/* do not highlight colour for the img inside the p */
#navbar p a:hover {
	background-color:#bedfc4;
	color:#004b18;
	margin:0.5ex;
	font-family:sans-serif;
	text-decoration:none;
}

/* same as hover inside p */
#navbar p a:active {
	background-color:#bedfc4;
	color:#004b18;
	margin:0.5ex;
	font-family:sans-serif;
	text-decoration:none;
}

/* main is the right portion of the page */
#page #main {
	background-color:#fff;
	color:#000;
	position:absolute;
	left:200px;

/*	left:30%; */
}

#navbar img {
		border-style:none;
		position:relative;
		left:15px;
}

#main li {
	margin:0.5ex;
}

#main ol ol li {
	list-style-type:lower-alpha;
}

/* Used to break up long lists */
li.heading{ font-weight:bold;
    font-size:125%;
    list-style-type:none;
    position:relative;
    left:-1em;
	padding-top:1ex;
}

code {
	font-weight:bold;
}

/* Important notices and fresh news go hot red or something */
.important {
	background-color:#ffcace;
	color:#000;
}

a.clean:link {
	color:blue;
	background-color:white;
	text-decoration: none;
}

a.clean:visited {
	color:purple;
	background-color:white;
	text-decoration: none;
}

a.clean:hover {
	background-color:#8dcff4;
	color:black;
	text-decoration: none;
}

table {
	border-style:solid;
	border-width:thin
}

td {
	padding:5px;
	border-style:solid;
	border-width:thin
}

th {
	border-style:solid;
	border-width:medium;
}

/* For the scheduling table */

table.schedule {
	color:#000000;
	background-color:#92dab4;
	border-spacing:0px;
	padding:0px;
}

table.schedule td {
	border-spacing:0px;
	padding:2px;
}

td.open {
	color:#000000;
	background-color:#92dab4;
}

td.taken {
	color:#000000;
	background-color:#fbcd88;
}