/* home.css */

#content {
  width: 737px;
  border-left-width: 0;
  padding: 0;
}

#row-top {
  width: 737px;
  height: 360px;
  margin: 0 0 15px 0;
  padding: 0;
}

#row-bottom {
  background-color: #d6d6d6;
  width: 717px;
  height: 190px;
  margin: 0;
  padding: 20px 10px;
}

#top-left {
  float: left;
  width: 504px;
  height: 360px;
  margin: 0 15px 0 0;
}

#top-left div.box {
  float: left;
  width: 247px;
  height: 175px;
  position: relative;
  overflow: hidden;
}

#top-left div.box h3 {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000055;
  width: 227px;
  margin: 0;
  padding: 10px;
  font-size: 11px;
  color: #ffffff;
  font-weight: bold;
  z-index: 2;
}

#top-left div.box h3 a:link, #top-left div.box h3 a:visited, #top-left div.box h3 a:focus, #top-left div.box h3 a:hover, #top-left div.box h3 a:active {
  color: #ffffff;
  text-decoration: none;
}

#top-left div.box img {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  border-width: 0;
}

#top-left div.box.item-1 {
  margin: 0 10px 10px 0;
}

#top-left div.box.item-2 {
  margin: 0 0 10px 0;
}

#top-left div.box.item-3 {
  margin: 0 10px 0 0;
}

#top-left div.box.item-4 {
  margin: 0;
}

#top-right {
  float: left;
  width: 188px;
  height: 320px;
  margin: 0;
  padding: 20px 15px;
  background-color: #c4e3f5;
  color: #31393d;
}

#top-right p, #top-right ul, #top-right ol, #top-right li, #top-right dt, #top-right dd, #top-right span, #top-right font {
  color: #31393d;
}

#top-right ul {
  list-style-image: url(/images/home-top-right-li_bg.gif);
}

#top-right a:link, #top-right a:visited, #top-right a:focus, #top-right a:hover, #top-right a:active {
  color: #3f55a5;
}

#bottom-left {
  float: left;
  background-color: #007333;
  background-image: url(/images/home-bottom-left_bg.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  width: 197px;
  height: 150px;
  margin: 0 10px 0 0;
  padding: 20px;
  position: relative;
}

#bottom-left h3 {
  font-size: 18px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  padding: 0;
}

#bottom-left p {
  font-size: 10px;
  color: #ffffff;
  margin: 0 90px 10px 0;
}

#bottom-left div.button {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: inline-block;
  background-image: url(/images/home-bottom-left-button-left_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  margin: 10px 0 0 0;
  padding: 0 0 0 7px;
  height: 24px;
}

#bottom-left div.button div {
  display: inline-block;
  background-image: url(/images/home-bottom-left-button-right_bg.png);
  background-position: top right;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0 7px 0 0;
  height: 24px;
}

#bottom-left div.button div a {
  display: inline-block;
  background-image: url(/images/home-bottom-left-button-center_bg.png);
  background-position: top left;
  background-repeat: repeat-x;
  color: #ffffff;
  height: 14px;
  margin: 0;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 11px;
}

#bottom-left div.button div a:link, #bottom-left div.button div a:visited, #bottom-left div.button div a:focus, #bottom-left div.button div a:hover, #bottom-left div.button div a:active {
  color: #ffffff;
  text-decoration: none;
}

#bottom-center {
  float: left;
  width: 247px;
  height: 190px;
  margin: 0 30px 0 0;
  padding: 0;
}

#bottom-center ul {
  list-style-type: none;
  list-style-image: none;
  width: 247px;
  height: 190px;
  margin: 0;
  padding: 0;
}

#bottom-center ul li {
  list-style-type: none;
  list-style-image: none;
  margin: 0 0 14px 0;
  padding: 13px 15px;
  background-color: #0c5faa;
}

#bottom-center ul li.last {
  margin-bottom: 0;
}

#bottom-center ul li dl {
  margin: 0;
  width: 187px;
}

#bottom-center ul li dl dt, #bottom-center ul li dl dd {
  font-size: 10px;
  margin: 0;
  color: #ffffff;
}

#bottom-center ul li dl dt {
  font-size: 12px;
  font-weight: bold;
}

#bottom-center ul li dl dt span {
  padding-left: 5px;
  color: #86afd5;
  font-size: 10px;
}

#bottom-center ul li dl dt span a:link, #bottom-center ul li dl dt span a:visited, #bottom-center ul li dl dt span a:focus, #bottom-center ul li dl dt span a:hover, #bottom-center ul li dl dt span a:active {
  color: #86afd5;
}

#bottom-right {
  float: left;
  width: 193px;
  height: 190px;
}

#bottom-right h3 {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 12px;
}

#bottom-right h3, #bottom-right h3 a:link, #bottom-right h3 a:visited, #bottom-right h3 a:focus, #bottom-right h3 a:hover, #bottom-right h3 a:active {
  color: #4156a6;
}

#bottom-right h3 a:link, #bottom-right h3 a:visited {
  text-decoration: none;
}

#bottom-right h3 a:focus, #bottom-right h3 a:hover, #bottom-right h3 a:active {
  text-decoration: underline;
}

#bottom-right ul {
  width: 193px;
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

#bottom-right ul li {
  width: 193px;
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 8px 0;
  border-top: 1px solid #b6b6b6;
}

#bottom-right ul li dl {
  margin: 0;
  padding: 0;
}

#bottom-right ul li dl dt {
  margin: 0;
  padding: 0;
  font-size: 10px;
}

#bottom-right ul li dl dt, #bottom-right ul li dl dt a:link, #bottom-right ul li dl dt a:visited, #bottom-right ul li dl dt a:focus, #bottom-right ul li dl dt a:hover, #bottom-right ul li dl dt a:active {
  color: #007333;
}

#bottom-right ul li dl dt a:link, #bottom-right ul li dl dt a:visited {
  text-decoration: none;
}

#bottom-right ul li dl dt a:focus, #bottom-right ul li dl dt a:hover, #bottom-right ul li dl dt a:active {
  text-decoration: underline;
}

#bottom-right ul li dl dd {
  margin: 0;
  padding: 0;
  font-size: 10px;
}

#bottom-right ul li dl dd, #bottom-right ul li dl dd a:link, #bottom-right ul li dl dd a:visited, #bottom-right ul li dl dd a:focus, #bottom-right ul li dl dd a:hover, #bottom-right ul li dl dd a:active {
  color: #404040;
}

#bottom-right ul li dl dd a:link, #bottom-right ul li dl dd a:visited {
  text-decoration: none;
}

#bottom-right ul li dl dd a:focus, #bottom-right ul li dl dd a:hover, #bottom-right ul li dl dd a:active {
  text-decoration: underline;
}

