body {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #333333;
line-height: 1.166;
margin: 5px;
padding: 0px;
background-color: #eeeeee;
  }

.pagewrapper {
width: 900px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
margin-top: 10px;
  }

.contentwrapper {
width: 900px;
  }

a:link, a:visited, a:hover {
color: #006699;
text-decoration: none;
  }

a:hover {
text-decoration: underline;
  }

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
font-family: Arial,sans-serif;
margin: 0px;
padding: 0px;
  }

h1 {
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
color: #334d55;
  }

h2 {
font-size: 114%;
color: #006699;
  }

h3 {
font-size: 100%;
color: #334d55;
  }

h4 {
font-size: 100%;
font-weight: normal;
color: #333333;
  }

h5 {
font-size: 100%;
color: #334d55;
  }

ul {
list-style-type: square;
  }

ul ul {
list-style-type: disc;
  }

ul ul ul {
list-style-type: none;
  }

label {
font: bold 100% Arial,sans-serif;
color: #334d55;
  }

/***********************************************/

/* Layout Divs */

/***********************************************/

#masttop {
width: 900px;
background-color: #3b4c57;
height: 46px;
  }

#masthead, #logo {
background-color: #64473e;
height: 60px;
  }

#masthead {
padding-top: 4px;
padding-bottom: 4px;
padding-right:8px;
padding-left: 8px;
color: #e39b32;
font-family: Verdana,Arial,sans-serif;
font-size: 12pt;
vertical-align: middle;
font-weight: bold;
  }

#navBar {
background-color: #d6a14f;
color: #000000;
vertical-align: top;
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 200px;
font-weight: bolder;
  }

#aboutNavBar {
background-color: #2d989d;
color: #000000;
vertical-align: top;
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 200px;
font-weight: bolder;
  }

a.navBar:link {
color: #64473e;
  }

a.navBar:visited {
color: #3b4c57;
  }

a.navBar:hover {
color: #FFFFFF;
text-decoration: underline;
  }

#content {
padding: 20px;
font-family: Times, "Times New Roman", serif;
font-size: 12pt;
  }

#aboutContent {
padding: 20px;
font-family: Times, "Times New Roman", serif;
font-size: 12pt;
padding-right: 80px;
  }

#aboutContent dt {
font-weight: bold;
font-size: 16pt;
line-height: 18pt;
padding-top: 12pt;
  }

#aboutContent dd {
color: #333333;
font-size: 12pt;
line-height: 14pt;
  }

#TextMenus {
background-color: #75a397;
padding: 20px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;
padding-right: 80px;
  }

#TextMenus dt {
color: #cda15a;
font-weight: bold;
font-size: 16pt;
line-height: 18pt;
padding-top: 12pt;
  }

#TextMenus dd {
color: #333333;
font-size: 12pt;
line-height: 14pt;
  }

#TextMenus dt a:hover {
color: #64473e;
  }

#IconMenus {
background-color: #a4cac0;
padding: 20px;
  }

#CardDisplay {
background-color: #c6e6de;
padding: 20px;
  }

.cardslug {
text-align: left;
width: 350px;
height: auto;
position: relative;
left: 150px;
color: #64473E;
  }

.cardpict {
text-align: center;
margin: 10px;
  }

.cardcapt {
color: #53676b;
font-family: "Comic Sans MS", "Apple Chancery", cursive;
font-size: 14pt;
text-align: center;
margin-right: 100px;
margin-left: 100px;
  }

#postfooter {
background-color: #dac2a7;
text-align: center;
background-image: url(../images/FootHog.gif);
background-repeat: repeat-x;
width: 900px;
height: 75px;
  }

/***********************************************/

/*Component Divs */

/***********************************************/

.img.logobutton {
position: relative;
top: 5px;
  }

td.iconcell {
text-align: center;
padding: 10px;
width: 250px;
  }

#siteName {
margin: 0px;
padding: 0px 0px 10px 10px;
  }

.dldescribe {
color: #000033;
font-family: Arial, Geneva, sans-serif;
text-align: justify;
margin-right: 5pt;
padding-right: 5pt;
font-size: 8pt;
  }

/*************** #pageName styles **************/

#pageName {
padding: 0px 0px 10px 10px;
  }

/************* #globalNav styles **************/



#globalNav {
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
  }

/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line this will force a horizontal scrollbar if there isn't enough room for all links remove rule or change value to 'normal' if you want the links to line-wrap */



#globalNav img {
display: block;
  }

#globalNav a {
font-size: 90%;
padding: 0px 4px 0px 0px;
  }

/************* #breadCrumb styles *************/


#breadCrumb {
font-size: 80%;
padding: 5px 0px 5px 10px;
  }

/************** .feature styles ***************/



.feature {
padding: 0px 0px 10px 10px;
font-size: 80%;
  }

.feature h3 {
padding: 30px 0px 5px 0px;
text-align: center;
  }

.feature img {
float: left;
padding: 0px 10px 0px 0px;
margin: 0 5px 5px 0;
  }

/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/


.story {
clear: both;
padding: 10px 0px 0px 10px;
font-size: 80%;
  }

.story p {
padding: 0px 0px 10px 0px;
  }

/************* #siteInfo styles ***************/



#siteInfo, #footer {
color: #bfbfbf;
padding: 4px 10px 4px 10px;
margin-top: 0px;
background-color: #3b4c57;
font-family: Arial,sans-serif;
font-size: 9pt;
height: 12pt;
  }

#footer a {
color: #e4e4e4;
  }

#footer a:hover {
color: #1DA3AF;
  }

#footer a:visited {
color: #B2BBC0;
  }

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with) the bottom border of the navBar in cases where they "touch" */



#siteInfo img {
padding: 4px 4px 4px 0px;
vertical-align: middle;
  }

/************* #search styles ***************/



#search {
padding: 5px 0px 5px 10px;
border-bottom: 1px solid #cccccc;
font-size: 90%;
  }

#search form {
margin: 0px;
padding: 0px;
  }

#search label {
display: block;
margin: 0px;
padding: 0px;
  }

/*********** #navBar link styles ***********/



#navBar ul a:link, #navBar ul a:visited {
display: block;
  }

#navBar ul {
list-style: none;
margin: 0;
padding: 0;
  }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */


#navBar li {
border-bottom: 1px solid #EEE;
  }

/* fix for browsers that don't need the hack */



html>body #navBar li {
border-bottom: none;
  }

.navbutt {
font-family: Arial,sans-serif;
font-size: 10pt;
color: #FFFFFF;
width: 60px;
  }

#prevbutt a, #nextbutt a {
display: block;
text-decoration: none;
background-color: #D6A14F;
padding: 4px 10px;
color: #FFFFFF;
line-height:1;
  }

#prevbutt a:hover, #nextbutt a:hover {
color: #3B4C57;
background-color: #feecc6;
  }

#prevbutt {
text-align: left;
  }

#nextbutt {
text-align: right;
  }

/*********** #sectionLinks styles ***********/



#sectionLinks {
position: relative;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #cccccc;
font-size: 90%;
  }

#sectionLinks h3 {
padding: 10px 0px 2px 10px;
  }

#sectionLinks a:link {
padding: 2px 0px 2px 10px;
border-top: 1px solid #cccccc;
width: 100%;
voice-family: "\"  }

\"";
voice-family:inherit;
width: auto;
  }

#sectionLinks a:visited {
border-top: 1px solid #cccccc;
padding: 2px 0px 2px 10px;
  }

#sectionLinks a:hover {
border-top: 1px solid #cccccc;
background-color: #dddddd;
padding: 2px 0px 2px 10px;
  }

/*********** .relatedLinks styles ***********/



.relatedLinks {
margin: 0px;
padding: 0px 0px 10px 10px;
font-size: 90%;
  }

.relatedLinks h3 {
padding: 10px 0px 2px 0px;
  }

/************** #advert styles **************/



#advert {
padding: 10px 0px 0px 10px;
font-size: 80%;
border-top: 1px solid #cccccc;
  }

#advert img {
display: block;
  }

/************** #headlines styles **************/



#headlines {
margin: 0px;
padding: 10px 0px 20px 10px;
font-size: 80%;
  }

#headlines p {
padding: 5px 0px 5px 0px;
  }