@charset "utf-8";



/* Page setup */

html, body {
  margin: 0;
  padding: 0;
}

body {
  background-color: #4f3623;
}





/* General Layout */

#container {
  position: relative;
  width: 768px;
  margin: 10px auto 10px auto;
  padding: 1px 5px 0 5px;
  background-color: #efead8;
  border: solid 1px #392e26;
}

#primaryNav {
  position: absolute;
  top: 8px;
  left: 5px;
}

#siteLogo, #siteMasthead {
  position: absolute;
  top: 61px;
  left: 4px;
}

#siteMasthead {
  width: 768px;
  height: 258px;
  background: #fff url(../image/mastheadBg.gif) no-repeat 0 0;
}

#pageMasthead {
  position: absolute;
  width: 744px;
  height: 232px;
  margin: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #8fb2db;
}

#content {
  margin: 322px 0 0 0;
  padding: 1px 0 0 0;
}





/* Primary navigation */

#primaryNav {
  width: 759px;
  height: 40px;
  margin: 0;
  padding: 4px 4px 5px 4px;
  background: transparent url(../image/navBg.gif) no-repeat 0 0;
  list-style-type: none;
  z-index: 10000; /* Allows the popup menu to overlap the masthead */
}

#primaryNav li {
  position: relative;
  display: inline;
  float: left;
  width: 125px;
  margin: 0;
  padding: 0 1px 0 0;
  list-style-position: outside;
  background: transparent url(../image/navSeparator.gif) no-repeat right center;
  font-size: 1.2em;
}

#primaryNav li.first, #primaryNav li.last {
  width: 127px;
}

#primaryNav li.last {
  padding-right: 0;
  background: none;
}


#primaryNav li a {
  display: block;
  width: 125px;
  height: 26px;
  margin: 0;
  padding: 14px 0 0 0;
  background-color: #fdfbf3;
  background-image: url(../image/navBtnMatrix.gif);
  background-repeat: repeat-x;
  background-position: 0 0;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #231f20;
}

#primaryNav li.first a, #primaryNav li.last a {
  width: 127px;
}

#primaryNav li a:hover {
  background-position: 0 -40px;
}





/* Secondary navigation */

#secondaryNav {
  position: absolute;
  width: auto;
  bottom: 10px;
  left: 30px;
  margin: 0 150px 0 0;
  padding: 0;
  background-color: #fff;
  background: transparent url(../image/secNavBg.png) repeat 0 0;
  font-weight: bold;
}

#secondaryNav li {
  display: inline;
  float: left;
  margin: 0;
}

#secondaryNav li a {
  display: inline;
  float: left;
  padding: 8px 10px 0px 10px;
  font-size: 1.4em;
  text-decoration: none;
  color: #fff;
}


#secondaryNav li a:hover {
  color: #231f20;
}




/* Popup navigation */

#popupNav {
  position: absolute;
  top: 40px;
  left: -1px;
  margin: 0;
  padding: 0;
  border-right: solid 1px #e5e2d6;
  border-bottom: solid 1px #e5e2d6;
  border-left: solid 1px #e5e2d6;
}

#popupNav li {
  display: block;
  margin: 0;
  padding: 0;
  height: auto;
  font-size: 1em;
}

#popupNav li a {
  display: block;
  width: 105px;
  height: auto;
  margin: 0;
  padding: 7px 10px 7px 10px;
  background-color: #d3ece4;
  background-image: none;
  text-align: left;
}

#popupNav li a:hover {
  background-color: #eafaf5;
}





/* Site name */


#siteLogo {
  z-index: 100;
}

#siteLogo a {
  position: absolute;
  top: 30px;
  left: 440px;
  width: 296px;
  height: 79px;
  text-indent: -5000px;
  overflow: hidden;
}





/* Page masthead */

#pageMasthead .pageDescription {
  text-indent: -5000px;
  overflow: hidden;
}





/* Content elements */

.leftContentPanel {
  display: inline;
  float: left;
}

.rightContentPanel {
  display: inline;
  float: right;
}

.centerContentPanel .contentBox {
  margin: 0 auto 0 auto;
}



.contentBox,
.capwizBox {
  width: 759px;
  padding: 4px;
  margin: 0 0 5px 0;
  background: #f7f7f7 url(../image/contentBoxBg.gif) repeat-y 0 0;
  overflow: hidden;
}

.contentBox .top, .contentBox .bottom,
.capwizBox .top, .capwizBox .bottom {
  width: 767px;
  height: 6px;
  text-indent: -5000px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.contentBox .top,
.capwizBox .top {
  margin: -4px -4px -2px -4px;
  background: transparent url(../image/contentBoxTop.gif) no-repeat 0 0;
}

.contentBox .bottom,
.capwizBox .bottom {
  clear: both;
  margin: -2px -4px -4px -4px;
  background: transparent url(../image/contentBoxBottom.gif) no-repeat 0 0;
}



.capwizBox {
  margin-left: auto;
  margin-right: auto;
  width: 418px;
  background-image: url(../image/capwizBoxBg.gif);
  line-height: 1.4em;
  font-size: 1.2em;
}

.capwizBox .top, .capwizBox .bottom {
  width: 426px;
}

.capwizBox .top {
  background-image: url(../image/capwizBoxTop.gif);
}

.capwizBox .bottom {
  margin-top: 10px;
  background-image: url(../image/capwizBoxBottom.gif);
}



.leftContentPanel .contentBox,
.rightContentPanel .contentBox,
.centerContentPanel .contentBox {
  width: 371px;
  background: #f7f7f7 url(../image/smallContentBoxBg.gif) repeat-y 0 0;
}

.leftContentPanel .contentBox .top, .leftContentPanel .contentBox .bottom,
.rightContentPanel .contentBox .top, .rightContentPanel .contentBox .bottom,
.centerContentPanel .contentBox .top, .centerContentPanel .contentBox .bottom {
  width: 379px;
}

.leftContentPanel .contentBox .top,
.rightContentPanel .contentBox .top,
.centerContentPanel .contentBox .top {
  background: transparent url(../image/smallContentBoxTop.gif) no-repeat 0 0;
}

.leftContentPanel .contentBox .bottom,
.rightContentPanel .contentBox .bottom,
.centerContentPanel .contentBox .bottom {
  background: transparent url(../image/smallContentBoxBottom.gif) no-repeat 0 0;
}



.contentBox h3 {
  position: relative;
  width: 736px;
  padding: 7px 11px 6px 11px;
  margin: 0;
  background-color: #aba283;
  border-right: solid 1px #b3ab8f;
  color: #f0ede2;
}

.leftContentPanel .contentBox h3,
.rightContentPanel .contentBox h3,
.centerContentPanel .contentBox h3 {
  width: 348px;
}

.contentBox h3 .subText {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 11px 6px 11px;
  font-size: 0.75em;
  font-family: Arial, Verdana, sans-serif;
}

.contentBox h4, .contentBox h5 {
  margin: 15px 17px 15px 17px;
}

.contentBox p {
  margin: 15px 16px 10px 16px;
}

.contentBox ul {
  margin: 10px 16px 15px 16px;
  padding: 0;
  list-style-position: outside;
}

.contentBox li {
  margin: 5px 16px 5px 32px;
  padding: 0;
  font-size: 1.2em;
  line-height: 1.2em;
}



.contentBox .infoBox {
  margin: 15px 17px 15px 17px;
  padding: 6px 10px 6px 10px;
  background-color: #f4dfd0;
}

.contentBox .infoBox h4 {
  font-size: 1.6em;
  margin: 0 0 8px 0;
}

.contentBox .infoBox p {
  margin: 8px 12px 8px 12px;
}



.contentBox .padBox {
  margin: 20px 30px 20px 40px;
  padding: 1px 0 1px 0;
}



.snug, div.snug, ul.snug {
  margin: -10px 0 0 0;
  padding: 1px 0 0 0;
}





/* Site footer elements */

#siteFooter {
  width: 741px;
  padding: 5px 10px 5px 10px;
  margin: 15px auto 10px auto;
  background: #c1bba5 url(../image/siteFooterBg.gif) repeat-y 0 0;
  color: #fff;
}

#siteFooter .top, #siteFooter .bottom {
  width: 761px;
  height: 5px;
  text-indent: -5000px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

#siteFooter .top {
  margin: -5px -10px 0 -10px;
  background: transparent url(../image/siteFooterTop.gif) no-repeat 0 0;
}

#siteFooter .bottom {
  clear: both;
  margin: 0 -10px -5px -10px;
  background: transparent url(../image/siteFooterBottom.gif) no-repeat 0 0;
}

#siteFooter .copyright {
  display: inline;
  float: left;
}

#siteFooter .siteInfo {
  display: inline;
  float: right;
}

#siteFooter p {
  font-size: 1em;
  margin: 3px 0 3px 0;
}

#siteFooter a {
  color: #fff;
  text-decoration: none;
}





/* List elements */

ul.callToActionList {
  width: 371px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
}

ul.callToActionList li {
  width: 371px;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
}

ul.callToActionList li a {
  display: block;
  width: 270px;
  margin: 0;
  padding: 10px 20px 10px 80px;
  background: transparent url(../image/issueBtnMatrix.gif) no-repeat 0 center;
  font-weight: bold;
  text-decoration: none;
  color: #231f20;
}

ul.callToActionList li.active a, ul.callToActionList li.active a:hover {
  background-position: -370px center;
  border-right: solid 1px #e9d3bf;
}

ul.callToActionList li a:hover {
  background-position: -740px center;
  border-right: solid 1px #e9d3bf;
  color: #231f20;
}





ul.breakingNewsList {
  width: 371px;
  margin: 0;
  padding: 0 0 12px 0;
  list-style-type: none;
  list-style-position: outside;
}

ul.breakingNewsList li {
  width: 371px;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
}

ul.breakingNewsList li a {
  display: block;
  width: 270px;
  margin: 0;
  padding: 10px 20px 10px 80px;
  background: transparent url(../image/newsBtnMatrix.gif) no-repeat 0 center;
  font-weight: bold;
  text-decoration: none;
  color: #231f20;
}

ul.breakingNewsList li a:hover {
  background-position: -370px center;
  border-right: solid 1px #e9d3bf;
  color: #231f20;
}





ul.resourceList, ul.infoList {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
}

ul.resourceList li, ul.infoList li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  line-height: 1.333em;
  background-color: #fff;
}


ul.resourceList li a, ul.infoList li a {
  font-weight: normal;
  /*text-decoration: none;*/
  background-color: #fff;
  color: #231f20;
}

ul.resourceList li a, ul.resourceList li .info {
  width: 725px;
  display: block;
}

ul.resourceList li a, ul.resourceList li .info, ul.infoList li {
  padding: 9px 17px 9px 17px;
  margin: 0;
}

ul.resourceList li.alt, ul.infoList li.alt,
ul.resourceList li.alt a, ul.infoList li.alt a {
  background-color: #f1efe7;
}

/*
ul.resourceList li a:hover, ul.infoList li a:hover {
  text-decoration: underline;
}
*/

ul.resourceList a span.link, ul.infoList li a {
  color: #005c3a;
}



.leftContentPanel ul.resourceList, .leftContentPanel ul.infoList,
.rightContentPanel ul.resourceList, .rightContentPanel ul.infoList,
.centerContentPanel ul.resourceList, .centerContentPanel ul.infoList {
  width: 363px;
  margin: 0 1px 0 0;
}

.leftContentPanel ul.resourceList li, .leftContentPanel ul.infoList li,
.rightContentPanel ul.resourceList li, .rightContentPanel ul.infoList li,
.centerContentPanel ul.resourceList li, .centerContentPanel ul.infoList li {
  width: 363px;
  margin: 0 0 -4px 0;
}

.leftContentPanel ul.resourceList li a, .leftContentPanel ul.infoList li,
.rightContentPanel ul.resourceList li a, .rightContentPanel ul.infoList li,
.centerContentPanel ul.resourceList li a, .centerContentPanel ul.infoList li {
  display: block;
  width: 329px;
  padding: 9px 17px 13px 17px;
  background-image: url(../image/resourceListBg.gif);
  background-repeat: no-repeat;
  background-position: 0 bottom;
}

.leftContentPanel ul.infoList,
.rightContentPanel ul.infoList,
.centerContentPanel ul.infoList {
  margin-bottom: 9px;
}





ul.link, div.link ul {
  list-style-position: outside;
  list-style-image: url(../image/linkArrow.gif);
}





/* Button elements */

.btnContainer {
  display: inline;
  float: left;
}

.contentBox p.btnContainer {
  /*margin: 0 10px 10px 16px;*/
  margin: 0 0 10px 0;
  padding: 0 10px 0 16px;
  width: 733px;
}

.leftContentPanel p.btnContainer,
.rightContentPanel p.btnContainer,
.centerContentPanel p.btnContainer {
  width: 345px;
}



a.btn {
  position: relative;
  padding: 11px 0 11px 0;
  margin: 0 0 0 0;
  text-decoration: none;
  font-weight: bold;
  color: #787367;
}

a.btn:hover {
  background-position: 0 0;
  color: #787367;
}

a.btn:hover .text  {
  background-position: -450px center;
}

a.btn:hover .cap {
  background-position: -837px center;
}



a.docBtn .text {
  padding: 11px 0 11px 40px;
  background: transparent url(../image/docBtnMatrix.gif) no-repeat 0 center;
}

a.docBtn .cap {
  padding: 11px 11px 11px 0;
  background: url(../image/docBtnMatrix.gif) no-repeat -387px center;
}


a.multiDocBtn .text {
  padding: 11px 0 11px 40px;
  background: transparent url(../image/multiDocBtnMatrix.gif) no-repeat 0 center;
}

a.multiDocBtn .cap {
  padding: 11px 11px 11px 0;
  background: url(../image/multiDocBtnMatrix.gif) no-repeat -387px center;
}


a.actionBtn .text {
  padding: 11px 0 11px 50px;
  background: transparent url(../image/actionBtnMatrix.gif) no-repeat 0 center;
}

a.actionBtn .cap {
  padding: 11px 11px 11px 0;
  background: url(../image/actionBtnMatrix.gif) no-repeat -387px center;
}


a.linkBtn .text {
  padding: 11px 0 11px 12px;
  background: transparent url(../image/linkBtnMatrix.gif) no-repeat 0 center;
}

a.linkBtn .cap {
  padding: 11px 20px 11px 0;
  background: url(../image/linkBtnMatrix.gif) no-repeat -378px center;
}

a.linkBtn:hover .cap {
  background-position: -828px center;
}





/* Supporting elements */

.left {
  display: inline;
  float: left;
}

.right {
  display: inline;
  float: right;
}

.clear {
  clear: both;
}

div.clear {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}





/* Common elements */

div.intro p {
  line-height: 1.666em;
}

div.intro p strong {
  font-size: 1.166em;
}


div.intro .infoBox p {
  margin: 0;
}



div.breakingNews h3 {
  background-color: #4b8958;
  border-right: solid 1px #c2cebb;
  color: #e0e6e1;
}

div.breakingNews h4 {
  color: #4b8958;
}



div.callToAction h3 {
  background-color: #cf7535;
  border-right: solid 1px #d3834a;
  color: #f3e8da;
}

div.callToAction h4 {
  color: #c06422;
}

div.callToAction .note {
  margin: 20px 48px 30px 48px;
  font-size: 1.2em;
}



div.newsletter h3 {
  background-color: #5b68a2;
  border-right: solid 1px #c5c6cc;
  color: #e1e3e8;
}

div.newsletter h4 {
  color: #5b68a2;
  margin-left: 32px;
  margin-right: 32px;
}

div.newsletter .toc {
  margin: 15px 0 0 0;
  padding: 1px 83px 0 0;
  background: transparent url(../image/newsletterThumbnail.gif) no-repeat 257px 15px;
}

div.newsletter .toc h4 {
  margin-top: 0;
  margin-bottom: 0;
}

div.newsletter .toc ul {
  margin-top: 0;
}

div.newsletter .toc .spacer {
  display: inline;
  float: right;
  height: 165px;
  width: 1px;
  overflow: hidden;
}



div.capWiz h3 {
  background-color: #aba283;
  border-right: solid 1px #b3ab8f;
  color: #f0ede2;
}



.intro h3, .issue h3, .doc h3,
.leftContentPanel .intro h3, .leftContentPanel .issue h3, .leftContentPanel .doc h3,
.rightContentPanel .intro h3, .rightContentPanel .issue h3, .rightContentPanel .doc h3,
.centerContentPanel .intro h3, .centerContentPanel .issue h3, .centerContentPanel .doc h3 {
  width: auto;
  margin: 15px 16px 10px 16px;
  padding: 0;
  font-size: 2em;
  font-weight: normal;
  background-color: transparent;
  border-right: none;
  color: #231f20;
}



.doc h3, .doc p, .doc ul {
  margin-right: 128px;
  margin-left: 128px;
}

.doc .top {
  margin-bottom: 32px;
}

.doc .bottom {
  margin-top: 32px;
}





/* General formatting */

body {
	font: 62.5%/1em Arial, Verdana, sans-serif;
	text-align: left;
  color: #231f20;
}

h1, h2, h3, h4, h5, h6, a {
  font-family: "Times New Roman", Arial, Verdana, sans-serif;
  line-height: 1.2em;
  color: #231f20;
  margin: 0;
  padding: 0;
}

h1.plain, h2.plain, h3.plain, h4.plain, h5.plain, h6.plain {
  font-family: Arial, Verdana, sans-serif;
}

a {
  font-family: Arial, Verdana, sans-serif;
}

h3, .h3 {
  font-size: 1.6em;
  line-height: 1.2em;
}

h4, .h4 {
  font-size: 1.4em;
}

h4 small, .h4 small {
  font-size: 0.857em;
}

h5, .h5 {
  font-size: 1.3em;
}

h5 small, .h5 small {
  font-size: 0.923em;
}


p {
  margin: 1em 0 1em 0;
  padding: 0;
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: normal;
}

p.note {
  font-size: 1em;
}

li a {
  font-size: 1em;
}

p strong.highlight {
  font-size: 1.166em;
}

strong.fancy {
  font-family: "Times New Roman", Arial, Verdana, sans-serif;
}






