@charset "UTF-8";

body {
     background: #e6e1aa;
     margin: 5 5 25 5; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
     padding: 0;
     text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
     color: #706e46;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     line-height: 20px;
}

#nav A {
     font-family: Arial, Helvetica, sans-serif;
     font-style: normal;
     text-decoration: none;
     font-size: 11px;
     line-height:11px;
     font-style: normal;
     display: block;
     color: #666666;
     background-color:#ffffff;  /* Change this color for the normal state in the dropdown */
     text-align: left;
}

#nav A:hover {
     font-style: normal;
     text-decoration: underline;
     background-color: #f7f7eb;  /* Change this color for the over state in the dropdown */
     color: #000000;
}

#nav A:link {
     display: block;
     padding: 7px 3px 7px 15px;
     font-size: 11px;
     line-height:11px;
     font-style: normal;
     display: block;
     border-bottom: 2px solid #d59f0f;
     border-right: 2px solid #d59f0f;
     border-left: 2px solid #d59f0f;
     border-top: 0px solid #d59f0f;
}

#nav A:visited {
     font-style: normal;
  font-size: 11px;
     line-height:11px;
     display: block;
     padding: 7px 3px 7px 15px;
     border-bottom: 2px solid #d59f0f;
     border-right: 2px solid #d59f0f;
     border-left: 2px solid #d59f0f;
     border-top: 0px solid #d59f0f;
}

#nav, #nav ul { /* all lists */
     padding: 0px;
     margin: 0;
     list-style: none;
     line-height: 130%;
     display: block;
}

#nav li { /* all list items */
     float: left;
     width: 180px; /* width needed or else Opera goes nuts */
     margin: 0px;
     padding: 0;
     display: block;
     line-height: 130%;
     background: none;
}

#nav li ul { /* second-level lists */
     position: absolute;
     width: 137px;
     border: 0px solid #FFFFFF;
     background-color: #FFFFFF;
     display: block;
     left: -999em;   /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
     position: absolute;
     display: block;
     margin: -27px 0px 0px 137px;  /* False value for IE4-5.x/Win */
     margin: -27px 0px 0px 137px;	 /* Actual value for conformant browsers */
}

#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul {
     left: -999em;
     color: #d59f0f;
     display: block;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
     left: auto;
     display: block;
}

#content {
     clear: left;
     color: #cccccc;
}

ul {
     padding: 3px;
     margin: 3px;
     list-style: none;
}

li {
     margin-left: 1.7em;
     margin-top: -3px;
     list-style: square outside;
     background: none
}

.homewhite {
     color: #FFFFFF;
}

a:link {
     color: #93a445;
     text-decoration: underline;
}

a:hover {
     text-decoration: underline;
}

a:active {
     color: #666666;
     text-decoration: underline;
}

a:visited {
     color: #666666;
     text-decoration: underline;
}

.footer {
     color: #93a445;
}

caption {
     background: #e6e1aa;
     margin: 5 5 25 5; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
     padding: 0;
     text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
     color: #706e46;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     line-height: 15px;
}

.photo-caption {
     margin: 5 5 25; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
     padding: 0 20;
     text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
     color: #706e46;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     line-height: 15px;
}

.callout-box-text {
     margin: 15 23 5 26; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
     padding: 0;
     text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
     color: #706e46;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     line-height: 20px;
}

.subhead-underline {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 18px;
     color: #93a445;
     padding-bottom: 1px;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #FFFFFF;
     line-height: 110%;
     margin-bottom: 4px;
}

.footer a {
     color: #93a445;
     text-decoration: none;
}

.top-white-border {
     border-top-width: 12px;
     border-top-style: solid;
     border-top-color: #FFFFFF;
}

.image-left-whitebox {
     padding-right: 0px;
     border: 5px solid #FFFFFF;
     margin-right: 16px;
}

.image-right-whitebox {
     padding-right: 0px;
     border: 5px solid #FFFFFF;
     margin-left: 20px;
}

.byline-info {
     padding-bottom: 0px;
     font-style: italic;
     margin-bottom: 0px;
     margin-top: 0px;
     padding-top: 0px;
}

.quote {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 14px;
     font-style: italic;
     line-height: 130%;
     color: #706e46;
     text-align: center;
}

#s3slider {
     width: 822px;
     height: 220px;
     position: relative;
     overflow: hidden;
     border-top: 8px solid #FFF;
     border-bottom: 8px solid #FFF;
     margin: 0px;
     padding: 0px;
}
#s3sliderContent {
     width: 822px;
     height: 220px;
     position: absolute;
     top: 0;
     left: 0;
     margin: 0px;
     padding: 0px;
}
.s3sliderImage {
	float: left;
	postiion: relative;
	display: none;
}
.clear  {
	clear: both;
}


ul .s3sliderImage {
     list-style: none;
     margin: 0;
     padding: 0;
}

