/*  Begin positioned elements  */

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

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

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

.leftmenu {
  background-image:url(/images/leftnav.gif);
  background-repeat:no-repeat;
  width:272px;
  height:680px;
  vertical-align:top;
}

.middle {
  background-image:url(/images/middle_border.gif);
  background-repeat:no-repeat;
  width:688px;
  height:60px;
  vertical-align:top;
}

.content {
  background-image:url(/images/content.gif);
  background-repeat:repeat-y;
  width:688px;
  vertical-align:top;
  height:557px;  /* creates gaps if not long enough */
}

.bottom {
  background-image:url(/images/bottom.gif);
  background-repeat:no-repeat;
  width:688px;
  height:108px;
  text-align:center;
}


/*  Begin styled elements  */


.banner ul {
  padding:70px 0px 0px 340px;
  list-style:none;
  margin:0px;
}

.banner li {
  padding-bottom:13px;
}

.list {
  margin:12px 82px 10px 82px;
  font-size:13px;
  padding-left:32px;
}

.content h1 {
  margin:6px 82px 10px 82px;
  padding:0px;
  font-size:18px;
  color:#333;
}

.content h2 {
  margin:12px 82px 10px 82px;
  padding:0px;
  font-size:14px;
  color:#333;
}

.content p {
  margin:12px 82px 10px 82px;
  padding:0px;
  font-size:13px;
  color:#1d1d1d;
}

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

.content table {
  margin:0px 80px 0px 80px;
  font-size:13px;
  padding:0px;
}

.table {
  margin:0px 80px 0px 80px;
  font-size:13px;
  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-top:70px;
  font-size:11px;
}

.middle p {
  font-size:13px;
  margin:44px 64px 0px 0px;
  padding:0px;
  font-style:italic;
  text-align:right;
}

.right_pic {
  float:right;
  padding:0px 82px 6px 8px;
  font-size:12px;
  color:#1d1d1d;
  text-align:left;
  font-weight:bold;
}

.left_pic {
  float:left;
  padding:0px 8px 6px 82px;
  font-size:12px;
  color:#1d1d1d;
  text-align:left;
  font-weight:bold;
}

#rotator {
  padding:60px 0px 0px 598px;
}

#flashcontent {
  padding:60px 56px 0px 0px;
  float:right;
}


#flashcontent2 {
  margin:12px 82px 10px 82px;
}

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

.ad {
    width:178px;
    margin-left:46px;
    margin-top:8px;
    padding:0px;
    border:2px solid #000;
}

.ad h3 {
    font-family:"Comic Sans MS", Georgia, Verdana, Arial;
    font-size:16px;
    padding-bottom:0px;
    padding-top:0px;
    margin-top:0px;
    margin-bottom:4px;
}

.ad p {
    font-weight:normal;
    font-size:11px;
    padding:0px 3px 0px 3px;
    margin-bottom:2px;
}

.ad ul {
    font-weight:normal;
    font-size:11px;
    padding:0px 3px 0px 18px;
    margin:0px;
    line-height:13px;
}

.mainad {
    border-left:2px solid #000;
    border-bottom:2px solid #000;
}

.mainad h4 {
    font-family:"Comic Sans MS", Georgia, Verdana, Arial;
    font-size:16px;
    padding-bottom:0px;
    margin-bottom:4px;
    text-align:center;
    padding-top:0px;
    margin-top:0px;
}

.mainad td {
    font-size:11px;
    width:195px;
    padding:0px 30px 0px 30px;
    vertical-align:top;
    border:2px solid #000;
    border-left:none;
    border-bottom:none;
}

img {
    border:none;
    display:block;
}

div.transON {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	width:163px;
	height:151px;
        background-image:url(/images/framed_box.jpg);
        background-repeat:no-repeat;
        float:right;
        margin-right:70px;
        margin-left:8px;
}

div.transOFF {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	width:163px;
	height:151px;
        background-image:url(/images/framed_box.jpg);
        background-repeat:no-repeat;
        float:right;
        margin-right:70px;
        margin-left:8px;
	opacity:.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}


/*  Begin link styles  */


a {
      color:#491801;
      font-weight:bold;
      text-decoration:none;
}

a:visted {
      color:#491801;
      font-weight:bold;
      text-decoration:none;
}

a:active{
      color:#491801;
      font-weight:bold;
      text-decoration:none;
}

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

.banner a {
    color:#483b14;
    font-size:18px;
    font-weight:normal;
    text-decoration:none;
}

.banner a:visited {
    color:#483b14;
    font-size:18px;
    font-weight:normal;
    text-decoration:none;
}

.banner a:hover {
    color:#000;
    font-size:18px;
    font-weight:normal;
    text-decoration:none;
}

.ad a, .mainad a {
  color:#491801;
  font-weight:bold;
  font-size:11px;
  padding:0px;
  text-decoration:underline;
}

.adlink:visited, .mainad a:visited {
  color:#491801;
  font-weight:bold;
  font-size:11px;
  padding:0px;
  text-decoration:underline;
}

.adlink:hover, .mainad a:hover {
  color:#000;
  font-size:11px;
  padding:0px;
  text-decoration:underline;
}

.bottom a {
    color:#000;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}

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

.bottom a:hover {
    color:#f0d8a6;
    font-weight:bold;
    text-decoration:none;
}


/* 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  */


/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
    width:320px; 
    height:385px; 
    border:1px solid #984d1a;
    margin-right:74px;
    float:right;
    margin-left:8px;
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
    padding:0; 
    margin:320px 0 0 0; 
    list-style-type:none; 
    position:relative; 
    width:320px;
}

/* remove the default image border */
.gallery img {
    border:0;
}

/* make the list horizontal */
.gallery li {
    float:left;
}

/* style the link text to be central in a surrounding box */
.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;
}

/* position the images using an absolute position and hide them from view */
.gallery li a img {
    position:absolute; 
    top:-320px; 
    left:0; 
    visibility:hidden; 
    border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
    top:-320px;
    border-top:40px solid #f0d8a6;
    border-bottom:40px solid #f0d8a6;
}

/* fix the left position for the portrait images */
.gallery li a img.portrait {
    border-left:40px solid #f0d8a6;
    border-right:40px solid #f0d8a6;
}

/* style the hover background color for the text boxes */
.gallery li a:hover {
    background:#e2c07d;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
    background:#444; 
    color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
    visibility:visible;
}


/*  Large Gallery  */


#large_album {
    width:425px;
    height:425px;
    background-color:#f0d8a6;
    border:1px solid #984d1a;
    margin-right:auto;
    margin-left:auto;
}

.large_gallery {
    padding:0; 
    margin:390px 0 0 0; 
    list-style-type:none; 
    position:relative; 
    width:425px;
}

.large_gallery img {
    border:0;
}

.large_gallery li {
    float:left;
}

.large_gallery li a, .large_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;
}

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

.large_gallery li a img.landscape {
    top:-390px;
    border-top:43px solid #f0d8a6;
    border-bottom:53px solid #f0d8a6;
}

.large_gallery li a img.portrait {
    left:0px;
    border-left:50px solid #f0d8a6;
    border-right:50px solid #f0d8a6;
}

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

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

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

/*  Begin pop up window styling  */

/* common 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;
}