/*  CSS Document  */

/*  Begin positioned elements  */

body {
  background:url(https://www.dinwiddiechamber.org/images/bg.jpg) repeat-x #b0d388;
  behavior: url(/csshover.htc); /* WinIE behavior call */
  font-family:Arial, Helvetica, sans-serif;
  margin-top:0px;
}

.container {
  margin-left:auto;
  margin-right:auto;
  width:806px;
}

.banner {
  height:232px;
  width:806px;
}

.leftmenu {
  background:url(https://www.dinwiddiechamber.org/images/stretch_leftmenu.gif) repeat-y;
  width:198px;
  vertical-align:top;
}

.topmenu {
  background:#69442E;
  height:20px;
  width:608px;
  color:#fff;
  font-size:12px;
}

.content {
  vertical-align:top;
  background:#ededed;
  width:608px;
  height:620px;
  font-size:13px;
}

.bottom {
  background:url(https://www.dinwiddiechamber.org/images/bottom.gif);
  height:82px;
  margin-left:auto;
  margin-right:auto;
  width:806px;
}


/*  Begin styled elements  */

.banner h1 {
  color:#000;
  font-size:27px;
  padding:50px 0px 0px 230px;
  margin:0px;
}

.banner h2 {
  color:#000;
  padding:0px 0px 0px 230px;
  margin:0px;
  font-size:20px;
}

.leftmenu h2 {
  font-size:16px;
  margin:16px 14px 0px 14px;
}

.leftmenu li {
  font-size:12px;
  margin:10px 14px 0px 0px;
}

.content h1 {
  margin:22px 30px 10px 30px;
  padding:0px;
  font-size:22px;
  color:#000;
}

.content h2 {
  margin:22px 30px 10px 30px;
  padding:0px;
  font-size:17px;
  color:#000;
}

.content h3 {
  margin:22px 30px 10px 30px;
  padding:0px;
  font-size:13px;
  color:#000;
}

.content p {
  margin:22px 30px 10px 30px;
  padding:0px;
  font-size:13px;
  color:#000;
  line-height:20px;
}

.content li {
  line-height:20px;
  font-size:13px;
  margin:0px 30px 0px 30px;
}

.content hr {
  margin:22px 30px 10px 30px;
  border:1px solid #000;
}

.table {
  margin:0px 30px 10px 30px;
  font-size:13px;
  padding:0px;
}

.table td {
  vertical-align:top;
  text-align:center;
}

.table th {
  border-bottom:solid 1px #000;
  background:#1807F5;
  color:#fff;
}

.red {
  color: #900;
  margin:0px 0px 0px 30px;
  font-size:11px;
  padding:0px;
}

.footnote {
  font-size:12px;
  text-align:center;
  padding-top:4px;
  margin:0px 100px 0px 100px;
  color:#000;
  font-style:italic;
}

.bottom p {
  padding:0px;
  margin:0px;
  padding-top:80px;
  font-size:12px;
  text-align:center;
  color:#333;
}

.right_pic {
  float:right;
  padding:0px 0px 12px 12px;
  margin-right:30px;
  font-size:12px;
  color:#000;
  text-align:center;
  font-weight:bold;
  font-style:italic;
}

.left_pic {
  float:left;
  padding:0px 12px 12px 0px;
  margin-left:30px;
  font-size:12px;
  color:#000;
  text-align:center;
  font-weight:bold;
  font-style:italic;
}

.left_pic img, .right_pic img {
  border:solid 1px #000;
}

img {
  border:none;
  display:block;
}

.calendar {
  padding:2px 8px 18px 8px;
  font-size:12px !important;
}

.calendar ul {
  padding-left:0px;
}

.calendar p {
  margin-left:0px;
  margin-right:0px;
}

.calendar a {
  font-size:12px !important;
}

.monthviewDaydata li {
  margin-left:16px;
}

.monthviewDaydata ul {
  padding-left:0px;
  margin-left:0px;
}


/*  Begin link styles  */


a {
  color:#1807F5;
  font-weight:bold;
  text-decoration:underline;
}

a:visted {
  color:#1807F5;
  font-weight:bold;
  text-decoration:underline;
}

a:hover {
  color:#000;
  font-weight:bold;
  text-decoration:underline;
}

.topmenu a {
  color:#fff;
  text-decoration:none;
  padding:8px 8px 7px 8px;
}

.topmenu a:visited {
  color:#fff;
  text-decoration:none;
}

.topmenu a:hover {
  color:#333;
  text-decoration:none;
  background:#B3D88B;
}

.bottom a {
  color:#333;
  text-decoration:underline;
}

.bottom a:visited {
  color:#333;
  text-decoration:underline;
}

.bottom a:hover {
  color:#333;
  text-decoration:underline;
}

/* Begin CSS rollover menus */


div#nav ul {
  padding:0px;
  margin:0px;
  list-style: none;
  margin:0px;
  z-index:100;
}

div#nav a {
  color:#fff;
  display: block;
  font-weight: bold;
  text-decoration:none;
  padding:8px 11px 7px 11px;
}

div#nav a:hover {
  color: #333;
  text-decoration: none;
  font-weight: bold;
  background:#B3D88B;
}

div#nav li:hover {
  background:#B3D88B;
}

div#nav li li {
  display: block; 
  float: none;
  background: #69442E;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  text-align:left;
  padding:0px;
}

div#nav li li:hover {
  background:#B3D88B;
}

div#nav li li a {
  font-weight: bold;
  border:none;
  margin:0px;
  padding:9px 6px 9px 12px;
  color:#fff;
}

div#nav li { /* all list items */
  cursor: default; 
  float: left;
  padding:0px;
}

div#nav li ul { /* second-level lists */
  background: #E1F4FF;
  position: absolute;
  left: -999em;
  margin:0px 0px 0px 0px;
  padding:0px;
  border-top:1px solid #fff;
}

/* third-and-above-level lists */
div#nav li ul ul {
  position: absolute;
  margin:-1.3em 0em 0em 9em;
  border-top:solid 1px #000;
  border-left:solid 1px #000;
}

div#nav li:hover ul ul, #nav li.sfhover ul ul {
  left: -999em;
}

div#nav li:hover ul, div#nav li li:hover ul, div#nav li.sfhover ul, div#nav li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}

#itemone {width: 77px; background-color: #377c2b; padding: 3px; text-align: center;}
#itemtwo {width: 107px; background-color: #377c2b; padding: 3px; text-align: center;}
#itemthree {width: 125px; background-color: #377c2b; padding: 3px; text-align: center;}
#itemfour {width: 135px; background-color: #377c2b; padding: 3px; text-align: center;}
#itemfive {width: 160px; background-color: #377c2b; padding: 3px; text-align: center;}
#itemsix {width: 180px; background-color: #377c2b; padding: 3px; text-align: center;}