/*  CSS Document  */

/*  Begin positioned elements  */

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

.container {
  margin-left:auto;
  margin-right:auto;
  width:792px;;
  background-color:#fff;
}

.banner {
  height:153px;
  margin-left:auto;
  margin-right:auto;
}

.topnav {
  background-color:#13764B;
  width:792px;
  height:30px;
  text-align:center;
  color:#fff;
}

.content {
  vertical-align:top;
  background-color:#fff;

}

.bottomnav {
  background-color:#13764B;
  height:35px;
  width:792px;
}


/*  Begin styled elements  */


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

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

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

.green {
  font-weight: bold;
  color: #006361;
  font-style: italic;
  font-size: 18px !important;
}

.content ul {
  margin-left:24px;
  padding-left:42px;
}

.content li {
  font-size:14px;
  padding-bottom:6px;
  margin:0px;
}

.table {
  margin:0px 20px 12px 20px;
  font-size:14px;
}

.table td {
  vertical-align:top;
}

.showcase {
  margin:34px 76px 0px 0px;
}

.showcase td {
  padding-bottom:6px;
  text-align:center;
  font-size:13px;
  padding-right:8px;
}

.subcat {
  font-size:13px;
  text-align:center;
  width:330px;
  margin:0px auto 10px auto;
  background-color:#d9f1e7;
  border:1px solid #13764B;
}

.subcat td {
  padding:5px;
}

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

.bottomnav p {
  padding:10px 8px 0px 0px;
  font-size:12px;
  margin:0px;
  color:#fff;
  text-align:right;
}

.footer p {
  margin:0px;
  padding:4px 0px 0px 0px;
  font-size:12px;
  color:#000;
  text-align:center;
}

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


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

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

img {
  border:none;
  display:block;
}


/*  Begin link styles  */


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

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

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

.topnav a {
  font-size:12px;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

.topnav a:visted {
  color:#fff;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}

.topnav a:hover {
  color:#fff;
  font-size:12px;
  font-weight:bold;
  text-decoration:underline;
}

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

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

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


/* Begin CSS rollover menus */


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

div#nav a {
  color: #fff; 
  font-size: 11px; 
  display: block;
  font-weight: bold;
  padding:5px 7px 5px 7px;
}

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

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

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

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

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

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

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;}
#itemseven {width: 180px; background-color: #377c2b; padding: 3px; text-align: center;}


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