/* v 0.91 */

/* ------ Section 1 - Global Body, Font and Link Settings ------ */


body {
background-color: #f0f5fb; /*  aqua color for browser window background color and footer top border */
margin: 0;
padding: 0;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
color: #000;
font-size: 85%;
}


/* -- General Link Styling -- */

a:link {
color:blue; 
text-decoration: underline;
}

a:visited {
color: purple;
text-decoration: underline;
}

a:hover {
color: red;
text-decoration: underline;
}



/* ------ Section 2 - Global Page Structure ------- */

#PageWrapper {
width: 960px;             /*     960 changed to 780  for 2 columns */
}

#Header {
height: 133px;            /*   160 changed to 133  my logo height */
}

#Header img             /*   added this to control the image link */
{
       float: left;
       clear: both;
       border: 0;
       position: absolute;
       text-align: center;
       top: 4px;
       margin-left: 0px;
       background: transparent;
       font-size: 21px;
       line-height: 170%;        
}

#ContentWrapper {
float: left;
width: 100%;              /*     100% changed to 780px ??? for 2 columns - left at 100% */
}

#CenterColumn {
margin: 0 200px 0 200px;    /* STEP 1: set to "0 RightColumnWidth 0 LeftColumnWidth" ... 180px   - for 2 columns 0 20px 0 200px; for 3 columns 0 200px 0 200px; changed to 20 right and 200 left to get more white space for 2 columns  */
}

#LeftColumn {
float: left;
width: 179px;               /* STEP 2: to set left column at 180, set 1 less than 180 here */
margin-left: -960px;        /* STEP 3: set to the same width specified in #PageWrapper above (but with minus sign)   from 960px */
}

#RightColumn {             /*     add  display: none;  for 2 columns, remove for 3 col  */
float: left;
width: 179px;               /* STEP 4: to set right columns at 180, set 1 less than 180 here */
margin-left: -180px;        /* STEP 5: set to -(RightColumnWidth) */
}

#Footer {
clear: both;
width: 100%;
text-align: center;
padding: 18px 0;   /* increased from 8 to 18. makes it better   for IE   */
}

.Liner {
padding: 10px 10px;      /* change 10px 10px; to 10px 0 ???? Changed back OK */
}

#Header .Liner { 
font-family: Verdana, Arial, Helvetica, sans-serif;        
padding: 10px 10px 70px 10px;      /* to put in slogan below logo change from 10px 10px     to   10px 10px 70px 10px;  */
text-align: right;            /* to put in slogan below or above logo on right */
color: #fff;               /* change color to brown use Hex code */
font-size: 92%;
font-weight: bold;
font-style: italic;
}

#Footer .Liner {
margin: 0;
padding: 0;
}

#LeftColumn .Liner {     /* added a new class to make it different from other liners */
margin: 0;
padding: 10px 3px;
}

#mapOfSeychelles {           /* ------ new for big sized map ------ */
background-image: url();
background-repeat: no-repeat;
background-color: #d3e4fb;
       float: left;
       clear: both;         
       border: 2px solid #8f8fb3;     /* border: 0; change to ...  */   
       margin: 2px auto;              /*  changed from 0  */
       width: 960px;            
}

#NewCenterColumn {    /* ------ also new for column below big sized map ------ */
       margin: 20px 200px;
}

#NewCenterColumn h3 {
font-family: 'Times New Roman', Georgia, 'Palatino Linotype', Palatino, serif;    
       text-align: center;
       font-size: 170%;
}


#HotelKeyOverPicture        /*   added this to superimpose Hotel Key on Map */
{
       float: left;
       clear: both;
       border: 0;
       position: absolute;
       text-align: left;
       top: 658px;           /* changed from 696px  */
       margin: 5px;        /* should it be 20  -  set at 5px;  */   
       background: transparent;
       font-size: 85%;
       line-height: 95%;
       width: 50%;        /* This can be set to any width even 100% OK. Now it can! margin and padding can be adjusted to position the overlay  */
       padding: 0px;
     
}

pre {
       font-size: 12px;
       line-height: 100%;
       padding: 0;
       margin: 2px 0 0 0; 
}

#HotelKeyOverPicture p      /* add  */ 
{
       padding: 0;
       margin: 0;  
}

#HotelKeyOverPicture h3      /* add  */ 
{
       padding: 0px 0 0 0; 
}

/* ------ Section 3 - Page Structure Details ------ */

#PageWrapper {
border: 2px solid #8f8fb3;   /* dark sea blue, headlines and borders */
margin: 2px auto;    /* margin top and bottom changed from 24 to 2px to get rid of                                 white strip on top of page  */
background-image: url(../image-files/seychelles-background.gif);
background-repeat: repeat-y;
}

#Header {
background-image: url(../image-files/seychelles-header-image.jpg);
background-repeat: no-repeat;           /* no-repeat */
background-color: transparent;
background-position: top left;
}

#ContentWrapper {
background-image: url(../image-files/seychelles-background.gif);  /* ???? */
background-repeat: repeat-y;      
                                    /* background-color: #d3e4fb; this is the colour of the center column */
}

#LeftColumn {
background-image: url();           /* ../image-files/seychelles-water.jpg  */
background-repeat: no-repeat;                     /*   repeat-y;  */
background-color: transparent;
}

#CenterColumn {
background-image: url();
background-repeat: no-repeat;
background-color: transparent;
}

#RightColumn {
background-image: url();
background-repeat: no-repeat;
background-color: transparent;
}

#Footer {
background-image: url();
background-repeat: no-repeat;
background-color: #abc4e3;     /* blue-gray used in left and right columns of seychelles-background.gif and for footer and horizontal text-navbar */
border-top: 2px solid #f0f5fb;
}



/* ------ Section 4 - Left Column Navigation ------ */


.Navigation {
width: 100%;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
background-color: transparent;
}


/* -- Nav Headers -- */

.Navigation h3 {
padding: 0;
font-size: 110%;
font-weight: bold;          /* --made it bold but does not seem to affect it-- */
color: #fff;                 /* color: #1d487e; darkish blue-green for headlines and RSSbox --  */
border-bottom: 1px solid #fff;
background-color: #1d487e;              /* -- #003366; -- */
margin: 12px 0;
}



/* -- Nav List -- */

.Navigation ul {
list-style-type: none;
padding: 0 0 8px 3px;        /* -- 5 to 1 changed back 3 -- */
margin: -6px 0 0 0;
}

.Navigation li {
background-color: #abc4e3;       /* #ffc; changed from tan, for button and RSS box backgrounds -- */
border: 1px solid #8f8fb3;
margin-bottom: 3px;
}


/* -- Navigation Link styles -- */

.Navigation a {
color: blue;         /* -- may need to change this to (color: #1d487e;) darkish blue-green as for headlines. Well show better on the blue background- */
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 3px 0 3px 4px;
text-decoration: none;
}

.Navigation a:visited {
color: purple;
text-decoration: none;
}

.Navigation a:hover {
color: red;
background-color: #d3e4fb;   /* light sea blue used in center column of seychelles-background.gif and for lit buttons both navbars and AdSenseBox bg color */
text-decoration: underline;
}




/* ------ Section 5 - Additional Navigation ------ */


/* -- Thumbnail-with-Caption Navigation -- */

.imageCaptionLinkGroup {
text-align: center;
}

.imageCaptionLinkGroup a {
text-decoration: none;
}

.imageCaptionLinkGroup .caption {
text-decoration: underline;
font-weight: bold;    /* --added this because in .caption I have made it normal-- */
}


/* -- Horizontal Text NavBar -- */

.text-NavBar {
                     /* -- ??????????????? -- */
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
margin: 22px auto 0px auto;
padding: 0;
background-color: #abc4e3;
width: 600px;           /* same width as the width of the center column (960 -180 - 180) */
border: 0px solid #8f8fb3;  /* -- ??????????????? -- */

}

.text-NavBar ul {
list-style-type: none;
padding: 0;
margin: 0;               /* -- added margin 0 -- */
border: 0px solid #8f8fb3;   /* -- ??????????????? -- */
}

.text-NavBar ul li {
display: inline;
background-color: #abc4e3;    /* -- changed from #ffc; -- */    
text-align: center;
margin: 0;
padding: 0;                  /* -- added margin 0 and padding 0-- */
}

.text-NavBar a {
color: blue;
text-decoration: underline;      /* -- changed from none; -- */
text-align: center;
padding: 0 4px;           /* -- changed 0 4px to 0 0  went back... to light up the whole box -- */
}

.text-NavBar a:visited {
color: purple;
text-decoration: underline;      /* -- changed from none; -- */
}

.text-NavBar a:hover {
color: red;
background-color: #d3e4fb;
text-decoration: none;       /* -- changed from underline;  -- */
}




/* ------ Section 6 - Specific Font Styles ------ */

#LeftColumn {
font-size: 90%;
color: white;
}

#RightColumn {
font-size: 90%;
}

#Footer {
font-size: 85%;
}

h1, h2, h3, h4, h5 {
background-color: transparent;
color: #1d487e;
clear: both;
}

h2, h3, h4, h5 {
margin-top: 24px;
}

 /* ---- try again later. Why margin and padding does not work in h6 ???  ---- */

h6                     /* ---- Added this H6 for subheading. removed h6 from group above comprising h2, h3, h4, h5, h6 ---- */
{
margin-top: 24px;         /* ---- 24 to 14px - no change ---- */
font-family: 'Times New Roman', Georgia, 'Palatino Linotype', Palatino, serif;
border-bottom: 0 solid #8f8fb3;
font-size: 130%;
font-weight: bold;
text-align: center;
color: #1d487e;          /* color: blue; color: #1d487e; better on the eyes ---- */
clear: both;
background-color: transparent;   /* ---- #abc4e3; transparent; yellow; ---- */
padding: 0 2px;
}

h1 {
margin-top: 5px;
                    /* ---- try adding this margin: 10px 0; later  ---- */
font-family: 'Times New Roman', Georgia, 'Palatino Linotype', Palatino, serif;
border-bottom: 0 solid #8f8fb3;
font-size: 200%;
font-weight: bold;
text-align: center;
}

h2 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
border-bottom: 1px solid #8f8fb3;
font-size: 155%;
font-style: italic;
font-weight: bold;
}

h3 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
border-bottom: 0 solid #8f8fb3;
font-size: 115%;                    /* added this  */
font-weight:bold;
}

h4 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
border-bottom: 0 solid #8f8fb3;
font-size: 105%;                    /* added this  */
font-weight:bold;
}

#LeftColumn h4 {
font-size: 105%;
color: white;          
margin: 0px 7px;       /* changed from margin-top: 0; to get side margin-- */

}

#RightColumn h4 {
font-size: 105%;
color: white;
margin-top: 0;
}

.Caption {
font-size: 85%;         /* ---- try smaller maybe  font-size: 75%; ---- */
font-weight: normal;      /* ---- try font-weight: normal; changed ---- */
color: #000;
clear: both;
line-height: 14px;       /* ---- try adjust line height ---- */  
}

blockquote {
margin: 12px 56px;
color: #006;
font-size: 100%;
line-height: 20px;
font-family: 'Courier New', Courier, monospace;
}

#LeftColumn p {       /* ------ added this new class to offset the liner I have stretched to get larger Navbars------ */
margin: 10px 7px;
}

.RedNote {           /* ---- new  ---- */
font-weight: bold;      
color: red;
text-align: center;
clear: both;  
}

.BackToTop {           /* ---- new  ---- */
text-align: right;
font-size: 75%;
clear: both;  
}

.OpenNewWindow
{                      /* ---- new  ---- */
    padding: 0 2px;
    background-color: #ddd; 
}



/* ------ Section 7 - Boxes ------ */


 
     /* --- For new ads --- */

.AdBoxLeft {
margin: 10px 12px 12px 0;           /* from 0 12px 12px 0px; */
float: left;
width: 254px;
height: 150px; 
border: 1px solid #8f8fb3;
text-align: left;                   
background-color: #fff;                      /*  changed  #d3e4fb; #fff;   */  
font-family: Verdana, Arial, sans-serif;       /*  changed  */         
color: #000;
font-size: 90%;           
}

.AdBoxLeft div {
font-size: 100%;           /* Do we need this? */
padding: 0 14px;        
line-height: 15px;
}

.AdBoxLeft p {
font-size: 100%;           /* Do we need this? */
padding: 0 14px;
line-height: 13px;
}

.AdBoxLeft h4 {
font-family: Verdana, Arial, sans-serif;       /*  added  */
font-size: 110%;                                     /*  added  */
margin: 0;
padding: 2px 2px 4px 2px;
text-align: center;
}


.AdBoxRight {
margin: 10px 0 12px 12px;            /* from 0 0px 12px 12px; */
float: right;
width: 254px;
height: 150px;
border: 1px solid #8f8fb3;
text-align: center;                           
background-color: #d3e4fb;               /*  changed  #d3e4fb; #fff;   */ 
font-family: Verdana, Arial, sans-serif;       /*  changed  */       
color: #000;
font-size: 90%;                /*  90%  */
}

.AdBoxRight div {
font-size: 100%;              /* Do we need this? */
padding: 0 4px;
line-height: 15px;
}

.AdBoxRight p {
font-size: 100%;              /* Do we need this? */
padding: 0 4px;             
line-height: 13px;
}

.AdBoxRight h4 {
font-family: Verdana, Arial, sans-serif;       /*  added  */
font-size: 110%;                                     /*  added  */
margin: 0;
padding: 2px;
text-align: center;
}


.SearchBoxLeft {                 /* New for HC at half way */
margin: 0px -12px 12px 0;           
padding: 0px 0px 0px 12px;
float: left;
width: 258px;
height: 200px; 
border: 0px solid #8f8fb3;                  
background-color: #d3e4fb; 
font-family: Verdana, Arial, sans-serif;       /*  changed  */         
color: #000;
font-size: 90%;           
}

.NewSearchBoxLeft {                     /* New for HC at Top */
margin: 0px 0px 12px 0px;      /* 0px -10px 12px 0px; */      
padding: 10px 0px 0px 0px;            /* 0px 0px 0px 20px; */
float: left;
width: 258px;                 /* 250px; */
height: 250px;                     /* 200px; */
border: 0px solid #8f8fb3;                  
background-color: #d3e4fb;        
color: #000;
font-size: 100%;            /*  changed from 90%;   */  
}

.NewSearchBoxLeft h4 {                               /*  added   */  
font-size: 100%;                                     /*   changed from  110%;  */
margin: 0 0px 0px 0px;                            /*  ???  changed from 0;   */
padding: 0px 0px 2px 0px;                      /*  changed from 2px;   */            
text-align: center;
}

.NewSearchBoxLeft iframe {                   /*  added   */  
margin: 6px 0px 0px 28px;                         /*  added   0;  */ 
padding: 0;                                           /*  added   */             
text-align: center;                            /*  added   */ 
clear: both;
}


.NewSearchBoxLeft222 {                     /* New for HC at Top */
margin: 0px 0px 12px 0px;      /* 0px -10px 12px 0px; */      
padding: 10px 0px 0px 0px;            /* 0px 0px 0px 20px; */
float: left;
width: 222px;                 /* 250px; */
height: 250px;                     /* 200px; */
border: 0px solid #8f8fb3;                  
background-color: #d3e4fb;        
color: #000;
font-size: 100%;            /*  changed from 90%;   */  
}

.NewSearchBoxLeft222 h4 {                               /*  added   */  
font-size: 100%;                                     /*   changed from  110%;  */
margin: 0 0px 0px 0px;                            /*  ???  changed from 0;   */
padding: 0px 0px 2px 0px;                      /*  changed from 2px;   */            
text-align: center;
}

.NewSearchBoxLeft222 iframe {                   /*  added   */  
margin: 6px 0px 0px 10px;                         /*  added   0;  */ 
padding: 0;                                           /*  added   */             
text-align: center;                            /*  added   */ 
clear: both;
}

.SearchBoxRight {                     /* New for HC at Top */
margin: 0px 0px 12px 0px;      /* 0px -10px 12px 0px; */      
padding: 10px 0px 0px 0px;            /* 0px 0px 0px 20px; */
float: right;
width: 258px;                 /* 250px; */
height: 250px;                     /* 200px; */
border: 0px solid #8f8fb3;                  
background-color: #d3e4fb;        
color: #000;
font-size: 100%;            /*  changed from 90%;   */  
}

.SearchBoxRight h4 {                               /*  added   */  
font-size: 100%;                                     /*   changed from  110%;  */
margin: 0 0px 0px 0px;                            /*  ???  changed from 0;   */
padding: 0px 0px 2px 0px;                      /*  changed from 2px;   */            
text-align: center;
}

.SearchBoxRight iframe {                   /*  added   */  
margin: 6px 0px 0px 28px;                         /*  added   0;  */ 
padding: 0;                                           /*  added   */             
text-align: center;                            /*  added   */ 
clear: both;
}

.HCSearchBox180 {
margin: 0px 0px 0px -11px;           /* New for HC at left Nav  */
padding: 0px 0px 0px 0px;
float: left;
width: 187px;
height: 275px; 
border: 0px solid #8f8fb3;                  
background-color: #abc4e3;        /*  changed  #d3e4fb; #abc4e3;   */  
text-align: center; 
font-family: Verdana, Arial, sans-serif;       /*  changed  */         
color: #000;
font-size: 100%;           
}

.AddressTable {
float: left;
width: 38%;     
margin: 0 0 0 30px;    
padding: 0;    
border: 0px solid #8f8fb3;
}

.LeftTable {
float: left;
width: 268px;     
margin: 6px 0 24px 0;
padding: 0;    
border: 0px solid #8f8fb3;
}

.RightTable {
float: right;
width: 268px;     
margin: 6px 0 24px 0;
padding: 0;    
border: 0px solid #8f8fb3;
}

.LeftBox  {               /* -- For currency converter in left column  -- */         
margin: 0 0 0 -10px;       /* -- from -3  -- */
padding: 0;
border-top: 1px solid #8f8fb3;
border-bottom: 0px solid #8f8fb3;
}

.RightBox  {                     /* -- For right column  -- */         
margin: 0 -10px;                   /* -- from -3  -- */
padding: 0;
border-top: 1px solid #8f8fb3;
border-bottom: 0px solid #8f8fb3;
}

.CalloutBox {
background-color: #fff;
width: 85%;
border: 1px dotted #8f8fb3;
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.CalloutBox p {
margin: 13px;
}
p.CalloutBox {
padding: 13px;
}

div.CalloutBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.CalloutBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}


.ReminderBox {           /* the container box */
background-color: #ddd;
width: 24%;
border: 1px solid #8f8fb3;
margin: 0 0 12px 18px;
float: right;             /* adding float enables text to flow around it */
color: #006;
}

.ReminderBox h4 {
margin: 0;
padding: 2px;
text-align: center;
background-color: #fff;
}

.ReminderBox p {
font-size: 80%;
padding: 0 4px;
line-height: 13px;
}

.BoxCenterHeight270 {
margin: 6px -20px 14px -20px;        /* -- from 2 auto 12 auto  -- */
padding: 0;
width: 580px;          /* -- new  max possible with negative margins -- */
height: 325px;           /* -- from 270px to 285 to fit picture and caption to 315 -- */
border: 0px solid #8f8fb3;
}

.BoxCenterHeight300 {
margin: 6px -20px 12px -20px;    /* from 0 auto 12px auto; to 23px 0 23px 0 -- */
padding: 0;         /* -- from 4px; to 4px 2px ...  -- */
width: 580px;          /* -- new  max possible with negative margins -- */
height: 300px;
border: 0px solid #8f8fb3;
}


.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxRightColumn {
padding: 6px 0 0 0;                  /* from 5px  to... 6px 0; */
background-color: #d3e4fb;
border: 0px;
}
.AdSenseBoxLeft {
margin: 0 12px 12px 0px;           /* from 0 18px 12px 18px; */
float: left;
width: 258px;            /* added this... 238 is max possiblle next to the picture 278px on the right  */
}
.NewAdSenseBoxLeft300 {
margin-left: 0px;                        /*    ???      */
padding: 10px 0 0 0;          /* from 6px 0 0 0;  */
float: left;
width: 300px;
background-color: #d3e4fb;
border: 0px solid #8f8fb3;
}
.NewAdSenseBoxRight300 {
margin-right: 0px;                        /*    ???      */
padding: 10px 0 0 0;          /* from 6px 0 0 0;  */
float: right;
width: 300px;
background-color: #d3e4fb;
border: 0px solid #8f8fb3;
}
.NewAdSenseBoxRight336 {
margin-right: 0px;                        /*    ???      */
padding: 10px 0 12px 0;          /* from 6px 0 0 0;  */
float: right;
width: 336px;
background-color: #d3e4fb;
border: 0px solid #8f8fb3;
}
.AdSenseBoxRight {
margin: 0 0px 12px 12px;            /* from 0 18px 12px 18px; */
float: right;
width: 258px;
}
.AdSenseBoxCenter468 {
width: 468px;
margin: 0 auto 12px auto;
clear: both;
}
.AdSenseBoxRightColumn {
padding: 0;
margin: 0 auto 12px auto;
clear: both;
}
.AdSenseBoxRightColumnNew {
padding: 0;
margin: 0 auto 12px auto;
background-color: #abc4e3;
border: 0px solid #8f8fb3;
clear: both;
}
.AdSenseBoxLeftColumnNew {
padding: 0;
margin: 0 auto 12px auto;
background-color: #abc4e3;
border: 0px solid #8f8fb3;
width: 160px;
text-align: center;
clear: both;
}

.ReturnToNavBox {
background-color: #fff;
width: 100%;                  /* -from 90%; to 100% but must change auto margin */
border-top: 1px solid #8f8fb3;
border-bottom: 1px solid #8f8fb3;
margin: 23px -20px 23px -20px;    /* from 0 auto 12px auto; to 23px 0 23px 0 -- */
padding: 10px 20px 14px 20px;         /* -- from 4px; to 4px 2px ...  -- */

}
	

/* -- RSS Box -- */

#RSSbox {
width: 164px;                   /*  148 changed to 162  to 164  */
background-color: #abc4e3;    /* #ffc; tan changed to blue #abc4e3; */       
border: 1px solid #8f8fb3;
margin: 28px auto 17px 3px;      /*  8px; auto changed to 28px and 10 to 17 */
padding: 2px 2px 10px 2px;
font-size: 100%;
font-weight: bold;
color: #1d487e;
line-height: 120%;           /*  14px; changed to 120%   */ 
text-align: center;
}

#RSSbox p {             /*  added this to get the elements closer together. Cannot seem to control the "p" here. All controlled by the "p" in Left column. Problem seems to have been resolved  */
margin: 3px;
}

.TOC {
font-size: 100%;
}

.TOC a {
font-weight: bold;
}

.TOC h2 {
font-size: 100%;
font-weight: bold;
font-style: normal;
}

#TOCtable
{      
      text-align: left;
      font-family: Verdana, Arial, Helvetica, sans-serif, 'Lucida Sans Unicode', 'Lucida Grande'; 
      font-size: 95%;
      width: 100%;
      padding: 0;
      margin: 0;
      border: 1px solid #8f8fb3;
      background-color: transparent;
}



/* ------ Section 8 - Frequently Used Styles ------ */


.clear {
clear: both;
}


img {
border: 0 solid #ddd;
}

.basic              /* -- no border for polaroid --  */
{
      border: 0px solid #4C3C1B;
      padding: 0px;
      width: 258px;                 /* -- from 278  -- */
      background-color: #d3e4fb;
}



.plain              /* -- plain simple border --  */
{
      border: 1px solid #4C3C1B;
      padding: 5px;
      width: 248px;
      background-color: #EFEECB;
}

.snapshot            /* -- Polaroid pictures border --  */
{
    border: 1px solid #666666;
    padding: 10px 10px 60px 10px;
    background-color: #ffc;  /* -- changed from  #EFEECB; -- */
     width: 238px;
}


.art                  /* -- framed and placed in an art gallery border --  */
{
    
    border: 3px solid #4C3C1B;
    border-style: double;
    padding: 16px;
    background-color: #DCDCED;
}

.AboveAndBelow           /* -- Above and Below border --  */
{
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-top-style: double;
    border-bottom-style: double;
    border-top-color: #E1A60A;
    border-bottom-color: #E1A60A;
    padding: 8px 0px;
    width: 538px;             /* -- add this... not necessary --  */
}


/* -- lists -- */


#CenterColumn ul 
{
list-style-type: disc;
margin: 0 0 -3px 10px;     /* -- from -10 top...    0 0 8 10-- */
padding: 0 0 0 10px;               
}

#CenterColumn li
{
margin: 0px 0px 3px 10px;         /* -- 0 0 3 5  #CenterColumn  -- */
padding: 0px 0px 3px 5px;
line-height: 110%;
}

#CenterColumn ol 
{
list-style-type: decimal;
margin: 0 0 -6px 10px;           /* -- from  0 0 8 10    -- */
padding: 0 0 0 10px;           /* -- from 0 0 8 10    -- */
}

            /* --   This #CenterColumn li has been removed
{                        
margin: 0 0 8px 5px; 
padding: 0 0 8px 5px;
}
             It was repeated from above      -- */ 



li.NestedList {               /* -- ??  new  OK for nested list ??  -- */
   list-style-type: none;
                        /* -- list-style: none;     display: inline;    
        margin: 0;
        padding: 0;                                           -- */
}

.BestList li           /* -- New for my reverse list of best 10 -- */ 
{
list-style-type: none;
                        /* --  tried background-color: #ffc; -- */           
}

/* -- floats -- */

.ItemRight {
float: right;
margin: 6px 0 12px 12px;    /* -- from 2 0 12 18  -- */
text-align: center;
      width: 258px;          /* -- from 278  -- */
}

.ItemCenter {
margin: 6px auto 12px auto;   /* -- from 2 auto 12 auto  -- */
text-align: center;
      width: 538px;          /* -- new  -- */
clear: both;
}

.ItemLeft {
float: left;
margin: 6px 12px 12px 0;     /* -- from 2 18 12 0  -- */
text-align: center;
      width: 258px;            /* -- from 278  -- */
}

.center { 
text-align: center;
clear: both;                /* -- added clear: both; like in .ItemCenter -- */
}

.MapCenter {
margin: 6px -30px 12px -30px;   /* -- from 2 auto 12 auto  -- */
padding: 0;
text-align: center;
      width: 600px;          /* -- new  max possible with negative margins -- */
clear: both;
}

.RightColumnCenter {
margin: 6px auto 12px auto;    /* -- new for table banner in right column -- */
padding: 0;
text-align: center;
width: 120px;                                  /* -- from width: 120px;   -- */
clear: both;
}

.ItemRightULOL {        /* -- Added this for picture inside lists  -- */
float: right;
margin: 6px -10px 12px -10px;    /* -- from 6px 0 12px 12px  -- */
text-align: center;
      width: 243px;          /* -- from 278  -- */
}



/* ------ Added A to Z special styling ------ */

#AtoZ {
color: #000;
}

#AtoZ li a {
font-size: 85%;
color: #000;
text-decoration: underline;      /* -- none; -- */        
}

#AtoZ li a:visited {
color: purple;
text-decoration:  none;       /* --  underline; -- */
}

#AtoZ li a:hover {
color: red;
text-decoration: none;          /* --  underline;  -- */
font-size: 85%;
}


/* ------ Added special styling for RSS - moved from head ------ */
 

#addSite {
width:100%;        
font-size:85%;
text-align:center;
padding:8px 0;
border:0px solid #000;
margin:12px auto;                  
background-color: transparent;
}

#addSite p {
padding:2px 2px 4px;
margin:0;
}

#addSite img {
border:0;
padding:1px 0;
}

#addSite .questionMark {
 padding:0;
 margin:1px auto;
 text-align:center;
 width:75%;
 }

 #addSite .questionMark img {
 margin:0 4px 4px 0;
 padding:0;
 }



/* ------ Added special styling for currency widget ------ */

div.c7 {
font-size:10px;
margin:0;
padding:0;
text-align:center;
width:187px;}



/* ---- special styles for links resources pages ---- */ 

.More {
font-size: 85%;         /* ---- try smaller maybe  font-size: 75%; ---- */
font-weight: bold;            /* ---- try normal ---- */  
margin: 0;
padding: 0;    
color: #1d487e;            /* ---- try white or #fff; or blue ---- */ 
clear: both; 
}

.More a {
color: #fff;
text-decoration: none;      /* -- none; underline;-- */        
}

.More a:visited {
color: purple;
text-decoration:  none;       /* --  underline; -- */
}

.More a:hover {
color: red;
text-decoration: underline;      /* --  none; underline;  -- */
font-size: 100%;
}


 /* ---- for links page ---- */ 

.HeadingLinks a {              
font-weight: bold;
}


  /* ---- For blog page ---- */ 

#Blog p {
font-size: 95%;
}

#Blog h3 {
font-size: 95%;
}

#Blog a {
font-size: 75%;
text-decoration: none;          
}


  /* ---- For House Exchange page ---- */ 

.Disclaimer {          
background-color: #fff;       /*  background-color: transparent;   */  
width: 100%;
border: 1px solid #8f8fb3;
margin: 12px 0px 32px 0;
padding: 0 10px;
float: left;             /* adding float enables text to flow around it */
color: #CCCCCC;
font-size: 85%
}