/*-------------------------------------------------------------------*/
/* Header, footer, body, nav boxes all have navy borders             */
/*-------------------------------------------------------------------*/
div.header,div.footer,div.bodyOut,a.navLink,div.navA{
	border-color: navy;
	border-style: solid;
	border-width: 0px;
}

/*-------------------------------------------------------------------*/
/* Header, footer, body, nav boxes all have light blue fill                  */
/*-------------------------------------------------------------------*/
a.navLink,td.navContent,div.bodyOut,div.bodyIn,div.footer,div.header{
	background-color: #E5E5FD; /*#91AEFF;  #90986B;*/
}

/*-------------------------------------------------------------------*/
/* Outer ring of body has wood image                                 */
/*-------------------------------------------------------------------*/
div.bodyOut{
  /* background-image: url("../images/wood_background.jpg");*/
}

/*-------------------------------------------------------------------*/
/* This division represents the "entire" nav bar... that is the      */
/* entire left column.  This area declares a background image, which */
/* is not normally seen, but since the "hover" element declares its  */
/* background color as transparent, you see the image when hovering  */
/* over a choice.                                                    */
/*-------------------------------------------------------------------*/
div.navA{
	background-image: url("../images/backgroundNav.jpg");
	border-style:solid;
	margin-top:10px;
	border-width:1px 0px 1px 0px;	 /* top / left /bottom / right */
}

/*-------------------------------------------------------------------*/
/* Nav bar elements normal (non-hover) that fit into the navA        */
/* defined above.                                                    */
/*-------------------------------------------------------------------*/
a.navLink{
	/*border-top-color:transparent;*/
	border-color:Navy;
	display:block;
	width:150px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
	border-style:solid;
	border-width:1px 0px 1px 0px;
	color:black;
	
}

/*-------------------------------------------------------------------*/
/* Changes to nav bar elements (navLink) when hovered over.  Note    */
/* the background color is transparent, allowing the image to show   */
/* through.                                                          */
/*-------------------------------------------------------------------*/
a.navLink:hover{
	border-color: navy;
	display: block;
	background-color: transparent;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	text-align: right;	
}

/*-------------------------------------------------------------------*/
/* Body regular has different color (?)                              */
/*-------------------------------------------------------------------*/
body{
	background-color: #FFFAFA;
}

/*-------------------------------------------------------------------*/
/* Text inside header                                                */
/*-------------------------------------------------------------------*/
h1.headerTitle{
	margin:0px 0px 3px 40px;
	color:white;
}

/*-------------------------------------------------------------------*/
/* Dimensions of the page as shown in the web browser                */
/*-------------------------------------------------------------------*/
div.wholePage{
	/*width: 802px;	*/
}

/* ??? */
table.middlePage{
	/*width: 800px;	*/
}

/*-------------------------------------------------------------------*/
/* Top & Bottom spacing for the header/footer                        */
/*-------------------------------------------------------------------*/
div.header,div.footer{
	margin-bottom:0px;
	margin-top:0px;
}

/*-------------------------------------------------------------------*/
/* Footer gets grey text and padding on the right side               */
/*-------------------------------------------------------------------*/
div.footer{
	padding-right: 5px;
	font-weight: bold;
	color:gray;
}

/*-------------------------------------------------------------------*/
/* Nav bar background color                                          */
/*-------------------------------------------------------------------*/
td.navA,td.navLeftBarImg{
	background-color: #90986B;
	margin:5px;
}

/*-------------------------------------------------------------------*/
/* Nav left bar img has wood background                              */
/*-------------------------------------------------------------------*/
td.navLeftBarImg{
	/*background-image: url("../images/wood_background.jpg");*/
	width: 8px;
	border-color: navy;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	font-size: 0px;
}

td.navContent{
	border-color:navy;
	border-style: solid;
	border-width:0px 0px 0px 0px;
}

h2{
  font-size: 18px;
  color: Navy;
}

h1{
	font-size: 22px;
	color: Navy;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: Navy;
}

h1.noUnderline{
  border-width: 0px 0px 0px 0px;
}

div.bodyOut{
	margin-left:0px;
	padding:2px;
}

div.bodyIn{
	padding:15px; border:0px solid gray;
}

td.header{
	height: 100px;
	text-align: left;
}

/*-------------------------------------------------------------------*/
/* Formatting for the artist's name on the "artists" page.           */
/*-------------------------------------------------------------------*/
div.artistName{
	font-weight:bold;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	margin: 15px 0px 5px 0px;
	font-size:larger;
	color: Navy;
}

/*-------------------------------------------------------------------*/
/* Formatting for the artist image on the "artists" page.  This      */
/* "Floats" the image in the upper right hand corner of the          */
/* bio.                                                              */
/*-------------------------------------------------------------------*/
img.artistImg{
	border-width: 0px;
	margin: 0px 0px 5px 5px;
	float: right;
}