html {
	height: 100%;
}


body {
	/* background-color: #cb9b77; */
	/* background-repeat: no-repeat; */
	font-family: "Arial Bold", Arial, Helvetica, avantgardea, sans-serif, sans;
;
	 height: 100%; 
}

.tile {
	position: absolute;
	left: 0px;
	top: 0px;
	min-height: 100%;
	height: 100%;
	width: 75px;
	background-image: url("http://uncommonground.com/visual/tile.jpg");
	background-repeat: repeat-y;
	/* border: solid 1px green; */
	overflow: visible;
}

/* Stupid IE6 hack? */

* html .tile {
	height: 100%;
	overflow: visible;
	background-repeat: repeat-y;
}


.masthead {
	position: absolute;
	left: 77px;
	top: 0px;
	height: 78px;
	width: 90%;
	background-color: #480203;
	/* border: solid 1px blue; */
}

.ug {
	font-family: "Arial Bold", Arial, Helvetica, avantgardea, sans-serif, sans;
;
	font-weight: bold;
	font-size: 24pt;
	color: white;
	text-align: bottom;
	float: left;
	padding-left: 15px;
}

.huge_print { font-size: 20pt; }
.large_print { font-size: 14pt; }
.fine_print { font-size: 9pt; }
.lawyer_print { font_size: 7pt; font-weight: normal; }

.address {
	font-family: "Arial Bold", Arial, Helvetica, avantgardea, sans-serif, sans;
;
	font-weight: bold;
	font-size: 24pt;
	color: white;
	text-align: bottom;
	font-size: 12pt;
	float: right;
	padding-right: 14px;
	padding-top: 6px;
}

.navbar {
	position: absolute;
	left: 100px;
	top: 100px;
	width: 100px;
	font-family: "Arial Bold", Arial, Helvetica, avantgardea, sans-serif, sans;
;
	font-weight: bold;
	font-size: 12pt;
	/* border: solid 1px blue; */
}

.artist_nav {
	position: absolute;
	left: 185;
	top: 60px;
}

.navbar a:link, .navbar a:visited {
	float: left;
	clear: left;
	text-decoration: none;
	margin-bottom: 10px;
	/* border: solid 1px orange; */
}

.navbar a:hover, .navbar a:active {
	float: left;
	clear: left;
	color: white;
	text-decoration: underline;
	/* the padding on radio links seems to be getting applied here...  Override that: */
	padding-left: 0px;
}

.messages {
	background-color: #ffffff;
	opacity: 0.6; /* newer Mozilla and CSS-3 */
	color: black;
	font-family: "Arial Bold", Arial, Helvetica, avantgardea, sans-serif, sans;
;
	font-size: 16px;
	position: absolute;
	left: 185px;
	top: 100px;
	width: 70%;
	padding-left: 20px;
}

.content {
	background-color: #ffffff; /* the background */
	filter:alpha(opacity=60); /* Internet Explorer */
	-moz-opacity:0.6; /* Mozilla 1.6 and below */
	opacity: 0.6; /* newer Mozilla and CSS-3 */
	color: black;
	font-family: "Arial Bold", Arial, Helvetica, avantgardea, sans-serif, sans;
;
	font-size: 20px;
	position: absolute;
	left: 185px;
	top: 100px;
	width: 70%;
	padding: 15px;
}

.calendar {
	background-color: #ffffff;
	color: black;
	font-family: "Arial Bold", Arial, Helvetica, avantgardea, sans-serif, sans;
;
	font-size: 20px;
	position: absolute;
	left: 185px;
	top: 100px;
	width: 70%;
	padding: 15px;
}

.content a:link, .content a:visited {
	color: black;
	decoration: none;
}

.content a:hover, .content a:active {
	color: black;
	decoration: underline;
}

/*
img .content {
	filter:alpha(opacity=100); /* Internet Explorer */
	-moz-opacity:1.0; /* Mozilla 1.6 and below */
	opacity: 1.0; /* newer Mozilla and CSS-3 */
}
*/