html {
 margin: 0;
 padding: 0;
 background-color: black;
}
body {
 margin: 1em;
 padding: 0;
 font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
 font-size-adjust: .52;
 font-size: 76%;/*  60%, 69%, and 76% give reliable reading sizes smaller than 1.0em. 86% and 93% do well, but are not exact across browsers */
 background-color: black;
}
#container {
 width:768px;
 margin-left:auto;
 margin-right:auto;
 background-color: white;
 padding:1em;
}
h1 {
	font-size: 2.2em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em; /* both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
p {
	font-size: 1.0em;
	line-height: 1.8em;
 text-align:justify;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

div#footer {
border-top:4px solid black;
padding-top:3px;
}

div#footer p {
text-align:center;
margin: 0;
font-size: 0.8em;
line-height:1.4em;
}

.fltlt {
 float:left;
 margin-right:1em;
}

.fltrt {
 float:right;
 margin-left:1em;
}




a.homelink {
 text-decoration:none;
 color:black;
}
a.homelink:hover {
 color:red;
}



.title {
font-family:georgia, serif;
}
h1.title {
 text-align:left;
 margin-left:1em;
 font-size:4em;
}
h2.title {
 font-size:1.2em;
 text-align:right;
 margin-top:0;
 padding-top:0;
 padding-bottom:.2em;
 border-bottom:4px solid black;
}
p.address {
 white-space:pre;
 margin-left:300px;
}

a{
 color:red;
}
a:hover {
 color:black;
}

div#flavor {
 margin:0 128px;
}

ul.mainthumbs {
 padding:0;
 margin:0;
 list-style:none;
}
ul.mainthumbs li {
 width:256px;
 text-align:center;
 font-size:2em;
 padding:0;
 margin:0;
 float:left;
}
ul.mainthumbs li.breaker {
 width:768px;
 clear:both;
 float:none;
 margin-bottom:1em;
}
ul.mainthumbs li.nav {
 padding-top:1em;
 width:512px;
 text-align:left;
}
p.tagline {
 font-size:.7em;
 font-style:italic;
}
br.breaker {
 clear:both;
}
li.nav ul {
 padding:0;
 margin:0;
 list-style:none;
}
li.nav ul li {
 text-align:left;
 float:none;
 width:auto;
 font-size:1em;
 padding:0;
 margin:0;
 margin-bottom:1em;
}
.mainthumbs a {
 color:black;
 text-decoration:none;
}
.mainthumbs a:hover {
 color:red;
}
li.nav a {
 color:red;
 text-decoration:underline;
}
li.nav a:hover {
 color:black;
}

ul.bottomnav {
 padding:0;
 margin:0;
 list-style:none;
}
ul.bottomnav li {
 width:256px;
 text-align:center;
 font-size:1.5em;
 padding:0;
 margin:0;
 float:left;
}
ul.bottomnav li a {
 color:red;
 text-decoration:underline;
}
ul.bottomnav li a:hover {
 color:black;
}
li.hereiam {
 color:black;
 text-decoration:underline;
}