a:link {color: black; text-decoration: underline;}
a:visited {color: black; text-decoration: underline;}
a:hover {color: black; text-decoration: underline;}
a:active {color: blue; text-decoration: underline;}

body {
	font-size: 10; 
	font-family: Verdana; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background-image: url(/images/tile.png);
}

pre {
	font-size: 10; 
	font-family: Verdana; 
}

div.header {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute; 
	left: 100px; 
	height: 250px; 
	width: 800px; 
}
div.header#projects {background-image: url(/images/head-projects.jpg);}
div.header#articles {background-image: url(/images/head-articles.jpg);}
div.header#reviews {background-image: url(/images/head-memory.jpg);}
div.header#about {background-image: url(/images/head-about.jpg);}

/* div.nav belongs in a div.header */
div.nav {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute; 
	/*height: 20px;*/
	bottom: 0px; 
	right: 10px;
}
div.nav li {
	list-style-type: none; 
	float: left; 
	width: 80px; 
	height: 20px; 
	background-image: url(/images/button.png); 	
	background-repeat: no-repeat; 
	text-align: center; 
	padding-top: 2px;	/* This is the problem, causes shift for FF, not for IE */
	padding-bottom: 0px;	/* only affects IE when height, only FF when no height */
	margin-top: 0px;	
	margin-bottom: 0px;	/* only affects IE when height, only FF when no height*/
	margin-left: 10px;
}
div.nav li {margin-top: 2px;}
div.nav li a:link {color: white; text-decoration: none;}
div.nav li a:visited {color: white; text-decoration: none;}
div.nav li a:hover {color: white; text-decoration: underline;}
div.nav li a:active {color: blue; text-decoration: underline;}

div.main {
	position: absolute;
	top: 250px;
	left: 100px;
	width: 800px;  
	padding-top: 20px; 
	background: #FFFFFF; 
	background-image: url(/images/grad.png); 	
	background-repeat: repeat-y;
}

table.main {
	margin-bottom: 50px;
}

td.menu {
	width: 200px;
	font-size: 10; 
	font-family: Verdana; 
	vertical-align: top;
	padding-left: 0px;
	margin-left: 0px;
}
td.menu ul {
	padding-top: 0px;
	padding-bottom: 10px; 
	padding-left: 0px; 
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
td.menu li {
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
}
td.menu p {
	padding-left: 10px; 
	padding-top: 3px; 
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12; 
	color: #555555; 
	font-weight: bold; 
	position: relative; 
	left: 0px; 
	height: 25px; 
	width: 165px; 
	background-image: url(/images/menubar.png); 
	background-repeat: no-repeat; 
	font-family: Tahoma;
}
td.menu a:link {color: black; text-decoration: none;}
td.menu a:visited {color: black; text-decoration: none;}
td.menu a:hover {color: black; text-decoration: underline;}
td.menu a:active {color: blue; text-decoration: underline;}

td.normal {
	font-size: 10; 
	font-family: Verdana; 
	vertical-align: top;
}

td.content { 
	width: 500px;
	font-size: 10; 
	font-family: Verdana; 
	vertical-align: top;
}
td.content h2 {	/* page title */
	position: relative; 
	left: 0px; 
	color: #666666; 
	font-family: Tahoma; 
	font-size: 18; 
	width: 250px; 
	border-bottom: 1px solid gray; 
	text-align: left;
}
td.content h3 {	/* article title */
	position: relative;
	font-size: 12;
	padding-bottom: 0px;
	margin-bottom: 10px;
	left: 35px;
	height: 15px;
	width: 300px;
}
td.content blockquote {
	border-right: 3px solid gray;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 30px;	
	background-image: url(/images/pad.png);
	background-repeat: no-repeat;
	background-position: bottom right;

}
td.content img.left {
	float: left;
	padding: 3px 3px 3px 3px;
	margin: 10px;
	border: thin solid gray;
}
td.content img.right {
	float: right;
	padding: 3px 3px 3px 3px;
	margin: 10px;
	border: thin solid gray;
}
td.content img.button {
	position: relative;
	border: 0px;
	float: right;
	right: 50px;
	
}

div.button {
	position: relative;
	width: 55px;
	float: right;
	right: 50px;
}
div.button p {
	position: relative;
	float: left;
}
div.button small {
	float: left;
	right: 50px;
	margin-top: 2px;
	margin-right: 5px;
}
div.button img {
	float: left;
	border: 0px;
}
div.footer {
	background-image: url(/images/foot.png);
	background-repeat: repeat-x;
	text-align: center;
	position: relative; 
	left: 0px;
	bottom: 0px;
	width: 800px;
	height: 20px;
	padding-top: 5px; /* so actual height of 25 */
}
div.box {
	position: relative; 
	width: 500px; 
	height: 175px;
	background-image: url(/images/box.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
div.box h4 {
	position: relative; 
	clear: both;
	top: 15; 
	color: #666666; 
	font-family: Verdana; 
	font-size: 16; 
	font-weight: bold;
}
div.box img {position: absolute; width: 100; top: 55; border: solid 1px; border-color: white;}
div.box img:hover {border-color: gray;}
div.box p {font-size: 10; font-family: Verdana; position: absolute; width: 320; right: 50; top: 50;}
div.box small {font-size: 10; font-family: Verdana; position: absolute; width: 275; right: 50; top: 140;
text-align: center;}

div.info table {
	font-family: Verdana;
	font-size: 10;
	background-color: #AAAAAA;
	float: right;
	width: 175px;
	border: solid 1px;
	border-collapse: collapse;
	/*border-spacing: 2px;*/
	background-image: url(/images/pad.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.info table td {
	border: solid 1px;
	border-color: gray;
}

div.info {
	float: right;
	width: 175px;
	margin-top: 20px;
	margin-left: 20px;
}
div.info img {
	float: right;
	position: relative;
	right: 35px;
	border: 0px;
}

div.button {
	float: right;
}

div.bottomspace {height: 50px;}

p.intro {margin-bottom: 30px;}