html{
	height: 100%;
}

body { 
	/*height: 90%;*/
	margin: 0;
	padding: 10px;
	/*height: 800px;*/
	font-family: Helvetica, sans-serif;
	text-align: center;
	color: #000;
	background: #638362;
	font-size:  1em;
	line-height: 1.2em;
}

div#content {
	position: relative;
	/*height: 100%;*/
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	width: 760px;
	border-top: 2px solid #333;
	border-left: 2px solid #333;
	border-right: 2px solid #333;
	border-bottom: 2px solid #222;
	background-color: #ddd;
	color: #000;
}

div#logo {
	margin: 0;
	text-align: left;
	height: 200px;
	background: #638362 url(images/logo.png) no-repeat top;
	padding: 0;
	font-size: 90%;
	color: #fff;
}

div#languages {
	text-align: center;
}

#languages li {
	display: inline;
	margin: 0;
	padding: 5px;
}

#languages ul {
	list-style-type: none;
}

#languages img {
	border: none;
}

#languages img.location {
	padding: 5px;
	border: 1px dashed black;
}

h1 {
	color: black;
	width: 50%;
	text-align:center;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 7px;
}

div#millnav {
	margin: auto;
	width: 80%;
	text-align: center;
	padding: 5px;
}

#millnav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#millnav li {
	display: inline;
	margin: 0;
	padding: 20px;
	font-size: larger;
}

#millnav a {
	font-size: large;
}

div.mills {
	margin: 0;
	padding: 0;
}

.mills ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.mills li {
	border-top: 4px solid #006;
	background-color: #ccc;
	padding: 2em;
	margin: 2em;

   /*What follows is a fix for internet explorer.  It exploits a double bug.  (Two wrongs can be forced to make a right).
	IE is not clearing properly, but IE also automatically expands boxes to enclose their content *if* they have a height
	specified, even if that height is too small.  So we must give this a height.  IE also misinterprets comments, and by
	"escaping" the first * IE does not view that as a close comment, although other browsers do.

	I hate doing this shit.
    */

    /*Hide from all but ie \*/
    height: 1%;
    /*End hide*/


}

.desc ul {
	list-style-type: disc;
	margin: 0;
	padding: 0;
}

.desc li {
	background: none;
	border: none;
	padding: 5px;
	margin: 0;
}

span.mill {
	font-weight: bold;
	width: 100%;
}

div.desc {
	padding-top: 1em;
	padding-left: 1em;
}

div.location {
	color: #222;
	width: 100%;
	margin: auto;
	font-size: larger;
	text-align: center;
}

.location a {
	color: black;
	text-decoration: none;
}

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

.mills h3 {
	width: 80%;
	text-align: center;
	padding: 1em;
	margin: auto;
}

div.boxed {
	width: 80%;
	margin: auto;
	border: 1px solid black;
	text-align: center;
	padding: 5px;
}

a {
	text-decoration: none;
	color: blue;
}

a:hover {
	text-decoration: underline;
	color: blue;
}

a:visited {
	color: blue;
}

#xsnazzy {background: transparent; margin:1em; }

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ddd; border-left:1px solid #638362; border-right:1px solid #638362;}
.xb1 {margin:0 5px; background:#638362;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ddd; border:0 solid #638362; border-width:0 1px; padding-left: 1em; padding-right: 1em }