/* (c) visarc 2008 */

.box
{
  min-height: 11.2em;
  width: 304px;
  text-align: left;
  margin-bottom: 5px;
  padding-bottom: 10px;
  float: right;
  margin-left: 6px;
  cursor: pointer;
  font-weight: normal !important;
  font-size: 110%;
}

.box p
{
  margin-top: 1.2em;
}

.title
{
  width: 304px;
  height: 62px;
  border-bottom: 1px white solid;
  color: white;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2em;
  cursor: pointer;
}

.small
{
  font-size: 12px;
}

.title img
{
  float: right;
}

.titleInner
{
  position: absolute;
  text-align: right;
  width: 184px;
  height: 60px;
}

.titleInner span
{
  position: absolute;
  top: 50%;
  margin-top: -1em;
  right: 0px;
}

#boxHealth
{
  background-color: #f5b5ea;
}

#boxHealthTitle
{
  background: #c83496 url(/_images/boxes/health.jpg) no-repeat top left;
}

#boxCommunity
{
  background-color: #b8eed7;
}

#boxCommunityTitle
{
  background: #5a9079 url(/_images/boxes/community.jpg) no-repeat top left;
}

#boxLibrary
{
  background-color: #91f8f9;
}

#boxLibraryTitle
{
  background: #00a7cc url(/_images/boxes/library.jpg) no-repeat top left;
}

#boxHousing
{
  background-color: #ffc889;
}

#boxHousingTitle
{
  background: #aa3800 url(/_images/boxes/Housing.jpg) no-repeat top left;
}

#boxBenefits
{
  background-color: #ccff99;
}

#boxBenefitsTitle
{
  background: #66cc00 url(/_images/boxes/Benefits.jpg) no-repeat top left;
}

#boxVoluntary
{
  background-color: #99ccff;
}

#boxVoluntaryTitle
{
  background: #6699ff url(/_images/boxes/Voluntary.jpg) no-repeat top left;
}

#boxMobile
{
  background-color: #ffd77f;
}

#boxMobileTitle
{
  background: #ff9900 url(/_images/boxes/Mobile.jpg) no-repeat top left;
}

#boxEurope
{
  background: #ccccff;
}

#boxEuropeTitle
{
  background: #666699 url(/_images/boxes/Europe.jpg) no-repeat top left;
}

#help
{
  width: 100%;
  min-height: 220px;
  background: #ede8fc;
  padding: 0px 0px 10px 0px;
}

#help p
{
  padding: 0px 20px 0px 30px;
  font-size: 110%;
  line-height: 150%;
}

#helpTitle
{
  background: #a5a2cd url(/_images/boxes/how.jpg) no-repeat top left;
  height: 46px;
  color: white;
  font-size: 17px;
  font-weight: bold;
  line-height: 50px;
  padding: 0px 0px 0px 30px;
}

#forthcoming
{
  width: 100%;
  height: 41px;
  background: url(/_images/buttons/forthcoming-repeat.jpg) repeat-x top left;
  margin: 10px 0px 0px 0px;
  font-size: 20px;
  color: white;
  font-weight: bold;
  line-height: 41px;
  text-align: center;
}

#forthcomingLeft
{
  background: url(/_images/buttons/forthcoming-left.jpg) no-repeat top left;
  width: 32px;
  height: 41px;
  float: left;
}

#forthcomingRight
{
  background: url(/_images/buttons/forthcoming-right.jpg) no-repeat top right;
  width: 39px;
  height: 41px;
  float: right;
}

#today
{
  width: 100%;
  height: 300px;
  margin: 10px 0px 0px 0px;
  background: #ffcb93 url(/_images/bg-today.jpg) no-repeat bottom right;
}

#todayTitle
{
  background: #ffbd6a url(/_images/boxes/today.jpg) no-repeat top left;
  height: 45px;
  color: white;
  font-size: 17px;
  font-weight: bold;
  line-height: 50px;
  padding: 0px 0px 0px 30px;
}

#today p
{
  padding: 0px 20px 0px 30px;
  font-size: 110%;
  line-height: 150%;
  color: #666699;
}

#smallBox
{
  width: 100%;
  margin-top: 10px;
}

#smallBox p 
{
  margin-left: 10px;
  margin-right: 10px;
}

#smallBox ul
{
  margin-left: 30px;
}

#smallBox h3
{
  margin-left: 10px;
  margin-top: 5px !important;
  margin-bottom: 5px;
}

#smallBox table
{
  margin-left: 20px;
  margin-bottom: 10px;
}

#smallBox th
{
  width: 60px;
  vertical-align: top;
}

.community
{
  background: #5a9078 url(/_images/boxes/community-small.jpg) no-repeat top left;
  line-height: 30px;
  padding-left: 10px;
  color: white;
}

.health
{
  background: #c93597 url(/_images/boxes/health-small.jpg) no-repeat top left;
  line-height: 30px;
  padding-left: 10px;
  color: white;
}

.library
{
  background: #00a7cb url(/_images/boxes/library-small.jpg) no-repeat top left;
  line-height: 30px;
  padding-left: 10px;
  color: white;
}

.housing
{
  background: #aa3800 url(/_images/boxes/housing-small.jpg) no-repeat top left;
  line-height: 30px;
  padding-left: 10px;
  color: white;
}

.benefits
{
  background: #67cd00 url(/_images/boxes/benefits-small.jpg) no-repeat top left;
  line-height: 30px;
  padding-left: 10px;
  color: white;
}

.voluntary
{
  background: #6599ff url(/_images/boxes/voluntary-small.jpg) no-repeat top left;
  line-height: 30px;
  padding-left: 10px;
  color: white;
}

.mobile
{
  background: #ff9900 url(/_images/boxes/mobile-small.jpg) no-repeat top left;
  line-height: 30px;
  padding-left: 10px;
  color: white;
}

.europe
{
  background: #66669a url(/_images/boxes/europe-small.jpg) no-repeat top left;
  line-height: 30px;
  padding-left: 10px;
  color: white;
}
