body {
	background-color: #996699; /*purple for top and bottom sections of the page*/
	color: #242424;  /*#FFFFFF;*/
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	text-align : center;  /* IE5.x  and IE6 loose workaround Meyer page 168 */
}

/* graphic section title*/
.banner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background : #999999;
}

/*grey middle section*/

.middle {
    background : #999999;
	background-color : #999999;
	width : 70%;
}

.middlearticle {
	background : #999999;
	background-color : #999999;
	width : 80%;
}



.main {
		background : #999999;
	    background-color : #999999;
		}

/*nested table inside middle section */
.section {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background : #999999;
	background-color : #999999;
}

table#aboutsection {
	width : 300px;
	font-size: 10pt;
	font-weight: normal;
}

td.long {
	font-size: 10pt;
	font-weight: normal;
}

table#articlesection {
	width : 440px; /*670*/
}

table#biosection {
	width : 260px;
}

table#commsection {
	width : 100%;
}

table#concertsection {
	width : 280px;
}

.middledisc {
	background : #999999;
	background-color : #999999;
	width : 60%;
}

table#discsection {
	width : 460px;
}

table#photosection {
	width : 280px;
}

table#tvsection {
	width : 320px;
}

table#wnewsection {
	width : 100%;
}

td.commshort {
	width : 240px;
}

td.commlong {
	width : 100%;
	font-size: 10pt;
	font-weight: normal;
	color: #242424;
}

/*featured image to the right of the menu*/
.featureimg {
	display: inline;
	padding : 0px 0px 0px 0px;
}

/*contains home link*/
.footer{
	margin : 0px 0px 0px 0px;
	width : 90%}

/*white dividing line that separates the different background colours*/
td img.whitediv {
background-color: #FFFFFF;
	display: block;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

.whitediv {
	background-color: #FFFFFF;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px;
}

/*probably only going to be used for home nav*/
.bullet {
    margin-bottom: 0px; 
	margin-left: 5px; 
	margin-right: 5px; 
	margin-top: 0px;
}

/*usually by year*/
div.category{
	font-size: 14pt;
	font-weight: bold;
	color: #242424;
    padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

tr.category{
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

.credit {
	font-family: "Courier New", Courier, serif;
	font-size: 8pt;
	color: #333333;
}

a.menu1, a.menu2, a.menu3 {
	margin-right: 0px; 
	margin-top: 0px;
}

div.menu1, div.menu2 {
	margin-right: 0px; 
	margin-top: 0px;
	font-family: "Courier New", Courier, serif;
	color: #FFFFFF;
	font-size: 11pt;
	font-weight: bold;
}
div.menu1{
	margin-bottom: 0px;
	margin-left : 0px;
	margin-top : 0px;
}

div.menu2{
	margin-bottom: 0px;
	margin-left : 0px;
	margin-top : 0px;
}

div.menu3{
	margin-bottom: 0px;
	margin-left : 0px;
	margin-top : 0px;
}

a.menu1 {
    font-family: "Courier New", Courier, serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF; /*was  #484848*/
	text-decoration: none;
}

a.menu1:visited {
    font-family: "Courier New", Courier, serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.menu1:hover {
    font-family: "Courier New", Courier, serif;
	font-size: 11pt;
	font-weight: bold;
	color: #333366;
	text-decoration: underline;
}

a.menu1:active {
    font-family: "Courier New", Courier, serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.menu2 {
    font-family: "Courier New", Courier, serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF; /*was  #484848*/
	text-decoration: none;
}

a.menu2:visited {
    font-family: "Courier New", Courier, serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.menu2:hover {
    font-family: "Courier New", Courier, serif;
	font-size: 11pt;
	font-weight: bold;
	color: #333366;
	text-decoration: underline;
}

a.menu2:active {
    font-family: "Courier New", Courier, serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.menu3 {
    font-family: "Courier New", Courier, serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF; /*was  #484848*/
	text-decoration: none;
}

a.menu3:visited {
    font-family: "Courier New", Courier, serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.menu3:hover {
    font-family: "Courier New", Courier, serif;
	font-size: 11pt;
	font-weight: bold;
	color: #333366;
	text-decoration: underline;
}

a.menu3:active {
    font-family: "Courier New", Courier, serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.footer {
	color: #FFFFFF;
	/* was #484848*/
	text-decoration: none;
	font-weight: bold;
}

a.footer:visited {
	color: #FEA018;
	text-decoration: none;
	font-weight: bold;
}

a.footer:hover {
	color: #333366;
	text-decoration: underline;
	font-weight: bold;
}

a.footer:active {
	color: #FEA018;
	text-decoration: none;
	font-weight: bold;
}

a.external {
	color: #333366;
	text-decoration: none;
	font-weight: normal;
}

a.external:visited {
	color: #333366;
	text-decoration: none;
	font-weight: normal;
}

a.external:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}

a.external:active {
	color: #333366;
	text-decoration: none;
	font-weight: normal;
}

a.internal {
	color: #333366;
	text-decoration: none;
	font-weight: normal;
}

a.internal:visited {
	color: #333366;
	text-decoration: none;
	font-weight: normal;
}

a.internal:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}

a.internal:active {
	color: #333366;
	text-decoration: none;
	font-weight: normal;
}