/*-----------------------------------------------
	scheme.css For Template01/Style04/Scheme07
-------------------------------------------------*/

/************************************************/
/* Set Scheme defaults for html tags            */
/************************************************/
body{
	/*	This is the body tag. The main items you may want to change are background, font, line-height, and color.
	DO NOT change the font size from 0px. It is set that way to fix a design issue, the size of the text for each
	panel is set later in this document. If you change the color tag it will set the default color for text.
*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000333;
	background-color: #000000;
}

h1{
	color: #B49505;
}

h2{
	color: #B49505;
}

h3{
	color: #B49505;
}

a {
	color: #3656b0;
}

a:hover {
	color: #0000FF;
}


/*************************/
/*    Layout Divs        */
/*************************/
#container {
/*	The container is 880px wide if you want it to have a background that shows slightly around the other items.
	They are all set as 860 wide and set to center horizontally.
	If the container is to be flush up against the other items, then set it's width to 860 also.
*/
	/* background-color: #FF0000; */
}

#containerTop {
	/*	If design has no containerTop then set display:none; and comment out the other properties*/
	/*
	background: url(images/container_top.gif) no-repeat left top;
	*/
}

#containerBottom {
/*	If design has no containerBottom then set display:none; and comment out the other properties*/
	/*
	background: url(images/container_bottom.gif) no-repeat left top;
	*/	
}

/*************************/
/*    Header Styles      */
/*************************/
#header {
/* 	if there is no header in this style, then set display:none; and it will close up and not display */
	background: url(images/header_bkg.gif) top left no-repeat;
}


#name {
	color: #FFFFFF;
	font: italic normal 6em "Times New Roman", Times, serif;
}

/*************************/
/*    Menu Styles        */
/*************************/
.menuBox {
   /* no background, let site background show thru */
  /* background-color:#FF0000; - set color to fill the entire horizontal bar */
}

#mainMenu ul li a {
/*	Here you can change the font size and face of the text for the menu items.
	If you change the color tag, it will change the color of the seperator characters which could be a pipe | . 
*/
	font: bolder normal 1.4em Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
}

/* use this for background-color */
.menuMouseOver {background-color:#E7BF07;
}
.menuMouseOut {background-color:#000000;}

/* use this for background-image */
/*
.menuMouseOver {background-image: url(button_over.gif);}
.menuMouseOut {background-image: url(button_up.gif);}
*/

/* user hover if only the menu text changes and not the whole list item */
/*
#mainMenu a:hover {
	color: #FC0;
}
*/

/*************************/
/* Body Container Styles */
/*************************/
#bodyContainer {
/*	You can change the font here. This will change the font for the left panel and the body panel.
*/
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}

#bodyTop {
/*If design has no bodyTop then set display:none; and comment out the other properties*/
	/*
	background:  url(images/body_top.gif) top left no-repeat;
	*/
}

#bodyBottom {
/*If design has no bodyBottom then set display:none; and comment out the other properties*/
	/*
	background:  url(images/body_bottom.gif) top left no-repeat;
	*/
}

/*************************/
/*   Fixed Panel Styles  */
/*************************/
#fixedPanel {
	
}

/*************************/
/*     Content Styles    */
/*************************/

#contentPanel {
/*	The font for this content panel is inherited from the #body id. However if you want to have
	a different color or font text here, you may add the color or font tags.
*/
	background-color:#EDECE0;
}

.musicEntry{
	color: #621414;
}

#galleryViewerContent {
	background: #CCCCCC;
}

/*************************/
/*   Footer Styles       */
/*************************/
#footer {
	background:  url(images/footer_bkg.gif) top left no-repeat;
}

#footerContent {
/*	You can change the font or color of the footerContent text by modifying those tags here.
*/
	color: #FFFFFF;
	font: .9em Verdana, Arial, Helvetica, sans-serif;
}

.designedBy {
	font-size: .9em;
}

.designedBy  a {
	color:#FFFFFF;
}

.designedBy  a:hover {
	color: #FF0000;
}