header {

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td bgcolor="333333">
&nbsp;
</td>

<td align="left" valign="bottom" width="400" height="42" bgcolor="333333">
<div class="topnav">

<script type="text/javascript">
var emailriddlerarray=[97,110,100,121,100,64,109,97,99,46,99,111,109]
var encryptedemail_id78='' //variable to contain encrypted email 
for (var i=0; i<emailriddlerarray.length; i++)
encryptedemail_id78+=String.fromCharCode(emailriddlerarray[i])
document.write('<a href="mailto:'+encryptedemail_id78+'">contact</a>')
</script>

 &nbsp; | &nbsp; <a href="index.html">home</a>

</div>
</td>

<td align="right" valign="bottom" width="500" height="42" bgcolor="333333">
<div class="topnav">

<a href="http://www.davidhazy.com/blog">BLOG</a> &nbsp; | &nbsp; <a href="work/index.html">work</a> &nbsp; | &nbsp; <a href="pictures/index.html">pictures</a> &nbsp; | &nbsp; <a href="movies/index.html">movies</a> &nbsp; | &nbsp; <a href="music/index.html">music</a>

</div>
</td>

<td bgcolor="333333">
&nbsp;
</td>
</tr>

<tr>
<td align="center" bgcolor="333333" colspan="4">
<img src="images/pixel.gif" width="900" height="8"><br>
</td>
</tr>
</table>

}




.topnav {
font-family: arial, verdana, sans-serif;
font-weight: normal;
color: #cdcdc7; 
font-size: 11px;
line-height: 16px;
}
.topnav a:link {color: #cdcdc7; font-weight: bold; text-decoration: none}
.topnav a:visited {color: #cdcdc7; font-weight: bold; text-decoration: none}
.topnav a:hover {color: #B6290B; font-weight: bold; text-decoration: underline}


.subnav {
font-family: arial, verdana, sans-serif;
font-weight: normal;
color: #333333; 
font-size: 11px;
line-height: 16px;
}
.subnav a:link {color: #9c3019; font-weight: bold; text-decoration: none}
.subnav a:visited {color: #9c3019; font-weight: bold; text-decoration: none}
.subnav a:hover {color: #9c3019; font-weight: bold; text-decoration: underline}


.smallnav {
font-family: verdana, sans-serif;
font-weight: normal;
color: #333333; 
font-size: 10px;
line-height: 15px;
}
.smallnav a:link {color: #9c3019; text-decoration: none}
.smallnav a:visited {color: #9c3019; text-decoration: none}
.smallnav a:hover {color: #9c3019; text-decoration: underline}


.headline {
font-family: arial, verdana, sans-serif;
font-weight: bold;
color: #333333; 
font-size: 15px;
line-height: 25px;
}
.headline a:link {color: #9c3019; text-decoration: none}
.headline a:visited {color: #9c3019; text-decoration: none}
.headline a:hover {color: #9c3019; text-decoration: underline}


.bigheadline_serif {
font-family: georgia, times new roman, times, serif;
font-weight: normal;
color: #333333; 
font-size: 26px;
line-height: 35px;
}
.bigheadline_serif a:link {color: #9c3019; text-decoration: none}
.bigheadline_serif a:visited {color: #9c3019; text-decoration: none}
.bigheadline_serif a:hover {color: #9c3019; text-decoration: underline}


.medheadline_sans {
font-family: arial, verdana, sans-serif;
font-weight: normal;
color: #333333; 
font-size: 18px;
line-height: 24px;
}
.medheadline_sans a:link {color: #9c3019; text-decoration: none}
.medheadline_sans a:visited {color: #9c3019; text-decoration: none}
.medheadline_sans a:hover {color: #9c3019; text-decoration: underline}


.medheadline_serif {
font-family: georgia, times new roman, times, serif;
font-weight: normal;
color: #333333; 
font-size: 18px;
line-height: 25px;
}
.medheadline_serif a:link {color: #9c3019; text-decoration: none}
.medheadline_serif a:visited {color: #9c3019; text-decoration: none}
.medheadline_serif a:hover {color: #9c3019; text-decoration: underline}


.headline_serif {
font-family: georgia, times new roman, times, serif;
font-weight: normal;
color: #cdcdc7; 
font-size: 17px;
line-height: 19px;
}
.headline_serif a:link {color: #cdcdc7; text-decoration: none}
.headline_serif a:visited {color: #cdcdc7; text-decoration: none}
.headline_serif a:hover {color: #B6290B; text-decoration: underline}


.subhead {
font-family: arial, verdana, sans-serif;
font-weight: bold;
color: #333333; 
font-size: 12px;
line-height: 18px;
}
.subhead a:link {color: #9c3019; text-decoration: none}
.subhead a:visited {color: #9c3019; text-decoration: none}
.subhead a:hover {color: #9c3019; text-decoration: underline}


.normal_sans {
font-family: arial, verdana, sans-serif;
font-weight: normal;
color: #333333; 
font-size: 11px;
line-height: 16px;
}
.normal_sans a:link {color: #9c3019; text-decoration: none}
.normal_sans a:visited {color: #9c3019; text-decoration: none}
.normal_sans a:hover {color: #9c3019; text-decoration: underline}


.large_serif {
font-family: georgia, times new roman, times, serif;
font-weight: normal;
color: #333333; 
font-size: 16px;
line-height: 22px;
}
.large_serif a:link {color: #9c3019; text-decoration: none}
.large_serif a:visited {color: #9c3019; text-decoration: none}
.large_serif a:hover {color: #9c3019; text-decoration: underline}


.normal_serif {
font-family: georgia, times new roman, times, serif;
font-weight: normal;
color: #333333; 
font-size: 13px;
line-height: 20px;
}
.normal_serif a:link {color: #9c3019; text-decoration: none}
.normal_serif a:visited {color: #9c3019; text-decoration: none}
.normal_serif a:hover {color: #9c3019; text-decoration: underline}


.normal_serif_light {
font-family: georgia, times new roman, times, serif;
font-weight: normal;
color: #cdcdc7; 
font-size: 13px;
line-height: 19px;
}
.normal_serif a:link {color: #9c3019; text-decoration: none}
.normal_serif a:visited {color: #9c3019; text-decoration: none}
.normal_serif a:hover {color: #9c3019; text-decoration: underline}


.serif_list {
font-family: georgia, times new roman, times, serif;
font-weight: normal;
color: #333333; 
font-size: 13px;
line-height: 24px;
}
.serif_list a:link {color: #9c3019; text-decoration: none}
.serif_list a:visited {color: #9c3019; text-decoration: none}
.serif_list a:hover {color: #9c3019; text-decoration: underline}


.caption {
font-family: georgia, times new roman, times, serif;
font-weight: normal;
color: #333333; 
font-size: 12px;
line-height: 16px;
}
.caption a:link {color: #9c3019; text-decoration: none}
.caption a:visited {color: #9c3019; text-decoration: none}
.caption a:hover {color: #9c3019; text-decoration: underline}


.mouse {
font-family: verdana, sans-serif;
font-weight: normal;
color: #666666; 
font-size: 9px;
line-height: 14px;
}
.mouse a:link {color: #9c3019; text-decoration: none}
.mouse a:visited {color: #9c3019; text-decoration: none}
.mouse a:hover {color: #9c3019; text-decoration: underline}