/* Styles for sidebars elemets - blocks, boxes, etc */

div.box{
  font-size: 0.85em;
  margin-bottom: 10px;
}

  div.box div.header{
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 0;
    background: #f6f6f8;
  }

  div.box div.footer{
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 0;
    background: #f6f6f8;
  }

  div.box div.body{
    background: #f8f8fe;
    margin: 1px 0px;
    padding: 0.5em 20px 1em 20px;
    color: #4d5159;
  }

    div.box div.body dl{
      padding-left: 0px;
    }
    
      div.box div.body dl dt{
        margin: 1em 0 0.5em 0;
        font-weight: bold;
      }
      
      div.box div.body dl dd{
        line-height: 1.25em;
        padding-left: 10px;
      }
      
    div.box div.body ul{
      padding-left: 0px;
    }
    
      div.box div.body ul li{
        line-height: 1.5em;
        margin: 0.5em 0 0.5em 0;
        padding: 0 0 5px 30px;
        background-position: left top;
        background-repeat: no-repeat;
      }
      
      div.box div.body ul li.pdf{
        background-image: url(/images/icons/pdf.png);
      }
      
      div.box div.body ul li.doc{
        background-image: url(/images/icons/doc.png);
      }
      
      div.box div.body ul li.xls{
        background-image: url(/images/icons/xls.png);
      }

      div.box div.body ul li.zip{
        background-image: url(/images/icons/zip.png);
      }

      div.box div.body ul li.ppt{
        background-image: url(/images/icons/ppt.png);
      }

	#left-column div.box{
	}
	
	#left-column div.box div.body
	{
		background: #ffffff;
	}

	#left-column div.box div.header
	{
		background: #ffffff;
	}

	#left-column div.box div.footer
	{
		background: #ffffff;
	}

	#left-column ul.menu{
	}

	  #left-column ul.menu li{
	    background: url(/images/layout/li-menu.png) left center no-repeat;
	    margin: 0.5em 0 1em 0.5em;
	    padding-left: 15px;    
	  }

	  #left-column ul.menu li:hover{
	    background: url(/images/layout/li-menu-hover.png) left center no-repeat;
	  }

	  #left-column ul.menu li.selected{
	    background: url(/images/layout/li-menu-selected.png) left center no-repeat;
	    font-weight: bold;
	  }

	  #left-column ul.menu li.h3{
	    background:none;
	    margin-left:0;
	    padding-left: 0px;
	  }

	  #left-column ul.menu li.h3 a{
	  	color:#808080;
	    text-decoration: none;
	  }

#right-column div.box{
  width: 225px;
}

#right-column div.gallery{
  width: 225px;
}

#left-column div.gallery{
  width: 160px;
}

  div.gallery div.gallery-image{
    margin-bottom: 1em;
  }

  div.gallery div.gallery-image p{
    text-align: center;
    padding: 0;
    margin: 0;
  }

  div.gallery div.gallery-image img{
    padding: 2px;
    margin: 5px 0px;
    border: solid 1px #e2e5dD;
  }

  div.gallery div.gallery-image div.img-title{
    color: #808080;
    font-size: 0.85em;
    text-align: center;
  }

#right-column div.banners{
  margin-top: 10px;
  width: 225px;
}

#right-column div.banners p{
  text-align: center;
}

#right-column div.banners img{
  margin-bottom: 5px;
}