/*
css for kilmore quay lifeboat site
*/


body {
  font-family: verdana,helvetica,arial,sans-serif;
  background-color:#e2edff;
  padding: 0px;
  line-height:20px;
  width:100%;
}


h1,h2, h3,h4 {
  font-family: "trebuchet ms",arial,helvetica,sans-serif;
}

h1{
  font-family: "trebuchet ms",arial,helvetica,sans-serif;
  font-size:60px;color:white;
  background-color:navy;
  padding-top:58px;
  padding-bottom: 16px;
  padding-left:10px;
  margin:2px;
     
}

li{
  font-size:18px;
  list-style-type: none;
}

h2{color: blue;
  font-size: 20px;
  font-weight:normal;
  padding-left:10px;
  color:navy;  
}


h3{
  color:navy;
  font-size:20px;
}


h4{
  color: white;
  font-size: 12px;
  font-weight:normal;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:0px;
  padding-right:0px;
  margin:0px;
}
 
h5{
  color: blue;
  font-size: 12px;
  font-weight:normal;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:10px;
  padding-right:0px;
  margin:0px; 
}

h6{
  color: blue;
  font-size: 11px;
  font-weight:normal
}

#here {
  color: blue;
  font-size: 17px;
  font-weight:normal;
  background-color:#bed8f3;width:219px;
  padding-top:10px;
  padding-bottom:5px;
  padding-left:0px;
  padding-right: 2px;
  
}
  
p{
  font-size:12px;
  color:blue;
}

a{
  font-weight:bold;
  color:navy;
}

a:visited {
  color:gray;
}

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


.fun {
  color: #339999;
  font-family: georgina,times, serif;
  letter-spacing:2px;
}

.contentconstrained {
  padding-right:290px;
}

.contentconstrainedphoto {
  padding-right:700px;
}

/*news and shouts*/
.contentconstrained a {
  padding-right:290px;
}

/*home page the little bite at the top*/
.contentconstrained b {
  padding-right:30px;
}


/* buttons on news and shouts home page*/

.buttonnashome2012 {
  position:absolute;
  left:10px;
  top:100px;
  width:300px;
  height:240px;
  background:url("photo gallery/jump.jpg")
  
}


.buttonnashome2011 {
  position:absolute;
  left:330px;
  top:100px;
  width:300px;
  height:240px;
  background:url("photo gallery/2011a.jpg")
  
}

.buttonnashome2010 {
  position:absolute;
  left:10px;
  top:360px;
  width:300px;
  height:240px;
  background:url("photo gallery/killhome1.jpg")
  
}

.buttonnashome2009 {
  position:absolute;
  left:330px;
  top:360px;
  width:300px;
  height:240px;
  background:url("photo gallery/2009.jpg")
  
}



.buttonnashome2008 {
  position:absolute;
  left:10px;
  top:620px;
  width:300px;
  height:240px;
  background:url("photo gallery/2008.jpg")
  
}

/* buttons on news and shouts pages*/






#navigation {background-image: url("photo gallery/springsa.jpg");
  width:225px;
  height:549px;
  background: url("photo gallery/springsa.jpg") 
}  

#links{background-image: url("photo gallery/tfg a.jpg");
  width:220px;
  height:645px;
  background: url("photo gallery/tfg a.jpg")    
}

#famous{}
  

#tagline p {
  font-style: italic;
  font-family: georgia, times, serif;
  background-color:#bed8f3;
  border-top:3px solid #7da5d8;
  border-bottom:3px solid #7da5d8;
  padding-top:10px;
  padding-bottom:2px;
  padding-left:10px;
  margin:2px;
  
}

/*video screen on index page*/
#frontpagemovie {
border-top:3px solid #7da5d8;
  border-bottom:3px solid #7da5d8;
    border-right:3px solid #7da5d8;
      border-left:3px solid #7da5d8;
}


/*deals with the writing on the footers*/
#footer {
  font-family: "trebuchet ms",arial,helvetica,sans-serif;
}


/*this section deals with the tables on the station personal page*/

td {
border:1px solid navy;
  text-align:center;
  font-size:16px;
  padding:10px;
  color:navy;
}

th {    /*table header*/
  text-align: left;
  color:blue;
  padding:5px;
  color:navy;
}

table {
  border-collapse:collapse;
}

#abbervs {
  position:absolute;
  left:30px;
  top:920px;
  width:255px;
}

#table{  /* text on station personal page*/
  position:absolute;
  left:310px;
  top:160px;
  width:680px;
}





#tablehs{                                   /* text on past personal page*/
  position:absolute;
  left:320px;
  top:160px;
  width:680px;
}


#tablecox{                                 
  position:absolute;
  left:680px;
  top:605px;
  width:680px;
}
#con{  /*under construction on past personal page*/
  position:absolute;
  left:610px;
  top:140px;
}

   

                        /* this section deals with the photo gallery page.*/




.photogallery   {
  font-size:12px;
  font-weight:bold;
  width:300px;
  line-height:14px;
} 

.photogalleryright  {
  font-size:12px;
  font-weight:bold;
  width:300px;
  line-height:14px;
}

.photogalleryfarright  {
  font-size:12px;
  font-weight:bold;
  width:220px;
  line-height:14px;
}  
.photocredit{
  font-weight:normal;
  color:navy;
}

.photogallery {
  padding-bottom:20px;
  border-bottom:1px solid navy;
  
}


.photogalleryright {
  padding-bottom:20px;
  border-bottom:1px solid navy;
}


.photogalleryfarright {
  padding-bottom:20px;
  border-bottom:1px solid navy;
}

/* end of photo gallery page*/

.fundraising {
  font-size:12px;
  color:blue;
  padding-top:0px;
  padding-bottom:10px;
  padding-left:10px;
  border-bottom:1px solid navy;
}

.fundraisingu {
  font-size:14px;
  color:blue;
  padding-bottom:10px;
  padding-left:10px;
  border-bottom:1px solid navy;
}

.newsandshouts {
  padding-bottom:15px;
  border-bottom:1px solid 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.
*/


#navigation{
  position:absolute;
  top:260px;
  left:80px;
}

#bodycontent{
  position:absolute;
  left:300px;
  top:160px;
  width:945px;
}

#bodycontenth{
  position:absolute;
  left:320px;
   top:150px;
  width:635px;
}

#bodycontentha{  /*rnli text on history page*/
  position:absolute;
  left:310px;
   top:190px;
  width:635px;
}

#bodycontentn{  /* text on news and shouts page*/
  position:absolute;
  left:310px;
  top:160px;
  width:600px;
}

#bodycontentf{  /* text on fundraising page*/
  position:absolute;
  left:310px;
  top:160px;
  width:600px;
}

#bodycontentp{  /* text on photo gallery page*/
  position:absolute;
  left:310px;
  top:160px;
  width:650px;
}

#tynespec{  /* text on tyne specification. tyne 47-021 page plus tamar page*/
  position:absolute;
  top:910px;
  left:70px;
  width:650px;
}


#header{
  position:absolute;
  top:15px;
  left:80px;
  width:1095px;
}

#here{
  position:absolute;
  top:160px;
  left:82px;
}


#links{
  position:absolute;
  top:164px;
  left:953px;
}

#frontpagemovie{
  position:absolute;
  top:260px;
  left:311px;
}

#house{       /* pic of house on contact page*/
  position:absolute;
  top:348px;
  left:310px;
}

#emergencycontact{    /*Emergency contact info on contact page*/
  position:absolute;
  top:320px;
  left:310px;
}

#cssmark{
  position:absolute;
  top:820px;
  left:80px;
}


#htmlmark{
  position:absolute;
  top:860px;
  left:80px;
}

/* on history page*/
#aip{
  position:absolute;
  top:1150px;
  left:320px;
}

#ladymurphy{
  position:absolute;
  top:1150px;
  left:670px;
}

#johnp{
  position:absolute;
  top:1050px;
  left:80px;
}
/*end on history page*/

#photogallery{
  position:absolute;
  top:260px;      
  left:310px;
}

#photogallerya{
  position:absolute;
  top:520px;      
  left:310px;
}

#photogallery2{
  position:absolute;
  top:781px;      
  left:310px;
}

#photogallery3{
  position:absolute;
  top:1042px;      
  left:310px;
}

/*first row of pics middle ones*/
#photogalleryright{
  position:absolute;
  top:260px;      
  left:580px;
}

/*second row of pics middle ones*/
#photogalleryright1{
  position:absolute;
  top:520px;      
  left:580px;
}

/*3rd row of pics middle ones*/
#photogalleryright2{
  position:absolute;
  top:781px;      
  left:580px;
}

/*fourth row of pics middle ones*/
#photogalleryright3{
  position:absolute;
  top:1042px;      
  left:580px;
}

/*from here down is FAR right*/
/*first row of pics*/
#photogalleryfarright{
  position:absolute;
  top:260px;      
  left:850px;
}

/*second row of pics far right*/
#photogalleryfarright1{
  position:absolute;
  top:520px;      
  left:850px;
}

/*3rd row of pics far right*/
#photogalleryfarright2{
  position:absolute;
  top:781px;      
  left:850px;
}

/*fourth row of pics far right*/
#photogalleryfarright3{
  position:absolute;
  top:1042px;      
  left:850px;
}

/* end of pics*/

#famous{
  position:absolute;
  top:225px;
  left:300px;
}



#tagline{
  position:absolute;
  top:115px;
  left:80px;
  width:1095px;
}

#flag{
  position:absolute;
  top:8px;
  left:1025px;
}

#flagn{
  position:absolute;
  top:8px;
  left:1025px;
}

#flagp{
  position:absolute;
  top:145px;
  left:1023px;
}

#flagty{
  position:absolute;
  top:5px;
  left:952px;
}


/*video player position on video page*/

#vid1{
    position:absolute;
    top:241px;
    left:295px;
}

#vid2{
    position:absolute;
    top:241px;
    left:615px;
}

#vid3{
    position:absolute;
    top:650px;
    left:295px;
}
#vid4{
    position:absolute;
    top:650px;
    left:615px;
}

#vid5{
    position:absolute;
    top:1059px;
    left:295px;
}

#vid6{
    position:absolute;
    top:1059px;
    left:615px;
}

/*allow content notice on video page*/

#allowcontent{
    position:absolute;
    top:160px;
    left:315px;
    width:580px;
    color:red;
}


/*video discription on video page*/

#vid1w{
    position:absolute;
    top:560px;
    left:305px;
    width:300px;
}

#vid2w{
    position:absolute;
    top:560px;
    left:630px;
    width:300px;
}

#vid3w{
    position:absolute;
    top:975px;
    left:305px;
    width:300px;
}

#vid4w{
    position:absolute;
    top:975px;
    left:630px;
    width:300px;
}

#vid5w{
    position:absolute;
    top:1390px;
    left:305px;
    width:300px;
}

#vid6w{
    position:absolute;
    top:1390px;
    left:630px;
    width:300px;
}

/*end of video player position on video page*/

  
/*footer on home page*/
  
#footerh {background-image: url("photo gallery/footer.jpg");
  position:absolute;
  top:1000px;
  left:80px;
  width:1095px;
  border-top:5px solid #7da5d8;
  border-bottom:10px solid #7da5d8;
  background: url("photo gallery/footer.jpg")
}



/*footer on history*/

#footer3{background-image: url("photo gallery/footer.jpg");
  position:absolute;
  top:1450px;
  left:80px;
  width:1095px;
  border-top:5px solid #7da5d8;
  border-bottom:10px solid #7da5d8;
  background:url("photo gallery/footer.jpg")
}



/*footer on photo gallery*/

#footer1{background-image: url("photo gallery/footer.jpg");
  position:absolute;
  top:1350px;
  left:80px;
  width:1095px;
  border-top:5px solid #7da5d8;
  border-bottom:10px solid #7da5d8;
  background:url("photo gallery/footer.jpg")
}


/*back to top on fundraising*/
#back-topf {
   float:right;margin: 7400px 200px 0 0;
}

/*footer on fundraising*/

#footer5{background-image: url("photo gallery/footer.jpg");
  position:absolute;
  top:7500px;
  left:80px;
  width:1095px;
  border-top:5px solid #7da5d8;
  border-bottom:10px solid #7da5d8;
  background:url("photo gallery/footer.jpg")
}


/*footer for station personal*/
#footer2{background-image: url("photo gallery/footer.jpg");
  position:absolute;
  top:6450px;
  left:80px;
  width:1095px;
  border-top:5px solid #7da5d8;
  border-bottom:10px solid #7da5d8;
  background:url("photo gallery/footer.jpg")
}

/*footer for past personal*/
#footerpp{background-image: url("photo gallery/footer.jpg");
  position:absolute;
  top:2300px;
  left:80px;
  width:1095px;
  border-top:5px solid #7da5d8;
  border-bottom:10px solid #7da5d8;
  background:url("photo gallery/footer.jpg")
}





/*footer for news and shouts on home page*/

#footer4{background-image: url("photo gallery/footer.jpg");
  position:absolute;
  top:1100px;
  left:100px;
  width:1097px;
  border-top:5px solid #7da5d8;
  border-bottom:10px solid #7da5d8;
  background:url("photo gallery/footer.jpg")
}






/*back to top on nas2008*/
#back-top2008 {
   float:right;margin: 1700px 200px 0 0;
}

/*footer for nas2008*/
#footer4a2008{background-image: url("photo gallery/footer.jpg");
  position:absolute;
  top:1900px;
  left:100px;
  width:1097px;
  border-top:5px solid #7da5d8;
  border-bottom:10px solid #7da5d8;
  background:url("photo gallery/footer.jpg")
}





/*back to top on nas2009*/
#back-top2009 {
   float:right;margin: 6000px 200px 0 0;
}

/*footer for nas2009*/
#footer4a2009{background-image: url("photo gallery/footer.jpg");
  position:absolute;
  top:6200px;
  left:100px;
  width:1097px;
  border-top:5px solid #7da5d8;
  border-bottom:10px solid #7da5d8;
  background:url("photo gallery/footer.jpg")
}





/*back to top on nas2010*/
#back-top2010 {
   float:right;margin: 12700px 200px 0 0;
}


/*footer for nas2010*/
#footer4a2010{background-image: url("photo gallery/footer.jpg");
  position:absolute;
  top:12900px;
  left:100px;
  width:1097px;
  border-top:5px solid #7da5d8;
  border-bottom:10px solid #7da5d8;
  background:url("photo gallery/footer.jpg")
}




/*back to top on nas2011*/
#back-top2011 {
   float:right;margin: 9950px 200px 0 0;
}


/*footer for nas2011*/
#footer4a2011{background-image: url("photo gallery/footer.jpg");
  position:absolute;
  top:10150px;
  left:100px;
  width:1097px;
  border-top:5px solid #7da5d8;
  border-bottom:10px solid #7da5d8;
  background:url("photo gallery/footer.jpg")
}


/*back to top on nas2012*/
#back-top2012 {
   float:right;margin: 1075px 200px 0 0;
}


/*footer for nas2012*/
#footer4a2012{background-image: url("photo gallery/footer.jpg");
  position:absolute;
  top:1150px;
  left:100px;
  width:1097px;
  border-top:5px solid #7da5d8;
  border-bottom:10px solid #7da5d8;
  background:url("photo gallery/footer.jpg")
}




/*footer on contacts*/
#footerc{background-image: url("photo gallery/footer.jpg");
  position:absolute;
  top:1000px;
  left:80px;
  width:1095px;
  border-top:5px solid #7da5d8;
  border-bottom:10px solid #7da5d8;
  background:url("photo gallery/footer.jpg")
}

/*footer on Tyne 47-021*/
#footer8{background-image: url("photo gallery/footer.jpg");
  position:absolute;
  top:1350px;
  left:80px;
  width:1095px;
  border-top:5px solid #7da5d8;
  border-bottom:10px solid #7da5d8;
  background:url("photo gallery/footer.jpg")
}

/*footer on videos*/
#footerv{background-image: url("photo gallery/footer.jpg");
  position:absolute;
  top:1500px;
  left:80px;
  width:1095px;
  border-top:5px solid #7da5d8;
  border-bottom:10px solid #7da5d8;
  background:url("photo gallery/footer.jpg")
}



/*
end of the section that deals with the position of items on the screen.
*/