body,
html{
	margin:0;
	padding:0;
}

body {
	min-width:720px; /* Prevent content from becoming unreachable in Gecko */
}
/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:220px;
}
/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap {

}
div#header {
	height:220px;
	width:720px;
	margin:0 auto;
}
/* set a left margin to compensate for IE/Win always making room for a scrollbar */

div#middlewrap {
	padding: 220px 0 0 0;
	margin-left: 16px;
	margin-bottom: 50px;
}

/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left: 0;
}
div#middle {
	width:700px;
	margin:0 auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: .9em;
}

div#sidebar {
	width:180px;
	float:left;
}

/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:50px;
}
body>div#footerwrap {
	position:fixed;
}
div#footer {
	height:50px;
	width:720px;
	margin:0 auto;
}

/* Styling rules to make this demo page look nice. */
body,
html{
	font-family:"Trebuchet MS", Georgia, Verdana, serif;
        font-size: 16px;
	color:#000;
	background:#aaa
    /* SMR: pure vandalism below */
/*
    background-image: url("http://rivoire.cs.sonoma.edu/images/kitten.jpg");
    background-repeat: repeat;
*/
}
div#header,
div#footer {
        background:#143b87;
/*	background:#333;  */
/*        background:#9900ff; */ /* SMR strikes again! */
	color: white;
}

div#footer {
    
}

div#middle,
div#sidebar {
	background: white;
}

h1,
h2 {
	padding:0;
	margin:0;
}
div#sidebar h2 {
	padding-left:5px;
}
div#footer h2 {
	text-align:center;
	padding:0;
	margin:0;
}

div #footer p {
	margin:0;
	padding:0;
	text-align:center;
	font-size: 0.8em;
}

div#footer a {
	color:#fff;
}

h1 {
	font-size:1.4em;
	text-align:center;
	padding-top:5px;
}
h2 {
	font-size:1.2em;
	padding-top:1em;
	margin-top:0;
}
p {
	margin-bottom:10px;
	margin-top: 0;
	line-height:1.4em;
}
pre {
	font-size:0.9em;
	line-height:1.4em;
}

ul {
	font-size:1.0em;
	line-height:1.4em;
}

ol {
	font-size:1.0em;
	line-height:1.6em;
}

table.courseAttr
{
    background-color: #e0e0e0; 
    margin-top: 0px auto;
    padding: 0px;
/*    border: 3px solid; */
}

div#topLinks
{
   height: 50px;
   width: 100%;
/*   background-color: #ff9900; */
/*   background-color: #ff99cc; */ /* SMR was here */
   background-color: #8db9e5;
   padding: 0px;
}

div.links ul {
   padding-top: 15px;
   width: 680px;
   margin: auto;
}

table#cInfo 
{
    margin: 4px auto 4px auto;
    width: 700px;
}

table#cInfo td.mibLeft
{
     width: 125px;
     font-weight: bold;
     font-size: .9em;
     padding-right: 4px;
     text-align: right;
}

table#cInfo td.mibRight
{
    font-size: .9em;
}

div.links li {
    font-weight: bold;
    margin-left: 20px;
    display: inline;
    text-decorating: none;
/*   background-color: #ff9900; */
/*   background-color: #ff99cc; */ /* SMR was here */
   background-color: #8db9e5;
   width: 100%;
}

ul>li, li + li {
   margin-bottom: 5px;
}

div.links a, 
div.links a:visited {
    text-decoration: none;
    color: black;
}

div.links a.selected, div.links a.selected:visited {
    color:white
}

div#topTitle
{
/*   background-color: #ff9900; */
/*   background-color: #ff99cc; */ /* SMR was here */
   background-color: #8db9e5;
    color: black;
    height: 50px;
}

div#topTitle h2 {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-size:   1.2em;
    margin-top: 0px;
    padding-top: 10px;
}

div.parTitle
{
   padding: 15px 0px 2px 0px;
   margin: 0px;
   font-size: 1.2em;
   font-weight: bold;
}

ul.ulUsual li
{
    margin-bottom: 5px;
}

table.importDates {
      cellspacing: 3px;
      cellpadding: 0px;
      border: none;
}

table.importDates td {
      width: 300px;
      text-align: left;
}

div.smallSkip {
    height: 10px;
}

div.tinySkip {
    height: 4px;
}

div.veryBigSkip {
    height: 800px;
}

table.schedule {
   border: none;
   padding: 0;
   margin: 0;
   cellspacing: 0;
}

table.schedule td {
   padding: 3px 0px;
}

table.schedule th.tdDate, table.schedule td.tdDate {
   text-align: left;
   width: 130px;
}

table.schedule th.tdDesc, table.schedule td.tdDesc {
   text-align: left;
   width: 350px;
}

table.schedule th.tdRef, table.schedule td.tdRef {
   text-align: left;
   width: 200px;
}

table.schedule tr.even {
    background-color:#ddd; 
}

div.fsIMG {
    width: 450px;
    margin: 0;
    float: right;
}

div.fsIMG p {
    text-align: center;
    font-style: italic;
    font-size: smaller;
}