CSS for Brynllwydwyn site
*/



h1{
    font-family:Verdana;Helvetica, Arial, sans-serif;
    font-size: x-large;
    background-color:navy;
    color: #bed8f3;
    padding-top: .2em;
    padding-bottom: .2em;
    padding-left: .4em;
    margin: 0;
}

li{
    font-size:small;
} 

h2{
    color:navy;
    font-size: 130%;
    font-weight:normal;
    padding-top: 15px;
}

h3{
    color:navy;
    font-size: 110%;
    font-weight:normal;
    padding-top: 10px;
}
p{
    font-size: small;
    color: navy;
}


#tagline p{
   font-style:italic;
   font-family:Verdana;Helvetica, Arial, sans-serif;
   background-color:#bed8f3;
   border-top: 3px solid #7da5d8;
   border-bottom: 3px solid #7da5d8;
   padding-top: .2em;
   padding-bottom: .2em;
   padding-left: .8em;
   margin: 0;
} 

#mainnavigation{
  font-family:Verdana;Helvetica, Arial, sans-serif;
  font-size: small;  
  color: navy; 
  width:600px;
  height:130px;
  padding-top: .5em;
}

body{
    font-family: Verdana;Helvetica, Arial, sans-serif;
    background-color:#bed8f3;
    color: navy;
    line-height: 125%;
    padding: 0;
    margin: 0;
    
}

#header{
 border-top:3px solid #7da5d8;
}

#sitebranding{
    color:#7da5d8;
    font-size: large;
    font-weight:bold;
    border-width:2px;
    border-style:solid;
    border-color:#7da5d8;
    background-color:navy;
    

}

ul{
   margin-top: 15px;
}

a}
  font-weight:bold;
}

a:link {
  color:black:
}

a:visited{
  color: gray;
}

a:hover{
  text-decoration:none;
  colour:white;
  background-color:navy;
}

a:active{
  color:aqua;
  background-color:navy;
}


/*
This section deals with the position of items on the screen.
It uses absolute positioning-fixed x and y coordinates measured 
from the top-left corner of the browser's content display.
*/

#mainnavigation,#bodycontent,#header,#BrynllwydwynImage,#CaderIdris,#Kitchen,#DiningHall,#LavendarBedroom, 
#Stables, #Patti,#PattiandView,#WalesLogo,#CeriandLisa,#WalesAirAmbulanceCheque{
 position: absolute;

}

#mainnavigation,#bodycontent{
 top: 120px;

}

/*below alters the start of the body content*/
#bodycontent,#BrynllwydwynImage,#CaderIdris,#WalesAirAmbulanceCheque{
 left:250px;right:75px;
}

#BrynllwydwynImage,#WalesAirAmbulanceCheque{
 top:600px;
 padding-top: .5em;
}


#CaderIdris{
 top:400px;
}

#Stables,#Kitchen,#WalesLogo,#CeriandLisa{
 top:320px;
}

#header{
 width: 100%;
}

/*below alters the width of the navigation panel*/

#mainnavigation, { 

width:200px;
}