/* Section Title */
/* Title Of All Sections*/





.SectionTitle
{
   position: relative;
   top: 0px;
   
   font-family: Verdana;
   font-size: 8pt;
   font-weight: normal;
   color: #9B9B9B;
   text-align: left;   
   text-transform: uppercase;
   letter-spacing: 1px;
   
   margin-top: 20px;   
   margin-bottom: 42px;   
   margin-left: 20px;
   margin-right: 20px;
}

.TheShopSectionTitle
{
   position: relative;
   top: 0px;
   
   font-family: Open Sans;
   font-size: 20px;
   font-weight: normal;
   color: #2B7D29;
   text-align: left;   
   text-transform: uppercase;
   letter-spacing: 1px;
   
   margin-top: 30px;   
   margin-bottom: 30px;   
   margin-left: 30px;
   margin-right: 40px;
}

.ArticlesSectionTitle
{
   position: relative;
   top: 0px;
   
   font-family: Open Sans;
   font-size: 20px;
   font-weight: normal;
   color: #2B7D29;
   text-align: left;   
   text-transform: uppercase;
   letter-spacing: 1px;
   
   margin-top: 30px;   
   margin-bottom: 30px;   
   margin-left: 20px;
   margin-right: 40px;
}

.CategoriesSectionTitle
{
   position: absolute;
   top: 0px;
   
   font-family: Open Sans;
   font-size: 20px;
   font-weight: normal;
   color: #2B7D29;
   text-align: left;   
   text-transform: uppercase;
   letter-spacing: 1px;
   
   margin-top: 30px;   
   margin-bottom: 30px;   
   margin-left: 30px;
   margin-right: 40px;
}
.ZoneLink
{
   width: 100%;
   height: 100%;
   position: relative;
   top: 0px;
   display: block;
}



/* Initium */
/* Background color */





#Initium
{
   background-color: #E6E6E6;
}





/* Introduction Section */
/* Introduction About The Page */





#MilkySection
{
   width: 480px;
   min-width: 480px;
   max-width: 350px;
   height: 440px;
	
   position: relative;
   top: 0px;
   left: 0px;
	
   vertical-align: top;
   display: table-cell;
   
   background-color: #ddd;
}

#MilkyIntro 
{
   width: 100;
   height: 100%;
  
   position: relative;
   top: 0px;
   left: 0px;
   
   margin-left: 90px; 
   
   display: inline-block;
   display: none;
}

#MilkyIndexPic 
{
   width: 480px;
   height: 250px;
  
   position: absolute;
   bottom: 0px;
   right: 0px;
  
   display: block;
  
   background-image: url("/IMAGES/MilkyIndex/MilkyIndexPic.bmp");
}

.ChapterSectionTitle 
{
   position: relative;
   top: 0px;
   font-family: Open Sans;
   font-size: 20px;
   font-weight: normal;
   letter-spacing: 5px;  
   text-transform: uppercase;
   text-align: right;
   
   color: #6c6c6c;
   color: #2B7D29;

   margin-top: 30px;
   margin-bottom: 0px;
   margin-left: 30px;
   margin-right: 90px;

}

#ChapterSectionTextIntro 
{
   width: auto;
	
   position: relative;
   top: 0px;
	
   font-family: Open Sans;
   font-size: 15px;
   /*! font-style: italic; */
   /*! font-weight: bold; */ 
   /*! text-indent: 25px; */	
   /*! text-align: justify; */
   text-transform: uppercase;
   text-align: right; 
   letter-spacing: 2px;
   line-height: 1.4;
   color: #2B7D29;
   color: #7b7b7b;
	
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 30px;   
   padding-left: 30px;
   padding-right: 60px;
}





/* Light Section */
/* Warnings Advices Help */





#TheShopSection
{
   width: 300px;
   min-width: 360px;
   max-width: 300px;
   height: 100%;
   
   position: relative;
   top: 0px;
   left: 0px;
   
   vertical-align: top;
   
   display: table-cell;
   background-color: #efefef;
   /*! background-color: #e7e7e7; */
   /*! border-right: 5px dashed #d5d5d5; */
}

.TheShopSectionArticle 
{
   width: auto;
   height: auto;
  
   position: relative;
   top: 0px;
   left: 0px;
  
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-bottom: 25px;
   padding-left: 20px;
   padding-right: 10px;
}

.TheShopSectionArticleP
{
   width: auto;
   
   position: relative;
   top: 0px;
   
   font-family: Arial;
   font-size: 10pt;
   text-align: left;
   text-indent: 15px; 
   line-height: 1.4;   
   color: #757575;
  
   margin-left: 10px;
   margin-right: 35px;
   margin-top: 15px;
   margin-bottom: 0px;
}

.TheShopSectionArticleH
{
   position: relative;
   top: 0px;

   font-family: Open Sans;
   font-size: 15px;
   /*! font-weight: normal; */
   /*! text-transform: uppercase; */   
   color: #7B7B7B;

   margin-top: 10px;
   margin-left: 10px;
   margin-bottom: 0px;
}





/* MilkyPanelSection */
/* Selection Panels */




.ArticlesSection 
{
   width: 400px;
   height: 100%;
   min-width: 420px;
   max-width: 400px;
  
   position: relative;
   top: 0px;
   left: 0px;
  
   vertical-align: top;
   display: table-cell;
   background-color: #efefef;
}

.ArticlesSectionArticle
{
   /*! width: 220px; */
   /*! height: 220px; */
   /*! min-width: 220px; */
   /*! max-width: 220px; */
  
   position: relative;
   top: 0px;
   left: 0px;
   
   vertical-align: top;
  
   margin-top: 0px;
   margin-left: 0px;
   margin-right: auto;
  
   display: block;  
   /*! background-color: #85ad84; */
   /*! border: 4px solid #d5d5d5; */
   border-radius: 10px;
}

.ArticlesSectionH 
{
   position: relative;
   top: 0px;

   font-family: Open Sans;
   font-size: 15px;
   /*! font-weight: normal; */
   /*! text-transform: uppercase; */
   /*! font-style: italic; */
   /*! text-align: center; */ 
   letter-spacing: 1px;   
   color: #7B7B7B;   

   margin-top: 20px;
   margin-bottom: 10px;
   margin-left: 20px;
   padding-top: 0px;
}

.ArticlesSectionP
{
   width: auto;
	
   position: relative;
   top: 0px;
	
   font-family: Arial;
   font-size: 10pt;
   text-indent: 25px;	
   /*! text-align: center; */	
   line-height: 1.4;	
   color: #757575;
	
   margin-top: 15px;	
   margin-left: 20px;
   margin-right: 20px;
   /*! font-style: italic; */
   margin-bottom: 20px;
}





/* MilkyPanelSection */
/* Selection Panels */





.CategoriesSection 
{
   width: 280px;
   height: 100%;
   min-width: 280px;
   max-width: 280px;
  
   position: relative;
   top: 0px;
   left: 0px;
  
   vertical-align: top;
   display: table-cell;
   background-color: #efefef;
}

.CategoriesSectionBox
{
   width: 200px;
   height: 240px;
   min-width: 200px;
   max-width: 220px;
  
   position: relative;
   top: 0px;
   left: 0px;
  
   margin-top: 125px;
   margin-left: 30px;
   /*! margin-right: 0px; */
  
   display: block;
   border-radius: 2px;
   background-color: #92b691;
}

.CategoriesSectionBox:hover
{
   margin-top: 105px;
}

.CategoriesSectionH 
{
   position: relative;
   top: 0px;
  
   font-family: Open Sans;
   font-size: 16px;
  
   /*! font-weight: normal; */
   text-transform: uppercase;
   /*! font-style: italic; */
   text-align: center;
   letter-spacing: 2px;
   color: #6C6C6C;
  
   margin-top: 0px;
   margin-bottom: 10px;
   /*! margin-right: 20px; */
   padding-top: 40px;
}

.CategoriesSectionP
{
   width: auto;
	
   position: relative;
   top: 0px;
	
   font-family: Arial;
   font-size: 10pt;
   font-style: italic;   
   /*! text-indent: 25px; */	
   text-align: center;	
   line-height: 1.4;	
   color: #6C6C6C;
	
   margin-top: 15px;
   margin-bottom: 20px;   
   margin-left: 20px;
   margin-right: 20px;
}





/* Introduction Section */
/* Introduction About The Page */





#IntroductionSection
{
   width: 50px;
   min-width: 50px;
   max-width: 50px;
   height: 100%;
	
   position: relative;
   top: 0px;
   left: 0px;
   
   vertical-align: top;
	
   display: table-cell;
   background-color: #EFEFEF;   
}

.SectionMainTitle
{
   position: relative;
   top: 0px;

   font-family: Arial;
   font-size: 8pt;
	font-weight: normal;
   color: #9B9B9B;
   text-align: right;
   letter-spacing: 4px;
   text-transform: uppercase; 
   
   margin-top: 30px;
   margin-bottom: 0px;
   margin-right: 30px;
}

.IntroductionSectionSubtitle1
{
   position: relative;
   top: 0px;
   font-family: Arial;
   font-size: 12pt;
   /*! font-weight: normal; */
   text-align: center;
   /*! text-transform: uppercase; */  
   letter-spacing: 1px; 
   color: #7B7B7B;
   
   margin-top: 50px;
   margin-bottom: 0px;
}

#IntroductionSectionDescription
{
   width: auto;
	
   position: relative;
   top: 0px;
	
   font-family: Arial;
   font-size: 10pt;
   text-indent: 15px;	
   /*! text-align: justify; */	
   line-height: 1.35;	
   color: #717171;
	
   margin-top: 25px;	
   margin-left: 20px;
   margin-right: 10px;
}

.ZoneLink 
{
   width: 100%;
   height: 100%;
  
   position: absolute;
   top: 0px;
   left: 0px;
  
   display: block;
   z-index: 2;
}





/* Advertising */
/* Ad From Human World */





#SectionAd
{
   width: 240px;
   min-width: 240px;
   max-width: 240px;
   height: 100%;
   
   position: relative;
   top: 0px;
   left: 0px;
   
   display: table-cell;
   background-color: #f9f9f9;
   border-right: 1px solid #ebebeb;
}

#SectionAdBox
{
   width: 230px;
   height: 100%;
   
   position: absolute;
   top: 0px;
   
   display: block;
}
#SectionAdBox p
{
   position: relative;
   top: 0px;
   
   font-family: Verdana;
   font-size: 8pt;
   font-weight: normal;
   color: #B6B6B6;
   text-align: left;
   /*! font-style: italic; */
   text-transform: uppercase;
   letter-spacing: 1px;   
   
   margin-top: 20px;
   margin-bottom: 0px;
   margin-left: 20px;
   margin-right: 20px;
}
.SectionAdBoxAd
{
   width: 240px;
   height: 396px;
   
   position: absolute;
   bottom: 0px;
   left: 0px;
   
   display: block;
   background-image: url("AdIMG.bmp");
   background-position: top left;
   background-repeat: no-repeat;
}





/* Ink Footer */
/* Footer InkLines */





#EndSection 
{
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   height: 100%;
  
   position: relative;
   top: 0px;
   left: 0px;
  
   display: table-cell;
  
   background-color: #efefef;
}





/* Ink Footer */
/* Footer InkLines */





#InkLines
{
   width: auto;
   height: 80px;
   
   position: relative;
   top: 0px;
   left: 0px;
   
   font-family: Verdana;
   font-size: 8pt; 
   text-transform: uppercase; 
   list-style-type: none;
   

   margin-left: 40px;
   padding-left: 40px;
   
   display: table-cell;
}
#InkLines a:hover
{
   color: #268F2B;
}

.PageTales
{
   width: auto;
   height: 100%;
   
   position: relative;
   top: 0px;
   left: 0px;

   padding-top: 20px;
   padding-left: 0px;
   
   display: table-cell;
}
.PageTales li
{
   width: auto;
   height: 18px;
   
   position: relative;
   top: 0px;
   left: 0px;

   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   padding-left: 0px;
   
   display: block;
}
.PageTales li h5
{
   position: relative;
   font-family: Verdana;
   font-size: 8pt;
   font-weight: normal;
   text-decoration: none;   
   color: #cccccc;
   margin: 0px;
   padding-left: 0px;   
   display: inline-block;
}
.PageTales li p
{
   position: relative;
   font-family: Verdana;
   font-size: 8pt;
   color: #6f6f6f;
   margin: 0px;
   margin-right: 5px;   
   display: inline-block;
}