table.header { 
        background-image: url('p7exp/images/bluenote2570027sharp.jpg'); /* 5322447.jpg");  */
        background-repeat: repeat-xy;   
        background-position: left 35%;   /* 60% 35%; */
        background-color: #6495ED; 
        width: 100%;
}

td.topsection {
        background-image: url('p7exp/images/BlueBack.jpg');
        background-repeat: repeat-xy;
	background-color: #A3C6EC ;
}	
	
body {
	background-color: #EAEAEA; // + 131313 = #FDFDFD; //  #E3E3E3 ; //   
	background-image: none;
}

.content {
	background-color: #FDFDFD;
}

// div { background-color:  #FDFDFD; }// #FFEFD5; } // #FFEFD5; } // antiquewhite (#FAEBD7); } // linen (#FAF0E6) ; // #FFEBC2; // #FFE8BA  }

a:link { 
	color:#0000FF; 
	background:transparent; 
} 																																																		

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

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

.picture { 
   position: relative; 
   text-decoration: none;
   }

.picture img { 
   border: 4px double darkblue; /* sienna; */
   }

.picture span {
   position:absolute; 
   display:none; 
   left:-80px;
/*
   left:-60px; 
*/
   background-color: #FFEFD5; 
   font-size:.8em; 
   }

.picture:hover span { 
   display: inline; 
   }


#News, #People, #LostSheep, #InMemoriam, #Books  {
	font-family: Verdana;
	font-size: .8em;	
}


#People, #LostSheep, #InMemoriam {
        color: darkblue;
}

#News {
        /* background-image: url('p7exp/images/lavRoseA117A.jpg'); */
        color:  darkblue  ; 
        background-color: transparent; 
         border: 0px double sienna; /* sienna; */
        /* color: ivory ; */
        /* background-color: forestgreen; /* #F5A286 ; #FFDAB9; DD7711 ; /*B50429; *#EB6F30 #FFEC8B #F5A286  90F8BC B0C4DE F5A286  FFDEAD  009F0F  F5A286  FFDAB9  E0E0E0  */
}


/*
#News a:link { color: darkblue }

#News a:visited { color: yellow }
*/



#LinkMenuWrapper {
        padding: 1;
/*
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
        border-right: 1px solid #333;
        border-left: 1px solid #333; 
*/
        border: 0 px double sienna;
        /* background-image: url('p7exp/images/lavRoseA117A.jpg'); */ 
	background-color: transparent;   /*  #6495ED; */
}

#ExternalLinks, #ExternalLinks ul {
	padding: 1;
	margin: 1;
        list-style: none;
	font-family: 'Trebuchet MS';  
	font-style: italic;
	font-weight: bold;
	font-size:.9em;
       
}

#ExternalLinks li a {              /* Bug fix for Internet Explorer spacing */
	display: inline-block;
}

#ExternalLinks li a {
	display: block; 
	text-decoration: none;
	padding: 4px 12px 4px 12px;
	border-right: 0px solid #333;
	font-size: .9em;
        color: "DarkBlue";
}

#ExternalLinks li {
	width: auto;;       
}

/* new */
#ExternalLinks li a:visited {
        border: transparent;
        outline: 0;
        color: #A00000;
}

#ExternalLinks li a:hover, li a:focus {
	background-color: #E74208 ; /* #cD5B45 ; dark coral ; #FF7F50 coral */
        background-image: url(images/button8.gif);
        color: white;	
        background-repeat: repeat-x;
}

/* new */
#ExternalLinks li a:active {
        padding: 2px 10px 2px 10px;
        border: 2px inset #BBB;
}

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

#homewrapper {
        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;
}
/*
homemenubar 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.
*/
.homemenubar {
	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.
*/

.homemenubar 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;  */
}

.homemenubar 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.
*/
.homemenubar li {
	float: left;
	width: 9em;
}

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

.homemenubar li {
        width: auto;
}

* {
    box-sizing: border-box;
}

.column {
    float: left;
    padding-top: 15px;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.menu {
    width: 20%;
}
.content {
    width: 80%;
    padding-left:20px;
}