a {
    color: white;
}

body
{
background:darkslategrey;
}

/*below holds CN name style*/
#ExtraTopBlock
{
height:200px;
width:880px;
position:absolute;
top:0px;
left:0px;
background-color:white;
z-index:2;
}

/*below holds slide show;  h was 400 w was 420*/
#TopRightBlock
{
height:450px;
width:470px;
position:absolute;
top:0px;
/*below was right:0*/
left:880px;
background-color:darkslategrey;
z-index:3;
}


#xBlock
{
background-color:lightslategrey;
height:420px;
width:470px;
position:absolute;
top:400px;
left:880px;
z-index:3;
margin:0 0 0 0;
border: 5px solid red;
    padding: 20px;
}



/*below holds horizontal links and the blurb Established in etc*/
#TopBlock
{
height:110px;
/*was 880px wide*/
width:880px;
position:absolute;
top:200px;
left:0px;
background-color:darkslategrey;
z-index:2;
}

/*below for the managment info*/
#TopBlock_a
{
height:110px;
/*was 880px wide*/
width:880px;
position:absolute;
top:200px;
left:30px;
background-color:darkslategrey;
z-index:2;
}

/*below holds blurb on index page below the links*/
#NewTopBlock
{
height:0px;
/*was 880px wide*/
width:880px;
position:absolute;
top:300px;
left:10px;
background-color:darkslategrey;
z-index:2;
padding-right: 50px;
}

#IntermediateBlock
{
height:400px;
width:1000px;
position:absolute;
top:550px;
left:0px;
background-color:darkslategrey;
z-index:3;
padding-left: 50px;
}

#LowerBlock
{
height:300px;
width:1000px;
position:absolute;
top:890px;
left:0px;
background-color:darkslategrey;
z-index:3;
padding-left: 10px;
}

#FooterBlock
{
height:20px;
width:1300px;
position:static;
top:1010px;
left:0px;
background-color:ivory;
z-index:2;
text align:left;
}

#Image
{
float:right;
width:400;
margin:0 10 0 0;
padding:15px;
text align:centre;
}

#ImageFloatLeft
{
float:left;
width:400;
margin:0 10 0 0;
padding:15px;
text align:centre;
}



#SmallerBlockToHoldText
{
color:brown;
background-color:beige;
height:370px;
width:550px;
position:absolute;
top:50px;
left:10px;
z-index:2;
margin:0 10 0 0;
}

#SmallerBlockToHoldTextOrPicOnRight
{
color:gold;
background-color:brown;
height:370px;
width:200px;
position:absolute;
top:50px;
left:600px;
z-index:2;
margin:0 10 0 0;
}


/* is to format the red text describing each book */
p2
{
color:ivory;
margin:0 30 0 0;
font-size:16px;
padding:0 20 0 0px;
font-weight:normal;
}


/*bl is there for the access key colour*/
bl
{
color:orange;
text-decoration:none;
}

/*border*/
p.round1 {
    border: 2px solid red;
    border-radius: 5px;
}


/*  for banner at top we have h1, h2, h5  */

h1 
{
font-size:2.5em;
text-align:center;
font-family:Garamond, Times, serif;
font-weight: bold;
color: #FAFAD2;
/* font-weight: 800; */
margin:0px 0px 0px 0px;
}

h2 {
text-align:left;
font-family:Georgia, Arial;
font-weight: bold;
color: #FAFAD2;
font-weight: 400;
margin:0px 0px 0px 0px;
font-size:1.875em;}

h3 {
text-align:left;
font-family:Georgia, Arial;
font-weight: bold;
color: #FAFAD2;
font-weight: 400;
margin:0px 0px 0px 0px;
font-size:1.5em;}

h3Orange {
text-align:left;
font-family:Georgia, Arial;
font-weight: bold;
color: orange;
font-weight: 400;
margin:0px 0px 0px 0px;
font-size:1.5em;}

h4 {
text-align:left;
font-family:Georgia, Arial;
font-weight: bold;
color: #FAFAD2;
font-weight: 400;
margin:0px 0px 0px 0px;
font-size:1.2em;}

/*h45 is just a bit smaller than h4*/
h45 {
text-align:left;
font-family:Georgia, Arial;
font-weight: bold;
color: #FAFAD2;
font-weight: 450;
margin:0px 0px 0px 0px;
font-size:1.3em;}

/*below for names in mngt*/
h45o{
text-align:left;
font-family:Georgia, Arial;
font-weight: bold;
color: orange;
font-weight: 450;
margin:0px 0px 0px 0px;
font-size:1.3em;}


/*below small type but ranged left used on biogs*/
h5a {
text-align:left;
font-family:Georgia, Arial;
font-weight: bold;
color: #FAFAD2;
font-weight: 400;
margin:0px 0px 0px 0px;
font-size:1.em;}

/*h55 is black colour if the footer is in ivory*/
h55 {
text-align:center;
font-family:Georgia, Arial;
font-weight: bold;
color: slategrey;
font-weight: 400;
margin:0px 0px 0px 0px;
font-size:1.em;}

/*  below about the links in the banner I hope*/
#linklist
{
float:center;
text-decoration:none;
font-weight:bold;
font-size:14px;

margin-left: 0;
padding:0 0 0 0;  /*   ?*/
}
#linklist li a:hover {background-color:gray;}

#linklist li a
{
margin-left: 10px;
color:red;
text-decoration:none;

}

#linklist li
 {
 display:inline;
 list-style:none;
/* padding:  0em 0.1em;   pmonk */
padding:  0em 0.2em;
border-right:3px solid orange;
 }



/* below about the link below the pictures so they don't take same properties as banner links */

a.two
{
color:red;
}