/*
this layout is adapted from the following CSS tutorial:
http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
adaptation by: Steve Robinson - stever@atmos.washington.edu
*/

/* margin or padding elements with 4 dimensions correspond to top, right, bottom, left */

body, html {
margin: 0;
padding: 0;
background: #566D85;
color: black;
font-family: Arial, Helvetica, sans-serif;
}

#nav a {
text-decoration: none;
color: #443366;
font-weight: bold;
}

#nav a:hover {
text-decoration: none;
color: white;
font-weight: bold;
}

#footer a {
text-decoration: none;
color: #F2EBD0;
font-weight: bold;
}

a {
text-decoration: none;
color: #3886D4;
}

a:hover {
text-decoration: none;
color: green;
}

h1 {
font-size: 200%;
}

h2 {
font-size: 140%;
}

h3 {
font-size: 150%;
}

h4 {
font-size: 120%;
}

h5 {
font-size: 100%;
}

h1, h2 {
padding: 0.1em;
margin: 0;
text-align: center;
color: #F2EBD0;
}

h3 {
margin: 0 0 1em 0;
padding: 0;
}

h4 {
margin: 1.2em 0 0 0;
padding: 0;
}

h5 {
margin: 0;
padding: 0;
}

p {
margin: 0 0 1em 0;
padding: 0;
/*text-align: justify;*/
} /* had to turn off justify otherwise whenever the italicized text on the syllabus page spanned more than one line, it moved the nav in IE */

p.spacer {
margin: 0 0 15em 0;
padding: 0;
}

.banner {
text-align: center;
margin-bottom: 1.2em;
padding: 0;
}

.change {
color: yellow;
}

.alert {
color: red;
font-weight: bold;
}

.leftspace {
margin-left: 3em;
}

th {
text-align: left;
}

th, td {
margin: 0;
padding: 0 0.8em 1em 0;
}

#clue th, #clue td {
margin: 0;
padding: 0 0 2.8em 0;
}

#wrap {
margin: 0 auto;
width: 55em;
background: #A5B2C2;
border: solid 1px black;
}

#header {
background: #2D4359;
border-bottom: solid 1px black;
}

#main {
background: #ffffff;
float: right;
width: 44em;
}

#main-inside {
margin: 0;
padding: 0.8em;
border-left: solid 1px black;
}

#nav {
background: #A5B2C2;
float: left;
}

#nav ul {
margin: 1em;
padding: 0;
list-style: none;
}

#nav li {
margin: 1em 0;
padding: 0;
}

#footer {
background: #2D4359;
clear: both;
border-top: solid 1px black;
}

#footer p {
padding: 0.3em;
margin: 0;
}