body {
    /* background-color:#f0eee4; */
    background-color:#ffffff;
    color: #000000;
	font-family: sans-serif, Verdana, Arial;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;	
    margin:0px;
    padding:0px;
}

/* can't find a way to make IE respect white-space:pre, so we'll have to use <pre> instead... bleh */
/* the internet suggests using a strict doctype to force IE into standards compliance mode, but that doesn't seem to work */
div.code {
    white-space: pre;
    background-color:#dfdfdf; 
    border-style: none;
    color: black;
    margin: 20px;
    padding: 10px;
    font-size: 8pt;
    font-family: monospace;
}

div.code-broken {
    /* white-space: pre; */
    background-color:#dfdfdf; 
    border-style: none;
    color: black;
    margin: 20px;
    padding: 10px;
    font-size: 8pt;
    font-family: monospace;
}

#header{
	padding-top: 20px;
    background-color:#b41b1d;
    background-image:url('images/header_bg.jpg');
    background-repeat:repeat-x;
    /*position:relative; */
    left:0px;
    /*top:0px;*/
    width:100%;
}

#title{
    color:#ffffff;
    font-size:20pt;
    padding-left:60px;
    padding-top:10px;
}

#subtitle{
    font-size:19pt;
    color:#ffffff;
}

#instructor{
    font-size:11pt;
    color:white;
    padding-left:60px;
    padding-bottom:10px;
}

#navbar{
	padding-top: 10px;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
/*    position:fixed; */
    color: #ffffff;
/*    background-color: #b31b1b; */
    background-color: #504040;
}


#navbar ul {
    list-style-type: none;
    padding: 5px;
    display: inline;
}

#navbar li {
    display: inline;
}

div.main {
    margin: 60px;
    margin-left: 60px;
    margin-top: 10px;
}

a:link {
    color:#0005c0; 
    text-decoration: none;
}

a:visited {
    color:#b31b1b; 
    text-decoration:none;
}

a:hover {
    text-decoration: underline;
}

#navbar a:hover {
    background-color:#b41b1d;
    text-decoration:none;
}

#navbar li {
    padding:5px;
}

#navbar a:link, #navbar a:visited {
  color:#ffffff;
} 


table {
    border: 0;
    margin-left: 30px;
	font-family: georgia;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;	
}

td {
    padding-right: 50px;
}

div.main p {
    width: 600px;
    margin-left: 20px;
}

div.main ul {
    width: 600px;
}

#selected {
    background-color: #b41b1d;
}

div.main ol {
    width: 600px;
    margin-left: 50px;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    text-decoration: none;
}

p.important {
    border-style: solid;
    border-color: #ff0000;
    background-color: #ffff90;
    padding: 10px;
    text-size: 8pt;
    margin-left: 20px;
}

span.score {
    background-color: #acffac;
}
span.window {
    background-color: #ffffac;
}
span.window2 {
    background-color: #ffffac;
    border-style: solid;
    border-width: thin;
}
span.match2 {
    background-color: #ff90ff;
    border-style: solid;
    border-width: thin;
}

span.dblue {
    color:#0000ff;
    margin-left: 60px;
}


span.recurs {
    background-color: #ffacac;
}



.tip {
    background-color: #e0e0ff;
    padding: 10px;
    text-size: 8pt;
}

tr.row1 {
/*    background-color: #e0e0e0; */
}

tr.row2 {
}