/**********************************
* Main Body elements
***********************************/
body
{
	font-family:Verdana, Sans-Serif;
	font-size:small;

}

h1
{
	font-family:Arial, Sans-Serif;
	font-size:175%;
	color:Blue;
	
}

h2
{
	font-family:Arial, Sans-Serif;
	font-size:150%;
	color:Maroon;
}

h4
{
	font-family:Arial. Sans-Serif;
	font-size:100%;
	color:green;
}

/*
p
{
	font-size:smaller;
}
*/

h3
{
	font-family:Arial, Sans-Serif;
	font-size:120%;
	color:black;
}

ul li 
{
	font-family:Verdana;
	font-size:90%;
}

ol li 
{
	font-family:Verdana;
	font-size:90%;
}

table
{
	border:solid;
}

table thead tr th
{
	font-size:90%;
	font-weight:bold;
	text-align:left;
	background:gray;
	border:solid;
}
table tbody tr td
{
	font-family:verdana;
    font-size:90%;
    border:solid;
}

caption
{
	color:blue;
}

dl dt
{
	font-weight:bold;
	font-size:90%;
	padding-top:5px;
}
dl dd
{
	font-size:90%;
	padding-top:5px;
}

pre
{
	font-family:Verdana;
	font-size:10px;
}

/***********************************
* anchor psuedo elements
***********************************/
a:link
{
	color:Blue;
	text-decoration:none;
}
a:hover
{
	color:Blue;
	text-decoration:underline;
}

a:visited
{
	color:purple;
	text-decoration:none;
		
}


/***************************************
* Index page divisions
****************************************/
#container
{
	margin:auto 0;
	background-color:white;
	width:700px;
	text-align:left;
}

#logo
{
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:225px;
	background-image:url("images/ilogo.jpg");
	
}

#ihead
{
	position:absolute;
	top:0px;
	left:305px;
	width:400px;
	height:225px;
	text-align:center;
	vertical-align:middle;
}

#isyllabi
{
	position:absolute;
	top:260px;
	left:0px;
	width:300px;
	padding-left:5px;
}

#imain
{
	position:absolute;
	top:260px;
	left:301px;
	width:400px;
	padding-left:10px;
	
	
}

#iresources
{
	position:absolute;
	top:260px;
	left:550px;
	width:145px;
}

/*#isyllabi p
{
	font-size:70%;
}*/
/**********************************************
*   Syllabi and assignment settings           *
***********************************************/

/* IDs for located elements */
#heading
{
	background:url("images/schoolbanner.jpg");
	position:absolute;
	top:0px;
	left:0px;
	height:64px;
	width:700px;
	
}
#heading h1
{
	position:absolute;
	top:20px;
	left:120px;
	color:Navy;
}

#nav
{
	position:absolute;
	left:0em;
	top:6em;
	width:12em;
	padding-right:5px;
	margin-left:5px;
	
	
}


#contents
{
	position:absolute;
	left:5px;
	top:6em;
	width:12em;
    	height:100%;
	padding-right:5px;
	border-right:solid;
	
	
}
#rightside
{
	position:absolute;
	top:6em;
	left:42em;
	width:15em;
	margin-left:10px;
	
	
	
}

#main
{
	position:absolute;
	top:6em;
	left:13em;
	width:25em;
	padding-left:10px;
	padding-right:10px;
	margin-left:5px;
	margin-right:5px;
	
	
	
}

/*
#main p
{
	font-size:90%;
}
*/

#lecturemain
{
	background:#FFFFFF;
	position:absolute;
	top:6em;
	left:14em;
	width:45em;
	padding-left:10px;
	padding-right:10px;
	margin-left:5px;
	
	
}

/*#back
{
	position:absolute;
	top:144px;
	left:0px;
	width:700px;
	z-index:-1;
	background-image:url("images/navback.jpg");
	
	
}*/

#labmain
{
	position:absolute;
	top:6em;
	left:5px;
	width:100%;

	
}

#labmain ul li
{
	font-size:90%;;
}

#labmain p
{
	margin-left:15px;
	
}

#nav ul li
{
	font-family:Verdana;
	font-size:90%;

}

#container
{
    width:802px;
    text-align:center;
    margin:0 auto;
    background-color:White;
    height:100%;
    
}




/* Special classes */
.code
{
	font-family:Courier New, Monospace, Sans-Serif;
	font-size:smaller;
	color:blue;
	white-space:pre;
    margin-left:10px;
    
   
	
}

.important
{
	color:Red;
}

.keyword
{
	color:Green;
	font-style:italic;
}

.inclass
{
	background:yellow;
}

.office
{
background:green;
}

.question
{
  font-weight:bold;
}

.note
{
	font-size:60%;
	font-weight:bold;
}