/*  CSS Document  */

/*  Begin positioned elements  */

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

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

.banner {
    background-image:url(/images/banner.gif);
    background-repeat:no-repeat;
    height:134px;
    margin-left:auto;
    margin-right:auto;
    width:808px;
}

.topnav {
    height:27px;
    background-color:#fff;
    border-bottom:2px solid #000;
}

.content {
    vertical-align:top;
    background-color:#F2F2F2;
    width:808px;
}

.footer {
    text-align:center;
    font-size:11px;
}

/*  Begin styled elements  */


.banner h3 {
    margin:0px;
    float:left;
    padding:32px 0px 0px 370px;
    font-size:19px;
}

.banner p {
    color:#fff;
    float:right;
    margin:0px;
    padding:36px 10px 0px 0px;
    text-align:right;
    font-size:11px;
}

.content h1 {
    margin:20px 22px 16px 22px;
    padding:0px;
    font-size:18px;
    color:#000;
}

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

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

.content li {
    color:#000;
    font-size:13px;
    margin-left:22px;
    margin-right:22px;
}

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

.table {
    margin:12px 22px 10px 22px;
    font-size:12px;
}

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

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

.footer p {
    margin:0px;
    padding-top:4px;
}

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

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

img {
    border:none;
    display:block;
}

/*  Begin link styles  */


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

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

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

.one {
    background-color: rgb(185, 185, 185);
}

.one:hover {
    background-color: #fff;
}

.one a {
    color:#000;
    padding:40px 16px 40px 16px;
    text-decoration:none;
}

.one a:hover {
    text-decoration:none;
}

.two {
    background-color: rgb(213, 213, 213);
}

.two:hover {
    background-color: #fff;
}

.two a {
    color:#000;
    padding:40px 16px 40px 16px;
    text-decoration:none;
}

.three a:hover {
    text-decoration:none;
}

.three {
    background-color: rgb(242, 242, 242);
}

.three:hover {
    background-color: #fff;
}

.three a {
    color:#000;
    padding:40px 16px 40px 16px;
    text-decoration:none;
}

.three a:hover {
    text-decoration:none;
}

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

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

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

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

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

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


/* Begin CSS rollover menus */


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

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

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

div#nav li li {
    display: block; 
    float: none;
    background-color: #559524; 	
    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: #99ce70;
}

div#nav li li a:hover {
    background-color: #99ce70;
}

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;
    border-top:2px solid #000;
    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;}


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