/* GLOBAL */

html { }

body { 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: rgb(20,20,20); 
}

p { 
	font-size: 12px; 
	line-height: 120%; 
}

a { 
	color: white; 
	font-weight: bold; 
	text-decoration: none;
	border-bottom: white solid 1px;
}

a:hover { 
	text-decoration: none; 
	border-bottom: solid 1px;
}

h1 { 
	font-size: 24px; 
	font-weight: bold;
	line-height: 120%; 
	font-family: "Times New Roman", times, serif; 
	margin: 10px; 
	text-transform: uppercase;
}

h2 { 
	font-size: 18px; 
	line-height: 120%; 
	margin: 10px; 
	font-weight: bold; 
}

h3 { 
	font-size: 14px; 
	line-height: 120%; 
	margin: 10px; 
}

strong { 
	font-weight: bold; 
}

.aligncenter { 
	text-align: center; 
}

.alignleft { 
	text-align: left; 
}

.alignright { 
	text-align: right; 
}

.clearboth  { 
	clear: both; 
	visibility: hidden;
}

.clearleft { 
	clear: left; 
}

.clearright { 
	clear: right;
}

.floatleft { 
	float: left; 
	margin-right: 10px; 
	margin-bottom: 10px;
}

.floatright { 
	float: right; 
	margin-bottom: 10px; 
	margin-left: 10px;
}

.indent { 
	padding-left: 2em;
}

.splash { 
	float: left; 
	border-right: 1px solid silver;
}

.uppercase { 
	text-transform: uppercase;
}


/* STRUCTURE */

#wrapper { 
	background-color: white; 
	margin: 10px auto; 
	border-top: 1px solid silver; 
	border-right: 1px solid gray; 
	border-bottom: 1px solid gray; 
	border-left: 1px solid silver; 
	width: 700px;
}

#header { 
	background-color: rgb(150,150,50);
	width: 400px;
	margin: 20px;
	float: left;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

#header img {
	width: 360px;
	margin: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

#content { 
}

#contentleft { 
	background: url(art/hobbsbldg.jpg) bottom left no-repeat;
	float: left;
	width: 400px;
	margin: 0 20px 20px 20px; 
	padding-bottom: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

#contentleft p { 
	margin: 0 10px 5px 10px;
}

#contentright {
	float: right;
	width: 240px;
	background: rgb(95,25,105);
	margin: 20px 20px 20px 0;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

#contentright h1 {
	color: white;
	text-align: right;
	text-transform: uppercase;
	margin: 10px 10px 0 10px;
}

.artistlist { 
	list-style-type: none; 
	color: white;
	text-align: right;
	margin: 20px 10px; 
	font-size: 12px; 
}

.artistlist li { 
	font-weight: bold; 
	text-transform: uppercase; 
	line-height: 150%;
}

#contentmap {
	background: rgb(150,150,50);
	float: left;
	width: 400px;
	margin: 0 10px 20px 20px;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

#contentmap img {
	margin: 10px;
}

#contentmap h3 {
	color: white;
}

#footer { 
	color: gray; 
	padding-top: 10px; 
	padding-left: 20px;
}

#footer a { 
	color: white;
}

#footer p { 
	color: white; 
	font-size: 9px; 
	text-align: center;
}

#navbar { }