body {background-color: black; overflow-x: hidden}
p    {margin-top: 10px;; margin-bottom: 10px;}


.border {
  align: center;

	border: 1px solid darkcyan;
	margin: 0 auto;

  padding-top: 10px;
	padding-bottom: 10px;

	max-width: 878px;
	min-width: 684px;

  width:expression
	(
    (document.documentElement.offsetWidth) > 924 *		
		(parseInt(document.body.currentStyle.fontSize) / parseInt(document.body.currentStyle.fontSize)) ? "878px" : 
		((document.documentElement.offsetWidth) < 730? "684px" : "auto")
	);
}

.main {
	align:       center;
	border:      3px solid lightblue;
	margin:      0 auto;
	padding:     20px;
  width:       621px;
  font-family: arial;
	font-weight: bold;
	font-size:   small;
	color:       white;
}

.note {
	margin:      25px;
	color:       white;
	font-family: arial;
	font-weight: bold;
	font-size:   small;
}

.resume {
  padding:          10px;
	background-image: url(squares_i.jpg);
	color:            black;
	font-family:      courier;
	font-weight:      normal;
}

h3 {font-family: times; margin: 0px;}

.contact {
  font-family: times;
  font-weight: bold;
  line-height: .93em;
}

.contact a {text-decoration: underline; color:black;