body {
	font-family: helvetica, arial, sans-serif;
	color: #000000;
	margin: 0px;
	}
p {
	font-family: helvetica, arial, sans-serif;
	font-size: 18px;
	color: #000000;
	margin-top: 0px;
	text-align: left;
	}
a:link {
	font-weight: bold; 
	text-decoration: none;
	color: #333399;
	}
a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #333399;
	}
a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #444444;
	}
a:active {
	font-weight: bold;
	text-decoration: none;
	color: #333399;
	}

h1.homepage {

	font-weight: bold;
	text-decoration: none;
	color: #333399;
	font-size: 14pt; 
}

/* The whole page is in a "container" div */

#container {
	padding: 0px 50px 0px 50px;
	margin: 0px;
	}

#container2 {
	padding: 0px 50px 0px 50px;
	margin: 0px;
	}


/* The navigation (menu) div sits on the left portion of the page */

#nav {
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	position: absolute;
	top: 180px;
	left: 10px;
	width: 160px;
	}
#nav p {
	margin-bottom: 20px;
	text-align: right;
	font-weight: bold;
	color: #333399;
	}
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-weight: bold;
	color: #333399
	}


/* The content (main) div sits on the right side of the page.  It includes the
header information (logo or h1 or whatever).  It also includes the vertical rule that separates the nav menu from the main content. */

#content {
	position: absolute;
	top: 30px;
	left: 200px;
	width: 450px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 5px;
	border-width: 0px 0px 0px 5px;
	border-color: #333399;
	border-style: solid; /* could be double, dotted, dashed, groove, ridge */
	}
#content h1 a:link, #content h1 a:visited, #content h1 a:hover, #content h1 a:active {
	font-weight: bold;
	}
a:link, p.caption a:visited, p.caption a:hover, p.caption a:active {
	font-weight: bold;
	}
p.caption #title {
	/* used for painting titles on individual painting pages */
	font-weight: bold;
	font-size: 18;
	}

#top {
	height: 150px;
	border-width: 0px 0px 0px 0px;
	border-color: #4d00bf;
	border-style: solid;
	}
#main {
	margin: 0px 0px 0px 0px;
	}
#banners {
	margin: 50px 0px 0px 0px;
	}
#textnav {
	margin: 50px 0px 0px 0px;
	}


#picpage {
	padding: 30px 30px 30px 30px;
	text-align: center;
	}

#shows {
	padding: 4px;

}

#indent { 
	text-indent: 0.5in;
	}

#shows_td {
	vertical-align: top;
	width: 125px;
	font-weight: bold;
	font-size:18;
	}

#shows_td2 {
        vertical-align: top;
        font-weight: bold;
        font-size:16;
        }

#shows_logo {
        vertical-align: middle;
        width: 125px;
        font-weight: bold;
        font-size:18;
        }

#footer {
	padding: 8px 8px 8px 8px;
	text-align: center;
	color: #333399;
	font-size: 10pt;
}

.hometext {
	width: 300px;
	height: 375px;
}

.hometext2 {
	width: 300px;
	height: 200px;
}

.homegallery {
	margin-left: 15px;
	width: 300px;
	border-color: #CCCCCC;
	border-style: double;
	border-width: 2px;
	padding: 8px;
	height: 700px;
	float: left;
} 

.homepic {
	width: 300px;
}

.socialmedia {
	width: 160px;
} 

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}