﻿body 
{   
	margin:0px; padding:0px;
	background:#70C33D url('CSR_Images/BG.jpg') repeat-y top center;
	text-align:center; 
}


html, body  , .Formelement
{   font-family: "Trebuchet ms", helveticaneue, helvetica, tahoma, "microsoft sans serif";
    font-size :14px;
}

/*===============================*/
html, body  , .Formelement , a , 
.MainListPhotoBox .readmore:hover , .BtnSearch
{   color:#000;  }

h1 , .blogFram a , .blogFram a:hover , .Button
{   color:#Fdffff;  }

.left_menu ul li a , .Button:hover , .BtnSearch 
{   color:#333;   }

.orange , .readmore { color: #FEB301; }


/*===============================*/


h1  {   font-size:22px;  text-transform:uppercase; 
        padding:10px 0px 5px 15px ;margin:0px; 
        background:url(CSR_Images/Title_bg.jpg) top right repeat-x  
}

h2  {   font-size:19px; font-weight:normal;  padding:5px 0px ;margin:0px; }
h3  {   font-size:16px;margin:0;padding:0px;font-weight:bold; }
h4  {   font-size:14px;margin:0;padding:0px;font-weight:normal; }
h5  {   font-size:12px;margin:0;padding:0px;font-weight:normal; }

.center { text-align:center ; }
.clear{ clear:both;font-size:1px;height:0;line-height:0;margin:0;padding:0;}

a    {  text-decoration:none; }
a:hover { color:#666; text-decoration:none;}
a img { border:0px; }


.small , .comment  {  font-size:12px; }
.comment { color:Red; }
.pathlink , .pathlink a { color:#aaa; }                 
.pathlink { padding:5px 5px 0px 0px; }
/*-----------------*/

.blogFram a , .blogFram a:hover {  line-height:30px;}  
.blogFram a:hover {  color: #70C33D; }  

.DivTop     { background:#1F1A17; text-align:center;  }
.DivBody    { width:990px; margin:auto; text-align:left ; /*display:table */ }
.DivContent     {  height:100%; text-align:center; background:url(CSR_Images/shadow-BG.png) top center repeat-x }
.DivMenuLeft    {  float:left; font-size:13px;   }

.bgroung    {   background:url(CSR_Images/logo.png) 1px top repeat-y ; 
              width:205px;  padding:15px 0px 0px 10px;  height:auto }
                 
.BgOrange   {  background:#FEB302 url(CSR_Images/menu-top.jpg) 50% 24px repeat-x ;padding:40px 0 5px;  }
.divRss     {  padding:10px 0px 0px; font-weight:bold;  width:100%  }   
.divRss image  { float:left ;  } 
/*.divRss span {  display:block ; padding-left:27px; width:350px; margin-top:-18px; float:left ; cursor:pointer; }*/         
.divRss span {  display:inline-block ; padding-left:27px; width:96%; margin-top:-18px; float:right ; cursor:pointer; } 

.Close_MenuLeft  { background:url(CSR_Images/menu-down.png) right top no-repeat; height:17px; width:215px; }
.DivDataRight  { width:775px ; text-align:left; float:right; }

.img_logo {   position:relative; top:39px; background:url(Images/logo.png);  }
.img_logo img {  margin-left:2px; }

.PhotoSlide   {  height:339px; position:relative; margin-top:-125px; }
.PhotoSlide img   {  height:100%; width:775px  }

.DivMainData  {  width:100%; float:left; background:#FFFFFF url('CSR_Images/shadow-footer.jpg') repeat-x bottom center; 
                 padding-bottom:20px; }
.BgGray   { background:url('CSR_Images/Gray-Bg.jpg') repeat-y 102% top;/* right top */ float:left;   } 

.MainText {  width:490px ; text-align:left; padding:15px 15px 0px 20px; clear:both ; float:left }
.MainText img[align="right"] { margin:0px 0px 5px 10px }
.MainText img[align="left"] { margin:10px 0px 0px 5px }

.MainListPhotoBox  {   background:url(CSR_Images/gray-right.jpg) repeat-x top center; float:left; 
                       font-size:12px; text-align:left; width:220px ; padding:8px 5px ; /*height:300px;*/ }                        
.gray  , .MainListPhotoBox .readmore ,
.left_menu ul li a:hover , .left_menu ul li a.visit
{ color:#777 ; }
.MainListPhotoBox .readmore:hover  {   }


.footer_cover   {  background:url(CSR_Images/logo.png) top left repeat-y; width:782px; 
                   float:right; margin-top:15px;  }
.footers        {  background:#FEB302; float:right; font-size:12px; text-align:left; 
                   padding:15px 15px 10px ; width:743px; }
.footer_close   {  background:url(CSR_Images/menu-down.png) left top no-repeat; 
                   margin-bottom: 20px ; float:right;width:782px; }  
.footer_bg      {  background:url(CSR_Images/bg-down.png) 0 top repeat-x; 
                   width:568px; height:17px; float:right;  }           

/*------ left menu -------*/
.left_menu  { padding:0px 0px 10px ; }
.left_menu ul , .left_menu li  { list-style:none ; margin:0px 5px 0px 5px ; padding:0px;   }
.left_menu li ul li { list-style:none ; margin:0px -5px 0 6px ; padding:0px; font-size:12px  }
.left_menu li ul li a , .left_menu ul li ul li a:hover , .left_menu ul li ul li a.visit  { background:none ; }


.left_menu ul li a  {   background:url(CSR_Images/white-arrow.jpg) top right no-repeat; 
                        display:block; padding:3px 0px; text-decoration:none ; 
                        text-transform:uppercase; font-weight:bold; margin:2px 0px; 
}
                        
.left_menu ul li a:hover , .left_menu ul li a.visit  { 
    text-decoration:none ; 
    background:url(CSR_Images/back-arrow.jpg) top right no-repeat; 
}

.Article_List  { padding:8px 3px 3px ; clear:both }
.Article_List b a { font-size:13px;}
.Article_List img  { margin:3px 7px 2px 0; width:70px; clear:right }

.photo_List  { padding:2px 0px }
.photo_List span  {  display:block ; width: 112px; float:right ; font-size:85% ; color:#999 }
/*.photo_List a  { width:100% ; display:block }*/

.readmore  { font-size:12px; }
/*------ Tier Box -------*/

.DivTier       { /* border:1px solid #ff0000;*/ padding:10px 0px; float:left ; width:100%  }
.DivTierBox    {  width:150px;  display:table ; float:left ;  }
.DivTierBox .eq_img  {  vertical-align:top; text-align:center; 
                        display:table ; clear:both; width:100%;  } 

.box1 , .box2 , .box0 { padding-top:6px ; padding-bottom:6px }
.box1    {  padding-right:8px ; border-right:2px solid #ddd;  }
.box2    {  padding-right:9px ; padding-left:9px ; border-right:2px solid #ddd;    }
.box0    {  padding-left:8px ;  }

.ThumbTitle  {  font-size:14px; display:block; padding:5px 0px  }

.DivTierBox img  {  width:100%;  }
/*.DivBoxSpace    {  width:2px; float:left ; height:inherit; background:#eee; padding:5px;    }

/*--------- Photo List ------------*/

.PhotoList  {  width:100% ; display:table; /*padding:10px 0px;*/ clear:both;   }
.PhotoList img { margin:6px;}
.PhotoList a  { width:114px; height:85px; margin:3px ; float:left ;
                display:table ; border:1px solid #FEB302; 
                vertical-align:top ; text-align:center;  }
.PhotoList a:hover  { border:1px solid #ddd;   }

/*.PhotoList a img {  width: 110px; }
------------------------*/

#cse-search-results iframe  { height:1000px; width:740px; margin:15px; }

/* Advertisment Slide */
#photo_slide_main { height:340px; width:775px; overflow:hidden; position:absolute ; top:0px;}

/*--- SiteMap Style ---*/
.Div_sitemap        {  float:left; text-align:left; vertical-align:top; padding-left:30px }
.Div_sitemap ul     {  margin:0px; padding:0px; list-style:none ; line-height:150%   }
.Div_sitemap ul li  {  background:url(Images/MnImage.gif) 0px 3px no-repeat; padding-left:16px;  }
.Div_sitemap ul li .sub { background:url(Images/arrow_right_white.gif) 2px 5px no-repeat;   }
/*--- SiteMap Style ---*/

.Formelement,.t-body { border:1px solid #FED983; padding-left:1px; }
.Button
{ 
    border:1px solid #FEB301; background:#FEB302;  
    font-weight:bold; text-decoration:none; padding:1px 8px; 
    cursor:pointer;  font-size:12px;
}
.Button:hover , .BtnSearch  { background-color:#FED984; text-decoration:none; }
.BtnSearch    {  background:#FFFFFF; border:1px solid #FEB302; 
                 padding:1px 3px 1px; margin:1px 0px 0px 2px; cursor:pointer   }

/* Newsletter */
.divTitleNews   {   float:left; width:110px; text-align:right; padding-right:2px; }
.divInputNews   {   float:left; width:200px; text-align:right; }
.divCommentNews {   float:left; width: 90px; vertical-align:top; text-align:left; }
/* end Newsletter*/
