table.header { 
        background-image: url('p7exp/images/bluenote2570027sharp.jpg'); 
        background-repeat: repeat-xy;   
        background-position: left 35%;   /* 60% 35%; */
        background-color: #6495ED;
        width: 100%;
}	
	
body {
		background-color: #CCCCCC; 
		background-image: none;
		tab-interval:.5in;
		}
		
a:link { 
	color:#0000C0; 
	background:transparent; 
} 

a:visited { 
	color:#C00000; 
	background:transparent; 
} 

a:active { 
	color:#336699; 
	background:transparent; 
}

#taleswrapper {
        border-top: 0px solid #000;
	border-bottom: 0px solid #333;  
	background-color: transparent ; /*  #6495ED; */
}
/*Clears the floated menu items.
Assigned to a BR tag placed just before
menuwrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
/*
talesmenubar is the root UL.
We set padding and margin to zero to eliminate all indentation, turn bullets off,
and set a font-family different from the global font-family declared for the
body element above. This sets font for just the menu. Do not add a font-size here.
*/
.talesmenubar {
	padding: 0;
	margin: 0;
        list-style: none;
        font-family:'Trebuchet MS';
	/* font-style:italic; */
        font-weight:bold;
}
/*
Root-Level Links.  Do not change the first two properties.
Adjust padding values to make the root links taller and to offset them
from the left and right edges of the link box. Font-size is set here.  
Font color is set to dark magenta.
*/

.talesmenubar a  {
	display: block; 
        text-decoration: none;
	padding: 1px 10px 1px 10px;
	border-right: 1px outset #BBB;
        border-bottom: 1px outset #BBB;
        margin-right: 7px;
        margin-bottom: 3px;
	font-size: .8em;        
        background-color: #cccccc ;  /* #D8D8D8; */
	color: blue ;   /*  #8B008B;  */
}

.talesmenubar a:active {
        padding: 0px 9px 0px 9px;
        border-top: 1 px inset #BBB;
	border-right: 2px inset #BBB;
        border-bottom: 2px inset #BBB;
        border-left: 1px inset #BBB; 
}

/*
The Root-Level list items. Floating left allows
them to appear horizontally. Width is for IE5 Mac. The last rule in
this style sheet will set the width for this element to auto for all
other browsers - hiding it from IE5 Mac. The width is proportional.
*/
.talesmenubar li {
	float: left;
	width: 9em;
}

.talesmenubar li:hover a, .talesmenubar a:focus, 
.talesmenubar  a:active, .talesmenubar li.p7hvr a {
	color: white ; /* #000000; */
        background-color: coral ;    /* #C19674; */
        background-image: url(p7exp/images/button7.gif) ;
}

.talesmenubar li {
        width: auto;
}

#p7menubar a  {
	display: block; 
	text-decoration: none;
	padding: 1px 10px 1px 10px; 
	border-right: 3px outset blue;   
        border-bottom: 3px outset blue; 	                 	 		 
        // border-top: 1px inset burlywood;
        // border-left: 1px inset burlywood;
        // margin-right: 1px; 
	font-size: .9em;
       //  background-image: url(images/button6.gif);
        background-repeat: no-repeat ;
        background-position: right center ;
        // background-color:  #E8E8E8 ; 
        background-color: transparent;		
	// color: darkmagenta ;  
        // border-radius: 15px;
	opacity: 1;
        color: white;
}