/*  CSS Document  */

/*  Begin positioned elements  */

body {
  background:url(/images/bg-holiday.gif) repeat-x #fff left top;
  behavior: url(/csshover.htc); /* WinIE behavior call */
  font-family:Arial, Helvetica, sans-serif;
  margin:0px;
}

.wrapper {
  background:url(/images/bg2.gif) repeat-x bottom left;
}

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

.banner {
  background:url(/images/banner.gif) no-repeat;
  height:200px;
}

.leftmenu {
  background:url(/images/leftmenu_bg.gif) #003188 no-repeat bottom;
  width:181px;
  vertical-align:top;
}

.content {
  vertical-align:top;
  height:400px;
}

.footer {
  margin:0px auto;
  width:796px;
  text-align:center;
}


/*  Begin styled elements  */


.banner p {
  margin:0px;
  padding:160px 0px 0px 10px;
  float:left;
  color:#003188;
  font-size:18px;
}

.leftmenu ul {
  font-size:13px;
  list-style:none;
  padding:10px 0px 70px 30px;
  margin:0px;
  color:#fff;
  line-height:24px;
}

.content h1 {
  margin:26px 40px 10px 40px;
  padding:0px;
  font-size:22px;
  color:#003188;
}

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

.content p {
  margin:12px 40px 10px 40px;
  padding:0px;
  font-size:14px;
  color:#000;
}

.content li {
  margin:0px 30px 2px 30px;
  padding:0px;
  font-size:14px;
  color:#000;
}

.content hr {
  margin:12px 40px 10px 40px;
  border:1px solid #000;
}

.home {
  background:url(/images/fall-box.gif) #dad6d2 no-repeat;
  width:545px;
  padding:0px;
  margin:12px 40px 10px 40px;
  border:solid 10px #195e03;
//  border:solid 10px #54ab24;
}

.table {
  margin:0px 40px 0px 40px;
  font-size:14px;
  padding:0px;
}

.red {
  color: #900;
  margin:0px 0px 0px 40px;
  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;
}

.footer p {
  padding:0px;
  font-size:12px;
}

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

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

.hidden {
  display:none;
}

img {
  border:none;
  display:block;
}


/*  Begin link styles  */


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

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

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

.leftmenu a {
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

.leftmenu a:visted {
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

.leftmenu a:hover {
  color:#ccc;
  font-weight:bold;
  text-decoration:underline;
}


/* Begin CSS rollover menus */


div#secnav {
  margin-left:32px;
  margin-top:0px;
  margin-right:26px;
  padding:0px;
  border-bottom:solid 9px #F0D8A6;
}

div#secnav ul {
  margin:0px 0px 0px 0px;
  padding:0px;
  width:205px;
}

div#secnav li {
  position: relative;
  list-style: none;
  margin: 0px;
  padding:1px 0px 1px 0px;
}

div#secnav li li {
  padding:0px;
}

div#secnav li li a:hover {
  background-color:#e2c07d;
}

div#secnav li:hover {
  background-color:#f0d8a6;
}

div#secnav li a {
  display: block;
  width:auto;
  height:16px;
  padding: 5px 4px 4px 12px;
  text-decoration: none;
  color:#483b14;
  font-size:14px;
}

div#secnav li li a {
  padding: 0.45em 0 0.35em .5em;
}

div#secnav li a:hover {
  background-color:#f0d8a6;
  text-decoration:none;
  color:#333;
}

div#secnav ul a {
  width: auto;
}

div#secnav ul ul {
  position: absolute;
  top: 0;
  left: 205px;
  background-color:#f0d8a6;
  display: none;
}

div#secnav ul.level1 li.submenu:hover ul.level2,
div#secnav ul.level2 li.submenu:hover ul.level3,
div#secnav ul.level3 li.submenu:hover ul.level4 {display:block; }


/*  Photo Gallery Styles  */


#album {
    width:320px; 
    height:385px; 
    background:#f0d8a6 url(/images/destruction1.jpg) no-repeat;
    border:1px solid #984d1a;
    margin-right:74px;
    float:right;
    margin-left:8px;
}

.gallery {
    padding:0; 
    margin:320px 0 0 0; 
    list-style-type:none; 
    position:relative; 
    width:320px;
}

.gallery img {
    border:0;
}

.gallery li {
    float:left;
}

.gallery li a, .gallery li a:visited {
    font-size:11px;
    float:left; 
    text-decoration:none; 
    color:#000; 
    background:#fff; 
    text-align:center; 
    width:26px; 
    height:26px; 
    line-height:24px; 
    border:1px solid #984d1a;
    margin:2px;
}

.gallery li a img {
    position:absolute; 
    top:-320px; 
    left:0; 
    visibility:hidden; 
    border:0;
}

.gallery li a img.landscape {
    top:-320px;
    border-top:40px solid #f0d8a6;
    border-bottom:40px solid #f0d8a6;
}


.gallery li a img.portrait {
    left:40px;
}

.gallery li a:hover {
    background:#e2c07d;
}

.gallery li a:active, .gallery li a:focus {
    background:#444; 
    color:#fff;
}

.gallery li a:active img, .gallery li a:focus img {
    visibility:visible;
}


/*  Begin pop up window styling  */


.balloon {
margin:3px 0px 0px 8px;
padding:0px;
}

.balloon ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;
}

.balloon ul li {
/* float:left;  */
margin:0px;
}

.balloon ul li a, .balloon ul li a:visited {
display:block;
text-decoration:none; 
color:#000; 
color:#000;
}

.balloon ul li dl {
visibility:hidden;
position:absolute;
top:-45px;
left:100px;
}

.balloon table {
    margin:-2px;
    border:0;
    padding:0;
    border-collapse:collapse;
    font-size:1em;
}

.balloon dl {
    width:220px;
    padding:0px; 
    height:auto;
    background-color:#fff;
}

/* header in balloon */
.balloon dt {
    margin:0;
    padding:5px;
    font-size:1.4em;
    font-weight:bold;
    color: #000;
    text-align:center;
    background-color:#fff;
    border-left:solid 1px #000;
    border-right:solid 1px #000;
    border-top:solid 1px #000;
}

.balloon dd {
    margin:0;
    padding:5px 15px;
    color:#000;
    font-size:1em;
    border:1px solid #000;
}

.balloon dd p {
    padding:0;
    margin:6px 0;
    line-height:1.5em;
    font-size:11px;
}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover,
.balloon ul li a:hover {
color:#000; 
position:relative;
cursor: pointer;
cursor:hand;
}

/* where the box appears */
.balloon ul li:hover dl,
.balloon ul li a:hover dl {
    visibility:visible;
    color:#000;
    top:-95px;
    left:70px;
}

.balloon ul li:hover dl a,
.balloon ul li a:hover dl a {
    height:0.8em;
    color:#606;
    background:transparent;
    text-decoration:none;
    display:inline;
}

.balloon ul li:hover dl a:hover,
.balloon ul li a:hover dl a:hover {
    text-decoration:none;
    background:transparent;
}

/* don't change */
.balloon ul li:hover dl em,
.balloon ul li a:hover dl em {
    display:block;
    position:absolute;
    left:-35px;
    top:75px;
    width:36px; 
    height:36px;
}