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

*{
  padding:0;
  margin:0;
}

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

img{
	margin:50px 0 0 0;
}

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

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

#container,
#footer{
           margin: 0 auto; 
	     min-width: 740px;
	     max-width: 1200px;
           background:url(images/gallerybg_container.gif) repeat-y top center;
}

#content{
         float:left;
         width:50%;
         padding:0 0 10px 0;
}

#sidebar{
         float:left;
         width:49.9%;
         padding:0 0 10px 0;
}

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

h1{
   margin:10px 0 0 0;
   width:100%;
   height:50px;
   background:url(images/gallery.gif) no-repeat;
   text-indent:-9000px;   
}

p{
  font:1.3em 'Lucida Grande',Verdana, Helvetica, sans-serif;
  color:#362463;
  line-height:130%;
}

.shell p{
  font:1.3em 'Lucida Grande',Verdana, Helvetica, sans-serif;
  margin:5px 0 0 0;
  line-height:130%;

}

ul#nav{
       margin:0;
       padding:10px 90px 10px 90px;
       list-style:none;
}

#nav li{
        margin:8px 0;
        padding-top:1px;
        font:1.1em 'Lucida Grande',Verdana, Helvetica, sans-serif;
        color:#:#362463;
        letter-spacing:1px;
        background:url(images/bg_dotted.gif) repeat-x 0 77% !important;
        background-position:0 61%;
}

#nav li a{
          float:left;
          padding:1px 3px;
          background:#abacae;
          color:#362463;
          text-decoration:none;
}

ul#nav li span{
               float:right;
               color:#362463;
               padding:1px 3px;
               background:#abacae;
}

ul#nav li br{
             clear:both;
}

.section {
	    clear: both; 
	    padding-top: 1.5em; 
}
.section h3 {
	       margin: 0; 
	       font: normal 1.4em 'Lucida Grande',Verdana, Helvetica, sans-serif; 
}

.section h3 a {
	        margin: -1px -3px; 
	        padding: 1px 3px;
              color: #362463; 
	        text-decoration: none;
}

.section h3 a:hover {
	background:#ddb34a;
}

.section p {
	margin-bottom: 1.5em; 
      margin-top:.5em;
	color:#363f67;
}

.section_pic {
	float: left; 
	margin-right: 1.25em; 
	width: 34%; 
	height: 70px; 
	text-indent: -9000px;
}

#ghpic1 {
	background: #E2E2D2 url(images/romsey4.jpg) no-repeat center center;
}

#ghpic2 {
	background: #E2E2D2 url(images/tn-Diaz&Drew.jpg) no-repeat center center;
}

#ghpic3 {
	background: #E2E2D2 url(images/gallery34.jpg) no-repeat center center;
}

#ghpic4 {
	background: #E2E2D2 url(images/AledJones1.jpg) no-repeat center center;
}

#ghpic5 {
	background: #E2E2D2 url(images/Roadpeace_logo3.jpg) no-repeat center center;
}

#ghpic6 {
	background: #E2E2D2 url(images/exebury.jpg) no-repeat center center;
}

#ghpic7 {
	background: #E2E2D2 url(images/Lent1.jpg) no-repeat center center;
}

#ghpic8 {
	background: #E2E2D2 url(images/md63gallery.jpg) no-repeat center center;
}

#ghpic9 {
	background: #E2E2D2 url(images/sandringham01.jpg) no-repeat center center;
}

#ghpic10 {
	background: #E2E2D2 url(images/Rochester1.jpg) no-repeat center center;
}
#ghpic11 {
	background: #E2E2D2 url(images/Ely1.jpg) no-repeat center center;
}
#ghpic12{
	background: #E2E2D2 url(images/Exeter1.jpg) no-repeat center center;
}

#ghpic13{
	background: #E2E2D2 url(images/portsmouth-thumbnail.jpg) no-repeat top left;
}

/*=Gallery Boxes
------------------------------------------------------------------------------------------------------------------------ */
#gallerypicbox{
             clear:both;
             margin:10px 0 5px 0;
             padding:1px 0 0 0;
             
}

#gallerypicbox2{
             clear:both;
             margin:10px 0 5px 0;
             padding:1px 0 0 0;
             
}

#gallerypicbox h2, #gallerypicbox2 h2{
                                      clear:both;
                                      height:15px;
                                      margin:5px 5px 0 5px;
                                      font-weight:normal;
                                      color:#362463;                                        
                                      padding:4px;
                                      text-align:center;
                                      font-size:1.2em; 
}

#gallerypicbox .section_pic, #gallerypicbox2 .section_pic,
#gallerypicbox .section_picUp, #gallerypicbox2 .section_picUp{   
                                                             display:block;
                                                             margin-top:5px;
                                                             margin-bottom:5px;
                                                             width:100%;
                                                             height:150px;
                                                             border:none;
                                                             text-indent:-9000px;
}

#gallerypicbox .section_picUp, #gallerypicbox2 .section_picUp{   
                                                              height:257px;
}

/* CSS for (Hatchlands) Gallery Three
------------------------------------------------------------------------------------------------------------------------ */

#three1{
       background:url(images/gallery3.jpg) no-repeat center center;
}

#three2{
       background:url(images/gallery31.jpg) no-repeat center center;
}

#three3{
       background:url(images/gallery32.jpg) no-repeat center center;
}

#three4{
       background:url(images/gallery33.jpg) no-repeat center center;
}

#three5{
       background:url(images/gallery34.jpg) no-repeat center center;
}

/*=Exbury Gardens
------------------------------------------------------------------------------------------------------------------------ */
#Ex1{
     background:url(images/exe1.jpg) no-repeat center center;
}

#Ex2{
     background:url(images/exe3.jpg) no-repeat center center;
}

#Ex3{
     background:url(images/ex4.jpg) no-repeat center top;
}

#Ex4{
     background:url(images/exe6.jpg) no-repeat center center;
}

#Ex5{
     background:url(images/exe2.jpg) no-repeat center center;
}



/*=Lent
------------------------------------------------------------------------------------------------------------------------ */
#lent1{
     background:url(images/Lent2.jpg) no-repeat center center;
}

#lent2{
     background:url(images/Lent3.jpg) no-repeat center center;
}

#lent3{
     background:url(images/Lent4.jpg) no-repeat center top;
}

#lent4{
     background:url(images/Lent5.jpg) no-repeat center center;
}

#lent5{
     background:url(images/Lent6.jpg) no-repeat center center;
}


/*=Mapledurham
------------------------------------------------------------------------------------------------------------------------ */
#md1{
     background:url(images/md55.jpg) no-repeat center center;
}

#md2{
     background:url(images/md56.jpg) no-repeat center center;
}

#md3{
     background:url(images/md59.jpg) no-repeat center top;
}

#md4{
     background:url(images/md60.jpg) no-repeat center center;
}

#md5{
     background:url(images/md63.jpg) no-repeat center center;
}

#md6{
     background:url(images/md64.jpg) no-repeat center center;
}

#md7{
     background:url(images/md66.jpg) no-repeat center center;
}

#md8{
     background:url(images/md68.jpg) no-repeat center center;
}

#md9{
     background:url(images/md80.jpg) no-repeat center center;
}

#md10{
     background:url(images/md84.jpg) no-repeat center center;
}

#md11{
     background:url(images/md86.jpg) no-repeat center center;
}

/*=Sandringham
------------------------------------------------------------------------------------------------------------------------ */
#san1{
     background:url(images/sandringham02.jpg) no-repeat center center;
}

#san2{
     background:url(images/sandringham07.jpg) no-repeat center center;
}

#san3{
     background:url(images/sandringham03.jpg) no-repeat center top;
}

#san4{
     background:url(images/sandringham11.jpg) no-repeat center center;
}

#san5{
     background:url(images/sandringham10.jpg) no-repeat center center;
}

#san6{
     background:url(images/sandringham13.jpg) no-repeat center center;
}

#san7{
     background:url(images/sandringham05.jpg) no-repeat center center;
}

#san8{
     background:url(images/sandringham08.jpg) no-repeat center center;
}

#san9{
     background:url(images/sandringham09.jpg) no-repeat center center;
}

#san10{
     background:url(images/sandringham06.jpg) no-repeat center center;
}

#san11{
     background:url(images/sandringham12.jpg) no-repeat center center;
}

#san12{
     background:url(images/sandringham04.jpg) no-repeat center center;
}

/* CSS for Roadpeace
------------------------------------------------------------------------------------------------------------------------ */
#Roadpeace h2{
              height:15px;
              margin:20px 5px 20px 5px;
              color:#617185;
              background:url(images/body_bg.gif) repeat-x;
              padding:4px;
              text-align:center;
              font-size: 1.4em; 
}

#Roadpeace h3{
             display:block;
             color:#362463;
	       margin: 10px 0 10px 0; 
             font: normal 1.2em 'Lucida Grande',Verdana, Helvetica, sans-serif; 
}

.artbox{
        margin:10px;
        width:97%;
        height:120px;
        background-color:none;
}

#artpic1{
         height:120px;
         text-indent:-9000px;
         background:url(images/Roadpeace_logo.gif) no-repeat center center;
}

#artpic2{
         height:200px;
         text-indent:-9000px;
         background:url(images/litcandle.gif) no-repeat right;
}

#Roadpeace h6{
              float:left;
              display:block;
              margin:20px 0 0 180px;
              padding:5px;
              width:120px;
              height:15px;
              font: normal 1.2em 'Lucida Grande',Verdana, Helvetica, sans-serif; 
              border:1px solid #362463;
              
}

#Roadpeace h6 a{
                text-decoration:none;
                color:#362463;

}

/* CSS for Library pages
------------------------------------------------------------------------------------------------------------------------ */

#interview{
           clear:both;
           margin:5px 0 0 5px;
           padding:5px 0 0 0;
}

#interview h1{
              margin:0;
              padding:0 0 5px 0;
              height:14px;
              font:14px 'Lucida Grande',Verdana, Helvetica, sans-serif; 
              color:#362463;
              background:none;
              text-indent:0px;   
}

#interview h2{
              margin:0;
              padding:0;
              height:0;
              font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif; 
              color:#362463;
              background:none;
              text-indent:0px;   
}

#interview h3{
              margin:40px 0 0 0;
              padding:0 0 15px 0;
              height:0;
              font:12px 'Lucida Grande',Verdana, Helvetica, sans-serif; 
              color:#000;
              background:none;
              text-indent:0px;   
}

#interview p{
             margin:0 0 5px 0;
             padding:2px;
}

/* CSS for Good Morning Sunday pages
------------------------------------------------------------------------------------------------------------------------ */

#gms h2{
        height:15px;
        margin:5px 5px 0 5px;
        color:#617185;
        background:url(images/body_bg.gif) repeat-x;
        padding:4px;
        text-align:center;
        font-size: 1.4em;
}        
           
.tl ul {font:13px 'Lucida Grande',Verdana, Helvetica, sans-serif;
        list-style-type:none;
        margin:0;
        padding:5px 0 10px 5px;}

.musicbutton1 ul li{font:9px 'Lucida Grande',Verdana, Helvetica, sans-serif;
                   display:block;
                   margin:10px 0 10px 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 a{
                color:#363f67;
                text-decoration:none;
}

#hpicg1{
       background:url(images/romsey1.jpg) no-repeat center center;
}

#hpicg2{
       background:url(images/romsey3.gif) no-repeat center center;
}

#hpicg3{
       background:url(images/romsey2.jpg) no-repeat center center;
}

#hpicg4{
       background:url(images/romsey5.jpg) no-repeat center center;
}

#hpicg5{
       background:url(images/romsey4.jpg) no-repeat center center;
}

#hpic1{
       background:url(images/justin2.jpg) no-repeat center center;
}

#hpic2{
       background:url(images/Diaz&Drew.jpg) no-repeat center center;
}

#hpic3{
       background:url(images/JLumley.jpg) no-repeat center center;
}

#hpic4{
       background:url(images/RBranson.jpg) no-repeat center center;
}

#hpic5{
       background:url(images/Susan.jpg) no-repeat center center;
}

/* CSS for footer and hack
------------------------------------------------------------------------------------------------------------------------ */
#footer{
        clear:both;
}

.footmenu p{
            font-size:12px;
            margin:0;
            padding:.4em;
            background:#e1e1e1;
            color:#362463;
}

.footmenu p a:link, .footmenu p a:visited {
                                         text-decoration:none;
                                         color:#362463;                                        
}

.footmenu p a:hover{
                    color:#000;
                    background:#eee;
}

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */