body {
  background: #523314 url(../images/bg-home.gif) top left repeat-x;
  color: #fffcee;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  line-height: 18px;
}

* {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4 {
  color: #e8ddad;
  font-family: Georgia, tahoma, verdana, arial, helvetica, sans-serif;
  font-weight: normal;
}

h1 {
  font-size: 25px;
  padding: 7px 25px 10px 25px;
  line-height: 30px;
}

h2 {
  font-size: 19px;
  padding: 7px 25px 10px 25px;
  line-height: 24px;
}


/* Body */

#canvas {
  width: 775px;
  margin: 0 auto;
}


/* Header */

#header {
  width: 775px;
  height: 219px;
  background: transparent url(../images/header.gif) top left no-repeat;
}

#header-home {
  width: 775px;
  height: 170px;
  background: transparent url(../images/header-home.gif) top left no-repeat;
}

#header-home2 {
  width: 900px;
  height: 170px;
  background: transparent url(../images/header-home2.gif) top left no-repeat;
}

#header-home3 {
  width: 775px;
  height: 170px;
  background: transparent url(../images/header-home3.gif) top left no-repeat;
}

#logo {
  float: left;
  padding: 2px 0 0 238px;
}

#logo2 {
  float: left;
  padding: 2px 0 0 302px;
}

#logo a, #logo2 a {
  width: 250px;
  height: 135px;
  display: block;
  text-indent: -9999px;
}

#print-logo {
  display: none;
}

#espanol {
  float: left;
  padding: 0 0 0 142px;
}

#espanol a {
  width: 51px;
  padding: 0 0 0 44px;
  color: #7e5a35;
  font-size: 10px;
  display: block;
  background: transparent url(../images/flag-spanish.gif) top left no-repeat;
  text-decoration: none;
}

#espanol a:hover {
  color: #321900;
  text-decoration: underline;
}

#english {
  float: left;
  padding: 0 0 0 154px;
}

#english a {
  width: 39px;
  padding: 0 0 0 44px;
  color: #7e5a35;
  font-size: 10px;
  display: block;
  background: transparent url(../images/flag-english.gif) top left no-repeat;
  text-decoration: none;
}

#english a:hover {
  color: #321900;
  text-decoration: underline;
}


/* Home Page Pods */

#pod1 {
  width: 265px;
  float: left;
  margin: 0 0 5px 0;
  background: transparent url(../images/pod-bg.gif) top left repeat-y;
}

#pod2 {
  width: 265px;
  float: left;
  margin: 0 0 5px 0;
  background: transparent url(../images/pod-bg.gif) top left repeat-y;
}

#pod3 {
  width: 245px;
  float: right;
  margin: 0 0 5px 0;
  background: transparent url(../images/pod-bg.gif) top left repeat-y;
}

#pod1-espanol {
  width: 285px;
  float: left;
  margin: 0 0 5px 0;
  background: transparent url(../images/pod-bg-espanol.gif) top left repeat-y;
}

#pod2-espanol {
  width: 285px;
  float: left;
  margin: 0 0 5px 0;
  background: transparent url(../images/pod-bg-espanol.gif) top left repeat-y;
}

#pod1-top {
  width: 245px;
  height: 225px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/pod1-top.jpg) top left no-repeat;
}

#pod2-top {
  width: 245px;
  height: 225px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/pod2-top.jpg) top left no-repeat;
}

#pod3-top {
  width: 245px;
  height: 225px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/pod3-top.jpg) top left no-repeat;
}

#pod1-top-espanol {
  width: 265px;
  height: 225px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/pod1-top-espanol.jpg) top left no-repeat;
}

#pod2-top-espanol {
  width: 265px;
  height: 225px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/pod2-top-espanol.jpg) top left no-repeat;
}

#pod1-top h2, #pod2-top h2, #pod3-top h2, #pod1-top-espanol h2, #pod2-top-espanol h2 {
  padding: 0;
  text-indent: -9999px;
}

#pod1-top a, #pod2-top a, #pod3-top a, #pod1-top-espanol a, #pod2-top-espanol a {
  display: block;
  margin: 0 0 0 15px;
  padding: 15px 0 0 0;
  width: 215px;
  height: 210px;
}

#pod1 p, #pod1-espanol p {
  text-align: justify;
  margin: 0;
  padding: 3px 34px 10px 15px;
}

#pod2 p, #pod2-espanol p {
  text-align: justify;
  margin: 0;
  padding: 3px 34px 10px 15px;
}

#pod3 p, #pod3-espanol p {
  text-align: justify;
  margin: 0;
  padding: 3px 15px 10px 15px;
}

.pod-button a {
  width: 245px;
  height: 42px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/learn-more.gif) center top no-repeat;
}

.pod-button-spanish a {
  width: 265px;
  height: 42px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/learn-more-spanish.gif) center top no-repeat;
}

.pod-bottom {
  width: 245px;
  height: 12px;
  display: block;
  background: transparent url(../images/pod-bottom.gif) left bottom no-repeat;
}

.pod-bottom-espanol {
  width: 265px;
  height: 12px;
  display: block;
  background: transparent url(../images/pod-bottom-espanol.gif) left bottom no-repeat;
}


/* Home Page Pods   v2 */

#Xpod1 {
  width: 229px;
  float: left;
  margin: 0 0 5px 0;
  background: transparent url(../images/pod2-bg.gif) left top repeat-y;
}

#Xpod2 {
  width: 230px;
  float: left;
  margin: 0 0 5px 0;
  background: transparent url(../images/pod2-bg.gif) left top repeat-y;
}

#Xpod3 {
  width: 229px;
  float: left;
  margin: 0 0 5px 0;
  background: transparent url(../images/pod2-bg.gif) left top repeat-y;
}

#Xpod4 {
  width: 212px;
  float: right;
  margin: 0 0 5px 0;
  background: transparent url(../images/pod2-bg.gif) left top repeat-y;
}

#Xpod1-top {
  width: 212px;
  height: 215px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/2pod1-top.jpg) left top no-repeat;
}

#Xpod2-top {
  width: 212px;
  height: 215px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/2pod2-top.jpg) left top no-repeat;
}

#Xpod3-top {
  width: 212px;
  height: 215px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/2pod3-top.jpg) left top no-repeat;
}

#Xpod4-top {
  width: 212px;
  height: 215px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/2pod4-top.jpg) left top no-repeat;
}

#Xpod1-top h2, #Xpod2-top h2, #Xpod3-top h2, #Xpod4-top h2 {
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}

#Xpod1-top a, #Xpod2-top a, #Xpod3-top a {
  float: right;
  display: block;
  margin: 0;
  padding: 15px 0 0 0;
  width: 215px;
  height: 210px;
}

#Xpod4-top a {
  float: right;
  display: block;
  margin: 0;
  padding: 15px 0 0 0;
  width: 212px;
  height: 210px;
}

#Xpod1 p {
  text-align: justify;
  margin: 0;
  padding: 3px 34px 10px 15px;
}

#Xpod2 p {
  text-align: justify;
  margin: 0;
  padding: 3px 34px 10px 15px;
}

#Xpod3 p {
  text-align: justify;
  margin: 0;
  padding: 3px 34px 10px 15px;
}

#Xpod4 p {
  text-align: justify;
  margin: 0;
  padding: 3px 15px 10px 15px;
}

.Xpod-button a {
  width: 212px;
  height: 42px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/learn-more.gif) center top no-repeat;
}

.Xpod-bottom {
  width: 212px;
  height: 12px;
  display: block;
  background: transparent url(../images/pod2-bottom.gif) left bottom no-repeat;
}


/* Content */

.aleft { text-align: left; }
.acenter { text-align: center; }
.aright { text-align: right; }

.fleft {
  width: 255px;
  float: left;
}
.fright { float: right; }

a {
  color: #d6b762;
  text-decoration: underline;
}

a:hover {
  color: #e39124;
  text-decoration: none;
}

a:active, a:focus {
  outline: none;
}

p {
  text-align: justify;
  margin: 0;
  padding: 3px 25px 12px 25px;
}

ul {
  margin: 0;
  padding: 0 0 12px 70px;
  list-style-type: square;
  list-style-image: none;
}

li {
  padding: 0 0 4px 0;
}


/* Footer */

#footer {
  clear: both;
  width: 775px;
  height: 55px;
  background: #381e04;
  margin: 0 auto;
  color: #b99570;
  font-size: 11px;
  line-height: 17px;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', tahoma, verdana, arial, helvetica, sans-serif;
}

#Xfooter {
  clear: both;
  width: 900px;
  height: 55px;
  background: #381e04;
  margin: 0 auto;
  color: #b99570;
  font-size: 11px;
  line-height: 17px;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', tahoma, verdana, arial, helvetica, sans-serif;
}

#footer a, #Xfooter a {
  color: #b99570;
  text-decoration: none;
  padding: 0 8px 1px 8px;
}

#footer a:hover, #Xfooter a:hover {
  color: #321900;
  background: #d4b89b;
  text-decoration: none;
}

#footer #copy, #Xfooter #copy {
  float: left;
  padding: 17px 0 0 25px;
}

#footer #links, #Xfooter #links {
  float: right;
  text-align: right;
  padding: 17px 17px 0 0;
}