/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */

html,body {margin:0;padding:0}

body {
	font:             normal 14px arial,verdana,helvetica,sans-serif; 
	color:            #000000; 
	margin:           0px 0px; 
	padding:          0px;
	text-align:       center;
}

td {
	font:             normal 12px arial,verdana,helvetica,sans-serif; 
}

A:link		{text-decoration: none; background-color: transparent; color: #215165;}
A:visited	{text-decoration: none; background-color: transparent; color: #215165;}
A:active	{text-decoration: none; background-color: transparent; color: #cc0000;}
A:hover		{text-decoration: none; background-color: transparent; color: #667788;}

#content {
	min-height:       100%;
	margin:           0 auto;  
	width:            1000px; 
	font-family:      arial,verdana,helvetica, sans-serif; 
	background-color: #dddddd;
	border-left:      1px solid black; 
	border-right:     1px solid black; 
}

.index {
	background-image: url('artwork/weblogo3-onder.png');
	background-repeat:no-repeat;
}

.projects {
	background-image: url('artwork/weblogo4-onder.png');
	background-repeat:no-repeat;
}

.note {
	margin:           0 auto;  
	bottom:           1px; 
	vertical-align:   bottom;
	text-align:       right;
	width:            1000px; 
	background-color: #dddddd;
	border-left:      1px solid black; 
	border-right:     1px solid black; 
}

.note2 {
	min-height:       100%;
	position:         absolute;
	bottom:           1px; 
	right:            1px;
	text-align:       right;
}

.notefont {
	font:             normal 10px arial,verdana,helvetica,sans-serif; 
	color:            #888888; 
	vertical-align:   bottom;
	text-align:       right;
	bottom:           1px; 
	right:            1px;
	width:            1000px; 
}

* html #content{height:100%;}