/* CSS for Layout
------------------------------------------------------------------------------------------------------------------------ */

*{padding:0;
  margin:0;
}

body{
	margin:10px 0 0 0;
    background-color:#2c1c34; 
    font:62.5% 'Lucida Grande',Verdana, Helvetica, sans-serif;}

#wrapper{
	width:75%;
    margin:0 auto;
    background-color:#616d7e;
}

#masthead{
	position:relative;
    background:url(images/bg_repeat.gif) repeat-x;
    height:15em;
}

body.biog h1,
body.news h1,
body.reviews h1,
body.diary h1,
body.bookings h1,
body.contact h1{
	margin:2.0em 0 0 0;
	padding:2.0em 0 1.0em 10.0em;
	font-weight:normal;
	font-size:14px;
	background:url(../img/news.gif) no-repeat left;
}

body.biog h1{
	background:url(images/biog.gif) no-repeat left;
}

body.news h1{
	background:url(images/news.gif) no-repeat left;
}

body.reviews h1{
	padding:2.0em 0 1.0em 11.0em;
	background:url(images/reviews.gif) no-repeat left;
}

body.diary h1{
	background:url(images/diary.gif) no-repeat left;
}

body.bookings h1{
	padding:2.0em 0 1.0em 12.0em;
	background:url(images/bookings.gif) no-repeat left;
}

body.contact h1{
	background:url(images/contact.gif) no-repeat left;
}

#main-image{
	position:absolute;
    top:0;
    left:0;
    z-index:2;
    width:404px;
    height:149px;
    background:url(images/main-image.gif) no-repeat;}         

/* CSS for Indentmenu
------------------------------------------------------------------------------------------------------------------------ */  

.indentmenu{
	font:bold 13px Arial,Verdana, Helvetica, sans-serif;
    width:100%;
    margin:0;
}           

.indentmenu ul{
	float: left;
    width: 100%;
    background:url(images/navbut1.gif) repeat-x;
}

.indentmenu ul li{
	display:inline;
}

.indentmenu ul li a{
	float:left;
    color:#2c1c5c;
    padding:5px 11px;
    text-decoration:none;
    border-right:1px solid #fff;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
	color: white; 
    background:url(images/navbut2.gif) repeat-x bottom;
}

/* CSS for Highlighting the current page
------------------------------------------------------------------------------------------------------------------------ */

body.home #menu a#home, body.biog #menu a#biog, body.news #menu a#news, body.reviews #menu a#reviews,
body.diary #menu a#diary, body.bookings #menu a#bookings, body.contact #menu a#contact,
body.shop #menu a#shop, body.sitemap #menu a#sitemap, body.gallery #menu a#gallery{
	color:#996600;
    cursor:default;
    text-transform:uppercase;
}

body.home #menu a:hover#home, body.biog #menu a:hover#biog, body.news #menu a:hover#news,
body.reviews #menu a:hover#reviews, body.diary #menu a:hover#diary, body.bookings #menu a:hover#bookings,
body.contact #menu a:hover#contact, body.shop #menu a:hover#shop, body.sitemap #menu a:hover#sitemap,
body.gallery #menu a:hover#gallery{
	color:#996600;
}

/* CSS for HOME
------------------------------------------------------------------------------------------------------------------------ */

.home_pic,
.home_pic2{
	float:left;
	margin:30px 0 0 0;
	padding:0 0 10px 0;
	width:100%;
	height:330px;
}

.home_pic2{
	height:45px;
	padding:0 0 5px 0;
}

#hpic1{
	background:#616d7e url(images/home-page.jpg) no-repeat center;
}

#hpic2{
	background:#616d7e url(images/phrase.gif) no-repeat center;
}

/*text on home page*/

.homeText {
	margin:0 0 20px 0;
	text-align:center;
}

.homeText p{
	font-size:13px;
	margin:5px 0 0 0;
	padding:0;
}

.newCD{
	background:url(images/newCD.jpg) no-repeat top;
}

.newCD h2{
	padding:115px 0 0 0;
	margin:0 0 0 218px;
	background:none;
	border-bottom:none;
}

.newCD p{
	padding:0 0 30px 0;
	margin:0 0 0 218px;
	color:#004481;
	font-weight:bold;
	background:none;
	border-bottom:none;
}

.linkAJ{
	margin:0 24px 5px 24px;
	background:#fff url(images/r2_logo.gif) no-repeat 99.5%;
}

.linkAJ h2{
	margin:0 0 0 5px;
	padding:5px 25px 5px 45px;
	background:none;
	border-bottom:none;
}

.linkAJ p{
	margin:0 70px 0 50px;
}

.linkAJ p a{
	color:#004481;
	text-decoration:underline;
}
	
	
   
/* CSS for BIOG
------------------------------------------------------------------------------------------------------------------------ */

/* BIOG PAGES */

#leftColumn{
	float:left;
	width:38%;
	padding:1.5em 0 0 0;
}

.biog_pic1,
.biog_pic2,
.biog_pic3{
	float:left;
	padding:3.5em 0 0 0;
	width:100%;
	height:26.0em;
}

#bpic1{
	background:#616d7e url(images/biogOne.jpg) no-repeat center;
}

#bpic2{
	background:#616d7e url(images/JDaniels.jpg) no-repeat center;
}

#bpic3{
	background:#616d7e url(images/biogTwo.jpg) no-repeat center;
}

#rightColumn{
	float:left;
	width:62%;
	padding:3.5em 0 0 0;
	
}

.shell{
	margin:0 auto;
	width:99%;
}

#rightColumn h2{
	margin:0;
	color:#000;
	font-size:14px;
	background:none;
	border:none;
}

#rightColumn p{
	font-size:13px;
	margin:.5em 2.0em 0 0;
}

/* CSS for NEWS
------------------------------------------------------------------------------------------------------------------------ */

.news{
	clear:both;
	margin:5px 0 20px 50px;
	padding:5px;
	  }



.NewsSection_pic{
                  float:none;
			margin:0 0 10px 0;
                  padding:0 0 30px 0;
	            width:100%; 
	            height:370px; 
	            
}

.NewsSection_pic2{
                  float:none;
			margin:0 0 10px 0;
                  width:100%; 
	            height:467px; 
	           }

.NewsSection_pic3{
                  float:none;
			margin:0 0 10px 0;
                  width:100%; 
	            height:263px; 
	            }

.NewsSection_pic4{
                  float:none;
			margin:0 auto;
	            width:100%; 
	            height:263px; 
	            
}
.NewsSection_pic5{
                  float:none;
			margin:0 0 10px 0;
	            width:100%; 
	            height:263px; }
	            
.NewsSection_pic6{
                  float:none;
			margin:0 auto;
	            width:100%; 
	            height:263px; 
	            }



#newsPic1 {
	background:url(images/1gloucester.jpg) no-repeat center center;
}

#newsPic2 {
	background:url(images/2gloucester.jpg) no-repeat center center;
}

#newsPic3 {
	background:url(images/3gloucester.jpg) no-repeat center center;
}

#newsPic4{
	background:url(images/4gloucester.jpg) no-repeat center top;
}

#newsPic5 {
	background:url(images/1aled.jpg) no-repeat center center;
}

#newsPic6 {
	background:url(images/2aled.jpg) no-repeat center center;
}
	  
.news p{font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif;
        line-height:150%;
        padding:10px 50px 0 0;}


/* CSS for REVIEWS
------------------------------------------------------------------------------------------------------------------------ */

.reviews p{font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif;
          padding:20px 50px 10px 160px;}

.reviews h4{font:14px'Lucida Grande',Verdana, Helvetica, sans-serif; 
            font-weight:bold;
            color:#2c1c34;
            background:none;
            padding:0 0 0 160px;}


/* CSS for DIARY
------------------------------------------------------------------------------------------------------------------------ */

caption{font-size:16px;
        color:#2c1c34;
        font-weight:bold;
        margin:10px auto;
        padding:5px 0 5px 0;}
        

table{margin:0 auto;
	    width:85%;
      border-collapse:collapse;
      border:1px solid #999999;}


th{font-size:14px;
   color:#2c1c34;
   background:url(images/body_bg.gif);
   font-weight:bold;
   text-align:left;
   border-bottom:1px solid #999999;}
      
      
th, td{font-size:13px;
       padding:5px 5px 5px 8px;}
       
tr:hover{background-color:#999999;
         color:#fff;}

thead tr:hover{background-color:transparent;
               color:#2c1c34;}

/* CSS for BOOKINGS
------------------------------------------------------------------------------------------------------------------------ */
.leftBook{
	float:left;
	width:35%;
	margin:5px 0 0 0;
	padding:0 0 0 20px;
}


.rightBook{
	float:left;
	width:55%;
	margin-left:20px;
}
           
.bookings p{
	font:14px 'Lucida Grande',Verdana, Helvetica, sans-serif;
    }                     



/* CSS for CONTACT
------------------------------------------------------------------------------------------------------------------------ */

.mainImage{float:left;
           margin:0 0 5px 160px;}
           
.contact p{font:14px 'Lucida Grande',Verdana, Helvetica, sans-serif;
           float:left;
           margin:20px 0 0 20px;} 


.clear{clear:both;}
           

/* CSS for SHOP
------------------------------------------------------------------------------------------------------------------------ */

#columnOne{float:left;
           width:49%;}
           

#columnTwo{float:right;
           width:49%;}         

.columnBox{margin:10px 0 10px 10px;
           height:170px;
           padding:5px;
           border:1px #2c1c34 solid;}

.columnBoxRight{margin:10px 10px 10px 0;
                height:170px;
                padding:5px;
                border:1px #2c1c34 solid;}

.atfatBox{margin:10px 55px 0 55px;
          border:1px #2c1c34 solid;
          padding:5px;}

.atfatBox h2{background:none;
             border:none;
             font-weight:normal;
             color:#2c1c34;}
.atfatBox p{
            margin:0 0 5px 0;}

.atfatBox p.price{margin:135px 0 0 0;}

img.atfat{padding:10px 10px 0 0;} 

.oiyeBox{clear:both;
         margin:10px 55px 5px 55px;
         height:176px;
         padding:5px 5px 0 5px;
         border:1px #2c1c34 solid;}

.pic{margin:5px 0 0 0;
     padding:0;
     border:none;}

.shop img{float:left;
          margin:0 0 5px 0;}

.shop h1{font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif;
            padding:15px 0 8px 155px;
            margin:40px 0 0 50px;
			background:url(images/onlineshop.gif) no-repeat left;
			}

.shop h3{font:14px 'Lucida Grande',Verdana, Helvetica, sans-serif;
         height:20px;
         padding:0;
         margin:20px 5px 0 55px;}

.shop h6{font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif;
         padding:0;
         margin:0 5px 5px 55px;}
         

.shop p{padding:0 0 0 140px;}          
          

.shopad ul{font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif;
           list-style-type:none;
           margin:0 0 0 55px;}                                    

/* CSS for SHOP PAGES btw.html, tcp.html, woae.html, fog.html, iylm.html, ctf.html oiye.html and feature.html
------------------------------------------------------------------------------------------------------------------------ */

#columnO{float:left;
         width:40%;}
           
#columnT{float:left;
         width:59%;}
            

.colboxOne{margin:10px 10px 50px 10px;
           padding:5px;}           

.colboxTwo{margin:10px 10px 0 10px;
           padding:5px;}
           
.tl ul {font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif;
        list-style-type:none;
        margin:0;
        padding:5px 0 10px 5px;}

img{margin:0 0 10px 0;
    }

.musicbutton ul li{font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif;
                   display:block;
                   margin:0 0 5px 0;
                   padding:0;
                   background:url(images/button-copy.gif) no-repeat;
		   color:#100;
                   width:200px;
                   height:40px;
                   line-height:39px;
                   text-align:center;
                   list-style-type:none;}

.musicbutton1 ul li{font:9px 'Lucida Grande',Verdana, Helvetica, sans-serif;
                   display:block;
                   margin:0 0 5px 0;
                   padding:0;
                   background:url(images/button-copy.gif) no-repeat;
		   color:#100;
                   width:200px;
                   height:40px;
                   line-height:39px;
                   text-align:center;
                   list-style-type:none;}
                   

.buttona{margin:5px 0 0 0;}

 .buttonb{margin:0;}

.btw h4, .tcp h4, .woae h4, .fog h4, .iylm h4, .ctf h4, .oiye h4, .aj h4 
{font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif;
 width:187px;
 margin:0 0 5px 0;
 background:url(images/body_bg.gif);}

.priceinfo{clear:both;}

.priceinfo p{margin:0 0 0 25px}

/* CSS for SITE MAP
------------------------------------------------------------------------------------------------------------------------ */

.sitemap p{font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif;
           padding:0px 50px 20px 65px;}

body.sitemap h5{
	     margin:30px 0 0 50px;
	 }

.sitemap h6{font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif;
            padding:120px 0 0 5px;
            margin:0;}

h2{margin:20px 0 50px 10px;}

/* CSS for Gallery
------------------------------------------------------------------------------------------------------------------------ */
.Gbox{
     margin:15px 100px 0 100px;
     padding:10px 0;
     background:url(images/body_bg.gif);
}

.gallery h6{
            font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif;
            padding:20px 0 0 100px;
}


h2 {
    margin:0 10px 0 10px;
    padding: 4px;
    font-size: 130%;
    background:#effce7;
    color:#004481;
    border-bottom: 1px solid #999;
}

.cbb1 {
      margin:0 10px 0 10px;
      background:#616d7e;
      padding: 5px 0 5px 0;
}

.gallery img{
    margin:0 0 0 20px;
    border: 2px solid #C5BDBD;
}

.gallery h3{
            margin:5px 5px 5px 5px;
            font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif;

}

/* CSS for h4 on all pages
------------------------------------------------------------------------------------------------------------------------ */
   
h4{font:16px 'Lucida Grande',Verdana, Helvetica, sans-serif;
   height:20px;
   padding:5px;
   background:url(images/body_bg.gif);}


           

/* CSS for h5 on all pages
--------------------------------------------------------------------------------------------------------------------------*/

.biog h5{height:49px;
         margin:5px 0 0 20px;
         background:url(images/biog.gif) no-repeat;
         text-indent:-9000px;}

.news h5{height:49px;
         margin:0 0 0 30px;
         background:url(images/news.gif) no-repeat;
         text-indent:-9000px;}

.reviews h5{height:49px;
            margin:0 0 0 30px;
            background:url(images/reviews.gif) no-repeat;
            text-indent:-9000px;}

.diary h5{height:49px;
          margin:0 0 0 25px;
          background:url(images/diary.gif) no-repeat;
          text-indent:-9000px;}


.bookings h5{height:49px;
             margin:0 0 0 30px;
             background:url(images/bookings.gif) no-repeat;
             text-indent:-9000px;}

.contact h5{height:49px;
            margin:0 0 0 30px;
            background:url(images/contact.gif) no-repeat;
            text-indent:-9000px;}

.shop h5{height:49px;
         margin:15px 0 0 57px;
         background:url(images/onlineshop.gif) no-repeat;
         text-indent:-9000px;}

.sitemap h5{height:49px;
            margin:15px 0 0 55px;
            background:url(images/sitemap.gif) no-repeat;
            text-indent:-9000px;}       

p{font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif;
           padding:0 50px 15px 0px;}


.textbox p{font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif;
           text-align:center;
           padding:0 20px 5px 20px;}

#columnOne p{margin:5px 0 0 0;}

#columnTwo p{margin:5px 0 0 0;}

a:link, a:visited{text-decoration:none;
                  color:#2c1c34;}

a:hover, a:active{text-decoration:underline;
                  color:#660000;}

#Xfooter{
	margin:0 0 0 20px;
	padding:0 0 0 0;
}


/* NEW footer*/

#home-footer{
	clear:both;
	margin:0 0 0 2.5em;
}



#new-footer2,
#new-footer3,
#new-footer4,
#new-footer5,
#new-footer6,
#new-footer7{
	clear:both;
	height:15.0em;
	margin:0 0 0 1.4em;
	padding:0 0 1.4em 0;
	background:url(images/footpic.gif) no-repeat;
}

#new-footer p,
#new-footer2 p,
#new-footer3 p,
#new-footer4 p,
#new-footer5 p,
#new-footer6 p,
#new-footer7 p{
	font-size:1.3em;
	padding:10.2em 0 0 9.0em;
}

#new-footer7 p{
	padding:115px 0 0 90px;
}

#new-footer2{
	background:url(images/footpic2.gif) no-repeat;
}

#new-footer3{
	background:url(images/footpic3.gif) no-repeat;
}

#new-footer4{
	background:url(images/footpic4.gif) no-repeat;
}

#new-footer5{
	margin:15px 0 0 1.4em;
	background:url(images/footpic5.gif) no-repeat;
}

#new-footer6{
	margin:15px 0 0 1.4em;
	background:url(images/footpic6.gif) no-repeat;
}

#new-footer7{
	margin:0 0 0 1.4em;
	padding:0 0 1.4em 0;
	background:url(images/footpic.gif) no-repeat;
}