/*	This file created by Olivia Gruber for Metro Comm College Networking Department 
	Last Modified 22-6-06 by Laurie Olberding  */
	
body {
	position: relative;
	margin: 0;
	padding: 0;
	background-color: #000000;
}

/*  This div places the M Logo above the button menu  */
div#logo {position: absolute; top: 10px; left: 50px; z-index: 50; width: 67; height: 26;}

/*  This div places the button menu on the left side.
    The a & a:hover properties refer to the buttons, and their behavior upon a hover.
	The a span & a:hover span refer to the properties of the text next to each button (in the code)
	This text is usually not displayed at all; but if the button has a 'hover', the text is absolutely
	placed on the screen beneath the buttons.  IF MORE BUTTONS ARE ADDED, THIS ABSOLUTE POSITION MUST
	BE MODIFIED top: 81px;  */
div#links {position: absolute; top: 75px; left: 0; width: 178px; height: 400px; font: 14px Verdana, sans-serif; z-index: 100;}
div#links a {
	display: block;
	text-align: center;
	font: bold 1em sans-serif;
	padding: 5px 10px;
	margin: 0 0 1px;
	border-width: 0;
	text-decoration: none;
	color: #000000;
	background: #DCDEE7;
	border-right: 5px solid #cccccc;
}
div#links a:hover {color: #ccccff; background: #657DA3;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 260px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #ccccff; background: #000000;
   font: 10px Verdana, sans-serif; text-align: center;}

/*  This div places the main content on the screen in a box and sets the colors, fonts, etc.  */
div#content {
	position: absolute;
	top: 35px;
	left: 173px;
	right: 25px;
	color: #ccccff;
	font: 13px Verdana, sans-serif;
	padding: 10px 10px 10px 10px;
	border: solid 5px #cccccc;
	background-color: #657DA3;
	font-size: 10pt;
	width: 80%;
	/*height: 600px;*/
}
div#content p {margin: 0 1em 1em;}
div#content h1 {
	margin-bottom: 20px;
	color: #000000;
	text-align: left;
	letter-spacing: 0.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
}
div#content h2 {margin-top: -5px;}
div#content h3 {position: relative; margin: 10px; text-align: left;}
div#content h4 {margin: 1.5em 1em -1em 1em;
				color:#000000;
				}

/*  This div places a sig (signature, etc) underneath the hover text from buttons.  */
div#sig {position: absolute; top: 550px; left: 5px; font: 11px Verdana, sans-serif; z-index: 100; color: #ccccff; letter-spacing: 0.2em; text-align: left; width: 166px;}
div#sig a {text-decoration: none;}
div#sig a:link {color: #657DA3;}
div#sig a:visited {color: #657DA3;}
div#sig a:link:hover {
	color: #ccccff;
	text-decoration: underline;
}
div#sig a:visited:hover {
	color: #ccccff;
	text-decoration: underline;
}

/*  This div is not currently used  */
div#schedule {position: relative; margin: 15px; text-align: left; width: 100%;}

/*  This sets the properties for a table inside the content element  */
div#content table {table-layout: auto;  margin: 15px 2px 15px; border-spacing: 10px;
   border: 0px solid #ccccff;}
div#content tr, td {
	color: #000000;
	font: 16px Verdana, sans-serif;
	margin: 25px 15px 25px;
	padding: 5px;
	border: 0px solid #ccccff;
	font-size: 10pt;
	background-position: top;
}
   
/*  On the 'jamie' table (resources) a fixed layout was needed rather than auto like all other tables */
div#content table.jamie {table-layout: fixed; width: 100%; margin: 25px 2px 25px; border-spacing: 10px;
   border: 0px;}
div#content td.jamie {width: 33%;}

/*  week centers text and modifies the margins  */
.week {text-align: center; margin-bottom: 35px;}

/*  light changes the background to a lighter color for emphasis  */
.light {background: #333399;}

/*  These change the colors of links inside the content section of the page  */
div#content a {text-decoration: underline;}
div#content a:link {
	color: #000000;
	text-decoration: underline;
}
div#content a:visited {
	color: #000000;
	text-decoration: underline;
}
div#content a:link:hover {
	color: #221E1C;
	text-decoration: underline;
}
div#content a:visited:hover {
	color: #221E1C;
	text-decoration: underline;
}

div#NN4 {display: none;}

div#content  tr.even td {
	background-color: #ccccff;
	color: #000000;
    }
div#content  tr.even th {
	background-color: #ccccff;
	color: #000000;
    }
div#content  tr.odd  td {
      background-color: #657DA3; }
.course {
	color: #cccccc;
}
#content .box {
	border: thin solid #CCCCFF;
	padding: 4px;
}