/* Import widget (sidebar) styles */
@import 'widgets.css';

/* Element styles */

html {
  margin: 0;
  padding: 0;
  background: #a5a58a;
}
body {
  margin: 0;
  padding: 0;
  font-family: verdana, serif;
  background: url(/images/background.gif) repeat-x;
  line-height: 1.6em;
}
form {
  margin: 0;
}
img {
  border: 0;
}
a {
  text-decoration: none;
  color: #7a7917;
  font-weight: bold;
}
a img {
  border: none;
}
p {
  margin: 0 0 1em 0;
}
h1 {
  font-size: 1.7em;
  margin: 0 0 0.2em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0 0 0.5em 0;
}
h3 {
  font-size: 1.3em;
  margin: 0 0 0.7em 0;
}
h4 {
  font-size: 1em;
  margin: 0 0 1em 0;
}

/* General styles */

.clear {
  clear: both;
}
img.right {
  float: right;
  padding-left: 5px;
}
img.left {
  float: left;
  padding-right: 5px;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.bold {
  font-weight: bold;
}
.top {
  vertical-align: top;
}
.middle {
  vertical-align: middle;
}
.bottom {
  vertical-align: bottom;
}
.small {
  font-size: 0.9em;
}
.out-of-view {
  position: absolute;
  left: -9999px;
}
p.aaa-logo {
  text-align: center;
  margin: 1em 0 0 0;
}

/* Constrainer (Keeps things neat below 1024x */

#constrainer {
  width: 1024px;
}


p#skip-navigation {
  position: absolute;
  left: -9999px;
}


/* Header styles */

#header {
  width: 990px;
  height: 165px;
}
#header img {
  display: block;
  float: left;
  border-top: 1px solid #fff;
  margin-top: 6px;
}
#header div {
  float: left;
  width: 526px;
  height: 135px;
  margin-top: -1px;
}
#header h1 {
  float: left;
  width: 276px;
  height: 50px;
  font-size: 0.1em;
  margin: 50px 0 0 0;
  background: url(/images/header-heading.gif) no-repeat;
}
#header h1 span {
  position: absolute;
  left: -9999px;
}
#header #slideshow {
  width: 526px;
  float: left;
  background: url(/images/header-montage-1.jpg) no-repeat;
}

/* Container styles */

#mid-section-container {
  background: #dadac9;
  padding-bottom: 16px;
}
#mid-section-constrainer {
  width: 990px;
}
#mid-section-constrainer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#mid-section-constrainer { display: inline-table; }
/* Hides from IE-mac \*/
* html #mid-section-constrainer { height: 1%; }
#mid-section-constrainer { display: block; }
/* End hide from IE-mac */


/* Main menu styles */

#leftside-box {
  margin: 11px 15px 0 0;
  padding: 0;
  width: 154px;
  float: left;
}

#leftside-box ul#main-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
#main-menu li {
  margin: 0 0 1px 0;
  padding: 4px 6px 4px 4px;
  background: #c2c2ae url(/images/menu-item-corner.gif) right top no-repeat;
  text-align: right;
  line-height: 1.4em;
}
#main-menu li a {
  color: #54521b;
}
#main-menu li.light {
  background: transparent url(/images/dotted-line.gif) left bottom repeat-x;
}
#main-menu li.light a {
  font-weight: normal;
}
#leftside-box div#text-size-box {
  padding: 10px 2px 0 0;
  text-align: right;
  white-space: nowrap;
}
div#text-size-box a#text-small {
  font-size: 0.9em;
}
div#text-size-box a#text-default {
  font-size: 1.2em;
}
div#text-size-box a#text-large {
  font-size: 1.5em;
}


/* Content styles */

#middle {
  float: left;
  width:603px;
  min-width:603px;
}
#middle h2#page-title {
  color: #54521b;
  line-height: 1.4em;
  margin: 4px 0 7px 0;
  padding: 0 0 0 15px;
  width:90%;
  background: url(/images/bullet.gif) center left no-repeat;
}
#middle h3 {
  color:#fff;
  font-weight:bold;
  font-size: 1.5em;
  background-color:#439d43;
  line-height:2em;
  padding-left:11px;
  font-weight:normal;
}
#middle h3 a {
  color: #fff;
}
.content-container-current-issues,
.content-container-full {
  width: 821px;
  background: #fff url(/images/page-content-header-large.gif) no-repeat;
  margin-bottom: 12px;
}
.content-container-with-sidebar {
  background: #fff url(/images/page-content-header-small.gif) no-repeat;
  width: 592px;
  margin: 0 14px 12px 0;
}
.content-container-homepage {
  background: none;
  width: 592px;
  margin: 0 14px 12px 0;
}
.content-current-issues,
.content-full {
  padding: 15px 15px 9px 15px;
  background: transparent url(/images/page-content-footer-large.gif) left bottom no-repeat;
}
.content-container-full table caption,
.content-with-sidebar table caption {
  position: absolute;
  left: -9999px;
}
.content-container-full table th,
.content-with-sidebar table th {
  text-align: left;
}
.content-container-full a,
.content-with-sidebar a,
.content-current-issues a {
  text-decoration: underline;
}


* html .content-current-issues,
* html .content-full {
  height: 1%;
  padding-bottom: 3px;
  overflow: visible;
}
.content-with-sidebar {
  padding: 15px 15px 9px 15px;
  background: transparent url(/images/page-content-footer-small.gif) left bottom no-repeat;
}
* html .content-with-sidebar {
  height: 1%;
  padding-bottom: 3px;
  overflow: visible;
}
.content-homepage {
  padding: 0;
  background: none;
}
#sub-page-links {
  list-style: none;
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 0.9em;
}
#sub-page-links li {
  margin: 0;
  padding: 0;
  display: inline;
}
.items {
  list-style: none;
  padding: 0;
  margin: 0;
}
.items li {
  clear: both;
  margin: 0 0 12px 0;
  padding: 0;
  overflow: hidden;
  _height: 1%;
}
* html .items li {
  height: 1%;
}
.items li.indent {
  margin-left: 25px;
}
.items li h3, .items li h4 {
  font-size: 1em;
  margin: 0 0 2px 0;
}
.items li h3 .details, .items li h4 .details {
  font-weight: normal;
}
.items li h5 {
  font-size: 0.9em;
  margin: 0 0 2px 0;
  font-weight: normal;
  font-style: italic;
}
.items li .thumbnail {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
}
.items li p {
  margin: 0;
}
#item-buttons {
  list-style: none;
  margin: 1.5em 0 12px 0;
  padding: 0;
}
#item-buttons:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#item-buttons { display: inline-table; }
/* Hides from IE-mac \*/
* html #item-buttons { height: 1%; }
#item-buttons { display: block; }
/* End hide from IE-mac */
#item-buttons li {
  margin: 0 12px 0 0;
  padding: 8px;
  background: #a5a58a;
  float: left;
}
#item-buttons li a {
  color: #fff;
}
#item h3 {
  font-size: 1.3em;
  margin: 0 0 2px 0;
}
#item h4 {
  font-size: 0.9em;
  margin: 0 0 1.2em 0;
  font-weight: normal;
  font-style: italic;
}
#item .image {
  display: block;
  float: left;
  margin: 0 15px 15px 0;
}
#item .summary {
  background: #d8dee7;
  padding: 8px;
}
#item .summary-with-image {
  background: #d8dee7;
  padding: 8px;
  margin-left: 215px;
  margin-left: 165px;
}

/* Sidebar styles */

#sidebar {
  margin: 11px 0 0 0;
  width: 214px;
  float: left;
}
div.content-with-sidebar ul,
div.content-full ul
{
background-color:#d2ffd4 !important;
padding: 5px 15px 23px 47px;
margin:0 0 40px 0;
list-style:none;
}

div.content-with-sidebar ul li,
div.content-full ul li {
padding:0 0 0 17px;
background-color:#d2ffd4 !important;
margin:12px 0 0 0;
list-style:none;
background:url(/images/list-arrow.gif) top left no-repeat;
}
#sidebar div#browse-aloud {
  padding: 0 0 0 45px;
}


/* Footer styles */

#footer {
  width: 990px;
  padding-top: 12px;
  color: #fff;
}
#footer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#footer { display: inline-table; }
/* Hides from IE-mac \*/
* html #footer { height: 1%; }
#footer { display: block; }
/* End hide from IE-mac */

#footer a {
  color: #fff;
  font-weight: normal;
}
#footer .left {
  width: 200px;
  float: left;
  padding-left: 50px;
}
#footer .middle {
  width: 460px;
  float: left;
  text-align: center;
}
#footer .right {
  width: 250px;
  float: right;
  text-align: right;
  padding-right: 30px;
}


#sidebar form#sitesearch{
margin: 0 0 10px 0;
background:#a0a08b;

}

div.captcha {
  width: 175px;
  margin: 0 auto 0 auto;
  border: 0;
}

div.captcha p{
  margin: 0 !Important;
  padding: 0 !important;
  border: 0 !Important;
}

span.noshow {
  position: absolute;
  left: -9999px;
}

div#captchactrinner {
  display: inline-block;
}

div#captchactrinner {
  overflow: hidden;
  display: block;
} 

div#captchactrinner img {
  display: block;
  float: none;
  clear: both;
  margin: 0 auto 0 auto;
}

a#audio {
  float: left;
  background: url(/images/secure_play.gif) no-repeat;
  width: 22px;
  height: 20px;
}

span#refresh {
  float: left;
  background: url(/images/secure_refresh.gif) no-repeat;
  width: 22px;
  height: 20px;
}