/*  CSS Document  */

/*  Begin positioned elements  */

body {
  background-color:#dadad9;
  background-repeat:repeat;
  behavior: url(/csshover.htc); /* WinIE behavior call */
  font-family:Verdana, Helvetica, sans-serif;
  margin-top:10px;
}

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

.banner {
  background-color:#fff;
  height:113px;
  border-left:solid 9px #D78E3B;
}

.topnav {
  background-color:#D78E3B;
  height:28px;
}

.content {
  background-color:#f0f0f0;
  vertical-align:top;
  border-left:solid 9px #D78E3B;
  width:900px;
}

.photo_gallery {
  background-color:#F0F0F0;
  vertical-align:top;
}

.bottom {
  background-color:#6d6d6d;
  height:30px;
  text-align:center;
}


/*  Begin styled elements  */


.banner h1 {
  font-size:20px;
  padding:30px 0px 0px 0px;
  color:#FF980C;
}

.banner p {
  text-align:right;
  color:#737373;
  font-size:11px;
  float:right;
  padding:12px 12px 0px 0px;
}

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

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

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

.content li {
  font-size:13px;
}

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

.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:8px 0px 0px 0px;
    margin-top:0px;
    font-size:11px;
    color:#f0f0f0;
}

.footer p {
  margin:0px;
  padding:4px 0px 0px 0px;
  font-size:11px;
  text-align:center;
}

.right_pic {
    float:right;
    padding:12px;
    margin-right:70px;
    font-size:12px;
    color:#1d1d1d;
    text-align:left;
    font-weight:bold;
}

.left_pic {
    float:left;
    padding:12px;
    margin-left:70px;
    font-size:12px;
    color:#1d1d1d;
    text-align:left;
    font-weight:bold;
}

#flashcontent {
    padding:0px 0px 0px 16px;
    float:right;
}

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

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:#9f5b0e;
      font-weight:bold;
      text-decoration:none;
}

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

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

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

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

.banner a:hover {
    color:#483b14;
    font-weight:normal;
    text-decoration:underline;
}

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

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

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


/* Begin CSS rollover menus */

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

div#nav a {
    color: #010101; 
    font-size: 12px; 
    display: block;
    font-weight: bold;
    padding:7px 16px 7px 16px;
}

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

div#nav li li {
    display: block; 
    float: none;
    background-color: #E3D8BC; 	
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    text-align:left;
    padding:6px 6px 6px 12px;
}

div#nav li li:hover {
    background-color: #fff;
}

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

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

div#nav li ul { /* second-level lists */
    background-color: #377c2b;
    position: absolute;
    left: -999em;
    margin:0px;
    padding:0px;
}

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


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