/* Positioned Elements */

body {
  font-family:arial, Helvetica, sans-serif;
  margin:0px;
  background:url(/images/bg3.jpg) no-repeat #fff center top;
  behavior: url(/csshover.htc);
}

#container {
  width:1016px;
  margin-left:auto;
  margin-right:auto;
}

#main {
  background:#fff;
  width:1016px;
}

#banner {
  height:139px;
  margin-left:auto; 
  margin-right:auto;
}

  #banner p {
    font-size:14px;
    float:right;
    margin:0px;
    padding:70px 34px 0px 0px;
    line-height:18px;
    letter-spacing:.5px;
    color:#194779;
  }

#content {
  margin:0px;
  padding:7px 0px 10px 0px;
  vertical-align:top;
  width:724px;
  background:#fff;
  float:right;
}

#leftmenu {
  background:#365b1b;
  width:280px;
  border-left:10px solid #fff;
  vertical-align:top;
  float:left;
}

  #leftmenu p {
    font-size:13px;
    text-align:center;
    color:#fff;
}

  #nav ul {
    margin:0px;
    padding:0px;
  }

  #nav li {
    margin:10px !important;
    width:249px;
    height:34px !important;
    display:block !important;
}

  #leftmenu ul {
    margin:8px 0px 0px 0px;
    padding:0px;
}

  #leftmenu li {
    margin:0px 10px 0px 0px;
    text-align:right;
    list-style:none;
    font-size:14px;
//    background:url(/images/line.jpg) no-repeat -20px 24px;
    line-height:34px;
}

#submenu ul li {
//    width:270px;
}

  .item-101 {
    background:url(/images/home.jpg) no-repeat !important;
}

  .item-133 {
    background:url(/images/hammer.jpg) no-repeat !important;
}

  .item-134 {
    background:url(/images/money.jpg) no-repeat !important;
}

  .item-135 {
    background:url(/images/safety.jpg) no-repeat !important;
}

  .item-136 {
    background:url(/images/virginia.jpg) no-repeat !important;
}

  .item-147 {
    background:url(/images/calendar.jpg) no-repeat !important;
}

  .item-131 {
    background:url(/images/contact.jpg) no-repeat !important;
}

  .item-201 {
  background:url(/images/virginia.jpg) no-repeat !important;
}

#box1 {
  width:480px;
  height:252px;
  margin:0px 0px 0px 10px;
}

#box2 {
  background:url(/images/events-bg.jpg) no-repeat;
  width:480px;
  height:252px;
  float:right;
  margin:0px 20px 0px 0px;
}

#box1 h2, #box2 h2 {
  background:url(/images/h2.jpg) no-repeat;
  font-size:16px;
  padding:0px 0px 0px 12px;
  font-family:amaze;
  font-size:29px !important;
  color:#0e315f;
  font-weight:normal;
}

#box1 p {
  margin:15px 0px 0px 6px !important;
  font-size:13px !important;
}

#box1 li {
  font-size:14px;
  line-height:20px;
}

#box2 p {
  margin:30px 0px 0px 24px !important;
  font-size:14px !important;
}

#bottom {
  background:url(/images/bottom.jpg) no-repeat;
  width:1017px;
  height:86px;
}

#footer {
  padding:0px 0px 0px 0px;
  margin:0px;
  font-size:11px;
  color:#000;
  text-align:center;
}

  #footer p {
    list-style:none;
    margin:0px;
    padding:13px 0px 10px 0px;
  }


/* Styled Elements */


#content h1, #contact-name {
  font-size:36px !important;
  color:#0e315f !important;
  padding:0px 0px 0px 10px !important;
  margin:10px 0px 0px 20px !important;
  font-weight:normal !important;
  background:url(/images/h1.jpg) no-repeat; 
  height:48px;
  width:666px;
  font-family:amaze;
}

#content h2 {
  font-size:16px;
  margin:14px 32px 0px 22px;
  padding:5px 0px 0px 10px;
  width:476px;
  height:23px;
  color:#000;
}

#content h3 {
  font-size:15px;
  margin:14px 32px 0px 22px;
  padding:0px;
  color:#90825D;
  font-style:italic;
}

#content h4 {
  font-size:15px;
  font-weight:bold;
  margin:16px 0px 10px 0px;
  padding:0px;
  color:#000;
}

#content p, .qcontacts_email, #qcontacts-confirm {
  margin:16px 34px 0px 34px;
  font-size:14px;
  line-height:20px;
  text-align:justify;
}

#content li {
  line-height:20px;
  text-align:justify;
  font-size:14px;
  margin-left:26px;
  margin-right:22px;
}

#jevents_body {
  margin:0px 34px 0px 34px;
  font-size:14px;
}

#jevents_body h2 {
  margin:0px 34px 0px 0px;
  font-size:14px;
}

.rapid_contact_ex {
  font-size:14px;
}

#table {
  margin:14px 32px 0px 32px;
  font-size:14px;  
}

#table td {
  vertical-align:top;
}

.rotator {
  height:313px !important;
  overflow:hidden;
}

#sp104 {
  margin-left:420px;
  top:76px;
}

.right_pic {
  float:right;
  padding:18px 28px 14px 26px;
  margin:0px !important;
  font-size:13px;
  text-align:center;
  font-style:italic;
}

.left_pic {
  float:left;
  padding:8px 22px 12px 2px;
  margin:0px !important;
  font-size:13px;
  text-align:center;
  font-style:italic;
}

.required {
  color:#000 !important;
}

.footnote {
  font-style:italic;
  font-size:14px;
  padding:15px;
  text-align:center;
}

#logo {
  float:left;
  width:317px;
  height:64px;
  padding:19px 0px 0px 12px;
  margin-right:10px;
}

img {
    border:none;
    display:block;
}

hr {
    margin:20px 32px 20px 32px;
}

.contact {
  font-size:14px !important;
}

.contact-form {
  margin:0px 19px; 20px 0px;
  width:680px;
}

.clear {
  height:0px;
  margin:0px;
  clear:both;
}

.hidden {
  display:none;
}


/* Begin link styles */


a {
  color:#132E5B;
  font-weight:bold;
  text-decoration:underline;
}

a:visited {
  color:#132E5B;
  text-decoration:underline;
}

a:hover {
  color:#4c72b3;
  text-decoration:underline;
}

#nav a {
  color:#284473 !important;
  width:249px !important;
  height:34px !important;
  display:block !important;
  margin:10px !important;
  text-align:left !important;
  padding:0px !important;
}

#buttons a {
  color:#0c2a76;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:17px;
  padding:10px 0px 0px 10px;
  font-weight:normal;
}

#buttons a:visited {
  color:#0c2a76;
  text-decoration:none;
}

#buttons a:hover {
  color:#0c2a76;
  text-decoration:none;
}

#leftmenu li a {
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  padding:10px 0px 0px 10px;
  font-weight:normal;
  background-image:none;
}

#leftmenu li a:visited {
  color:#fff;
  text-decoration:none;
}

#leftmenu li a:hover {
  color:#fff;
  text-decoration:none;
}

#footer a {
  color:#333;
}

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

#footer a:hover {
  color:#0c2a76;
}


/* Begin CSS rollover menus */


div#nav {
  margin: 0px 0px 0px 15px;
}

div#nav ul {
  margin: 0px;
  padding: 0px;
//  width:350px !important;
  z-index:2000;
}

div#nav li {
  position: relative;
  list-style: none;
  margin: 0px !important;
  padding:0px !important;
//  width:251px !important;
//  height:43px !important;
}

div#nav li:hover {
  background:#7A91BD;
  display:block;
}

div#nav li li {
  background-image:url(http://70.39.233.110/~townofwa/images/hammer.jpg) no-repeat !important;
  background-image:none !important;
  background:#E0DDA8;
  margin:0px 0px 0px 11px !important;
  width:300px;
  padding:0px !important;
}

div#nav li li a {
  width:261px;
  margin: 0px 0px 0px 0px !important;
  padding:0px 0px 0px 10px !important;
  font-size:13px !important;
}

div#nav li a {
  display: block;
  text-decoration: none;
  width:278px !important;
  height:20px;
  font-size:15px;
}

div#nav a:hover {
  text-decoration:none;
  display:block;
//  background:#192A3E;
}

div#nav li li a:hover {
  color:#fff !important;
}

div#nav ul ul {
  position: absolute;
  top:0px;
  left:238px;
  display:none;
  width:254px !important;
}

div#nav ul.menu li:hover ul {
    display:block;
}

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:238px;
}

div#nav li 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:288px;
}

div#nav ul.menu li:hover ul {
  display:block;
}