body {
font-family: Georgia, Tahoma, Times, sans-serif;
font-size: small;
margin: 0;
padding: 0;
background-color: #FFFFFF; /*white*/
color: #000000; /*black*/
}


#everything {
width: 750px; /*when checked in resolution 800x600 it takes up the full screen, 
try to find out if there is a way to make it wider in higher resolutions, it looks really small on a high resolution screen*/
margin: auto; /*makes it centered on the page*/
}


#pictures {
list-style-type: none;
margin: 0;
padding: 0;
}

#pictures li {
float: left;
margin-right: 5px; /*adds a bit of space to the right of each picture*/
margin-bottom: 10px;
margin-top: 12px;
padding: 0;
}


#masthead {
background-color: #FFFFFF; /*white*/
color: #990000; /*dark faded red*/
text-align: center;
clear: both;/*no floating elements allowed on either the left or the right side*/
border-top: 1px solid #990000; /*dark faded red*/
border-bottom: 1px solid #990000; /*dark faded red*/
margin-bottom: 15px;
margin-top: 0;
}

#masthead h2 {
margin: 10px 0 10px 0;
}



#navigation {
float: left;
width: 25%;
margin: 0;
padding: 0;
font-size: x-small;
font-family: "MS Trebuchet", verdana, geneva, arial, helvetica, sans-serif;	
}

#navigation ul {
list-style-position: inside;
background-color: #FFFFFF; /*white*/
color: #990000; /*dark faded red*/
margin: 0;
padding: 0;
}

#navigation ul li {
margin: 0;
padding: 0 0 1em 1.5em;
text-indent: -1.5em; /*moves first line of paragraph to the left, for lines that wrap the second line starts more or less underneath the beginning first line*/
}

#navigation ul li li {
margin: 0;
padding: 0.5em 0 0 1.5em;
text-indent: -1.5em;
}

#navigation a:link {
color: #990000; /*dark faded red*/ background-color: #FFFFFF; /*white*/
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0;
}

#navigation a:visited {
color: #CC6666; /*light dull red*/ background-color: #FFFFFF; /*white*/
font-weight: bold;
text-decoration: none;
}

#navigation a:hover {
text-decoration: underline;
color: #990000; /*dark faded red*/ background-color: #FFFFFF; /*white*/
}

#navigation ul li a#current {
text-decoration: underline;
color: #990000; /*dark faded red*/ background-color: #FFFFFF; /*white*/
}


#mainbody {
padding: 0 0 0 1em;
margin-top: 0%; margin-right: 0%; margin-bottom: 0%; margin-left: 26%;
/*weird as it looks, the zeros have to have a percentage number, otherwise W3C gives me warnings in the CSS validator*/
border-left: 1px solid #990000; /*dark faded red*/
}

#mainbody p {
margin-top: 0; /*this fixes an extra space above the #mainbody p in IE*/
margin-bottom: 0.8em;
padding: 0;
}

.title, cite {
	font-style: italic;
	color: #300;
}
.deadline {
color: #FF3300; /* http://www.visibone.com/colorlab/ red red orange*/ background-color: #FFFFFF; /*white*/
font-weight: bold;
text-decoration: none;
}

#mainbody a:link {
color: #993333; /*dark dull red*/ background-color: #FFFFFF; /*white*/
font-weight: bold;
text-decoration: none;
}

#mainbody a:visited {
color: #CC6666; /*light dull red*/ background-color: #FFFFFF; /*white*/
font-weight: bold;
text-decoration: none;
}

#mainbody a:hover {
text-decoration: underline;
color: #993333; /*dark dull red*/ background-color: #FFFFFF; /*white*/
}

#mainbody a:active {
	text-decoration: underline;
	color: #C33; /*dark dull red*/
	background-color: #FFFFFF; /*white*/
}

#mainbody h1 {
color: #990000; /*dark faded red*/ background-color: #FFFFFF; /*white*/
font-weight: bold; font-size: 120%;
text-decoration: none;
border-bottom: 1px solid #660000; /*obscure dull red*/
padding-bottom: 1px;
margin-bottom: 0.8em;
}

#mainbody h1.noline,
#mainbody h2.noline {
color: #990000; /*dark faded red*/ background-color: #FFFFFF; /*white*/
font-weight: bold; font-size: 120%;
text-decoration: none;
border: none;
}

#mainbody h2 {
	color: #990000; /*dark faded red*/
	background-color: #FFFFFF; /*white*/
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #990000; /*dark faded red*/
	padding-bottom: 1px;
	margin-bottom: 0.8em;
	font-size: 100%;
}
#mainbody h3 {
	color: #300; /*dark faded red*/
	background-color: #FFFFFF; /*white*/
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
	border: none;
	padding-bottom: 1px;
	margin-bottom: 0.5em;
}




#mainbody ul { list-style: url(none) none inside; 
}

#mainbody ul li {
margin: 0;
padding: 0 0 .5em 0;
}

table {
border-collapse: collapse;
margin: 0 0 1em 0;
}

th {
text-align: left;
}


#footer {
width: 100%;
text-align: center;
clear: both;
border-top: 1px solid #990000; /*dark faded red*/ 
padding-top: 1em;
margin-bottom: 15px;
font-family: "MS Trebuchet", verdana, geneva, arial, helvetica, sans-serif;	
font-size: x-small;
}

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

span#designcredit {
color: #999999; /*grey*/ background-color: #FFFFFF; /*white*/
}

#footer img {
padding: 0;
margin: 0 0 8px 0;
}

#footer a {
color: #990000; /*dark faded red*/ background-color: #FFFFFF; /*white*/
font-weight: bold;
text-decoration: none;
}

#footer a:visited {
color: #CC6666; /*light dull red*/ background-color: #FFFFFF; /*white*/
font-weight: bold;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
color: #990000; /*dark faded red*/ background-color: #FFFFFF; /*white*/
}


/*this on the other hand fixes an extra space above the #footer p in Mozilla Firefox*/