body {background-color:black; color:white;}

#main_outer{text-align:center;}
/*should act to center the #main block in IE5*/

#main { background-color: blue; text-align: center; font-family:"arial",sans-serif;  border: 3px white solid; width: 60%; padding: 10px; margin-left: auto; margin-right:auto;}

.main { background-color: blue; text-align: center; font-family:"arial",sans-serif;  border: 3px white solid; width: 60%; padding: 10px; margin-left: auto; margin-right:auto;}


#resume_main { background-color: blue; text-align: left; font-size: 80%;  font-family:"arial",sans-serif;  border: 3px white solid; width: 60%; padding: 10px; margin-left: auto; margin-right:auto;}

/* Both of these, for some reason, are used rather than overloading a h* tag */
#presents {font-size:smaller; font-style:italic;}

#name {font-size:x-large; font-weight:bold;}


a {font-size:larger; line-height: 1.25em;}
a:link {color: white; text-decoration: underline;  }
a:visited { color: silver; text-decoration: underline;}
a:hover {color: blue; text-decoration: none; background-color:white; }
a:active {color: red; }

a.small_link {font-size:smaller; /*cursor:crosshair;*/}

/*colophon page additions*/
/*
#header { background-color: blue; text-align: center; font-family:"arial",sans-serif;  border: 3px white solid; width: 60%; padding: 10px; margin-left: auto; margin-right:auto;}
*/
#def_wrap { background-color: blue; text-align: left; font-family:"arial",sans-serif;  border: 3px white solid; width: 60%; padding: 10px; margin-left: auto; margin-right:auto;}

/* NOTE:  Next, we need to be able to move all the .main block together (eg, {Resume} and {colophon} */