/* Global Styles*/

body{
     font-size: 0.8em;
     margin:0;
     margin-left:9%;
     margin-right:9%;
     padding:0;
     font-family: arial, "lucida console", sans-serif
     width:80%;
     background-color:#ffffff;
     color:#000000;  
}


.offscreen {
    position: absolute;
    left: -999em;
}



/* Main content items */

#headerBar{     
     background-color:#820082;    
     padding:5px 0;   
     *padding:15px 0; 
     border:3px outset #E0AFE1;
     margin:0;

}

#headerBar h1{     
     background: #FFFFFF;    
     border:3px ridge #BA00BC;
}

#headerBar h1 img{
     float:left;
}

#headerBar h1 #headerPic{
     float:right;
}

#headerBar h1:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

#headerBar h1 { zoom: 1; }




#mainNav{    
       background-color: #E5D1E5;
       float:left; 
       width:12em;  
       padding:0;  
       margin:0;  
}

#mainNav:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#mainNav { zoom: 1; }


#mainNav ul{ 
       padding:0;  
} 

#mainNav li{ 
       list-style-type:none;         
     
} 

#mainNav li a{
     color:#000000; 
}

#mainNav li a img{ 
       border: 1px solid #E5D1E5;     
}




#mainContent{
      margin:0;
      padding:0 1em 0 13em;
      background: #FFFFFF url(img/fade.gif) repeat-y scroll right center;
      border: 3px outset #820082;
}



/* CSS for wedding book  */

#weddingBook{
      font-family: Sand, fantasy;
}

#weddingBook li.weddingPage{
      background: #f3f4be;      
      list-style-type:none;
}

#weddingBook li.weddingPage h4, #weddingBook li.weddingPage p{
      padding:0;
      margin:0;
}

#weddingBook li.offscreen {
    position: absolute;
    left: -999em;
}

#weddingBook .weddingPage:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
#weddingBook .weddingPage { zoom: 1; }


#weddingBook .weddingPage .weddingContent{
      display:block; 
      padding:0 20px;
}



#weddingBook .weddingPage .weddingContent:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
#weddingBook .weddingPage .weddingContent{ zoom: 1; }

#weddingBook .weddingPage .weddingContent dl{
      padding:0;
      margin:0;
}

#weddingBook .weddingPage .weddingContent .leftPage{
      background: url(img/bookBack.gif)repeat-y top right;
      float:left; 
      width: 50%;
}

#weddingBook .weddingPage .weddingContent .rightPage{      
      float:right;
      padding-left:5px;
      width: 48%;
}

#weddingBook .weddingPage .previousPage{     
      float:left;
      vertical-align: text-bottom;
      border:0px;     
}

#weddingBook .weddingPage .nextPage{     
      float:right;
      vertical-align: text-bottom;
      border:0px;     
}

.weddingPageFooter{
      text-align:center;
}