/*  page links  */

 #pg-section        {width:98%; height:auto;
                     margin:15px auto 10px; 
                     text-align:center;}
 .pg-links          {margin:0 auto 0;
                     font-size:17px; font-family:arial;
                     color:#2e6732;}
 .pg-links a:link, .pg-links a:visited 
                    {margin:0 1.5% 0 1.5%;
                     color:#636f95; text-decoration:underline;}
 .pg-links a:hover, .pg-links a:active 
                    {color:#e56002;
                     text-decoration:none;}


                    /*  photo gallery  */ 


  #pic-container             {width:auto;                  
                              margin:0 0 0 34px;}
  .Bo                        {width:190px; height:auto;
                               margin:10px 0 0 10px;
                               text-align:center;
                               float:left;}
  .Bo p                      {margin:-2px auto 0;
                               font:normal 10px arial; color:#222222;}
  .Bo img                    {width:190px;
                               border:solid #999999 1px;}
  .Bo a:link, .Bo a:visited {margin:0 0 0 2px;
	                       text-decoration:none;
                               display:block;}
  .Bo a:hover, .Bo a:active {text-decoration:none;}


  .pg-links #cus              {color:orange;}


.featured-box       {width:95%; height:auto;
                     margin:6px 0 0 2%;
                     border:solid #cccccc 0px;}
.featured-box img   {width:100%; height:auto; border:solid #999 1px;}


                    /*  Pagnation  */


 #change           {height:auto; width:98%;               border:solid red 0px;
                    margin:25px 0 0 0; 
                    text-align:right;}
 #change a:link, #change a:visited 
                   {margin-right:3px; padding:5px 8px 6px 8px; 
                    font:normal 14px verdana; color: #ffffff;
                    text-decoration:none;
                    background-color:#007a00;
                    border:solid #333333 1px;}
 #change a:hover, #change a:active 
                   {text-decoration:none;
                    background-color:#e56002; border:solid #000000 1px;}

@media (max-width:675px)  {

.pg-box             {width:100%; height:auto;
                     margin:6px auto 0;
                     text-align:center;
                     float:none;}
#pic-container      {width:auto;
                     margin:0 0 0 13px;}
.Bo                 {width:auto; height:auto;
                     margin:15px auto 0;
                     float:none;}
.Bo img             {width:100%;}
.Bo p               {margin -top:0;
                     font-size:17px;}
}