* { margin: 0; padding: 0;}
body { background: #111 url(/images/background.jpg); font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 10px; }
a { text-decoration: none;}
#container { width: 810px; margin: 50px auto;}
img { border: none;}
.clear { clear: both; }

table { border-collapse: collapse; width: 100%;}
td { vertical-align: top;}
td.left { width: 330px;}
td.right { width: 476px;}
div.tab div.inner { padding: 3px;}
div.introduction div.inner, div.contact div.inner { padding: 6px;}
div.contact { border-top: 10px solid #111;}
td.contact { background: white; vertical-align: bottom; }

div.tab h2 { display: inline; padding: 3px 6px; font-size: 160%; font-weight: normal; color: black; }
div.tab h2 a { color: black; padding: 3px 0;}

div.tab h2, div.tab div.inner { background: white;}

div.introduction p, div.contact p { padding: 7px; }
div.introduction p, div.contact p,
div.introduction li { font-size: 140%; color: #666; line-height: 130%;}
div.contact p { color: black;}
div.introduction li { list-style-image: url(/images/bullet.gif);}
div.introduction a, div.contact a { color: #990000;}
div.introduction ul { padding: 10px 0 10px 30px;}

td.makewhite { background: white;}

div.secondary {  width: 216px; margin-top: 20px; }
td.right_tab { width: 216px; }

#album_table { width: 476px; margin-left: 20px;}

div.primary { margin-left: 20px;}

#header { width: 790px; background: #404040; margin-top: 20px; padding: 25px 10px 0px 10px; }
#header h1 { font-family: Helvetica, Arial, sans-serif; color: white; float: left; font-size: 280%; font-weight: normal; width: 300px; }
#header h1 a { color: white;}

#navigation { float: right;}
#navigation li { float: left; list-style: none; font-size: 160%; margin: 0px 20px; line-height: 280%; }
#navigation li a { color: #ccc;}
#navigation li a:hover, #navigation li.on a { color: white;}

table.contact td.text { width: 500px;}
table.profile td.text { width: 500px;}
table.awards td.text { width: 530px;}


td.text div.tab { margin-right: 30px;}

td.spacer, td.spacer img { height: 10px;}
body > td.spacer, td.spacer > img { height: 18px;}
td.photo { border: 3px solid white; }

table.profile img.photo_spacer { height: 200px; width: 200px;}
table.awards img.photo_spacer { height: 270px; width: 200px;}
table.contact img.photo_spacer { height: 230px; width: 200px;}

input.text { width: 90%; font-size: 130%; line-height: 130%;}
textarea { width: 90%; height: 100px;}

#copyright { width: 790px; margin: 10px auto; }
#copyright p { color: #666;}
#copyright a { color: #999;}