html { overflow: -moz-scrollbars-vertical; } /* removes horizontal jump due to side scroll-bar in FireFox */

body { font: small/1.3 Verdana, Arial, sans-serif; margin: 0; padding: 1em; }
body { background: #eee; color: #222; height:100%;}

p { margin: 1em 0; padding: 0; }
.skip { left: -99999em; position: absolute; top: -99999px; }
a { color: #69c; text-decoration: none; }
a:hover {  color: #cc9900; }

#structure { margin: 0 auto; max-width: 100%; width: 65em; min-width: 65em; padding: 1em;}
#structure { background: #fff; }

#header {  clear: both; float: left; line-height: 2; width: 100%; height: 120px;}
#header h1 { float: left; font-size: 2em; font-weight: normal; margin: 0; padding: 0.5em 0 0.5em 1.0em; }

#header { background: #fff; color: #003366; background:url(../img/new_index.gif) top right no-repeat; }

.homeheader2 {font-size: 0.75em; color:#cc9900;}


/*
Purple #993399
Blue #003366
Gold #cc9900
Dark purple/grey #7c7bae
Cream #ffeadc
Mid slate blue #7e9bd0
*/




#topnav {margin: 0.5em 0 0.05em 0; clear: both; float: left; line-height: 1em; width: 100%; text-align:center;
font-size: 1.1em; font-weight:bold; border-bottom: 0.2em #cc9900 solid;}

#topnav a{
background:url(../img/tabs.gif) no-repeat 100% 0;
color:#fff;
display:block;
font-size:1.05em;
font-weight:normal;
padding:7px 7px 4px 7px;
text-decoration:none;
}

#topnav h2 {line-height:0em; margin: 0em; padding: 0em;}
#pettabs h3 {line-height:0em; margin: 0em; padding: 0em;}

#topnav a:hover{ color:#cc9900; }
#topnav ul{ list-style:none; margin:0; padding:0; }
#topnav li{ background:url(../img/tabs.gif) no-repeat 0 0; float:left; margin:0 1px 0 0; padding:0 0 0 3px; }
#topnav #current{ background:url(../img/tabs.gif) no-repeat 0 -40px; }
#topnav #current a{ background:url(../img/tabs.gif) no-repeat 100% -40px; }
#topnav #current a:hover {color:#003366; }

#leftbar { float: left; margin: 0.5em 0 0 0; width: 21%; height:auto; line-height:1.1em; padding-top: 0.5em;  }
/*#leftbar a:link{ color:#cc9900; background:url(../img/curve-only.gif) top right no-repeat; padding:0.25em 1em 0 0; line-height:20px;}*/
#leftbar a:link{ color:#cc9900; }
#leftbar a:visited{ color:#cc9900; }
#leftbar a:hover{ color:#003366;}

.navtext {font-size:0.90em; display:block; }

.hometext {font-size:0.8em; display:block; line-height:1.1em;}
.lltext {font-size:1.0em; display:block; padding: 0.3em 0.2em 0.3em 0.2em; border-top: #fff solid 0.1em; border-bottom: #fff solid 0.1em; line-height:1.0em; font-weight:bold; }

.lltextb {font-size:1.0em; display:block; padding: 0.3em 0.2em 0.3em 0.2em;  line-height:1.0em; font-weight:bold; color:#fff; border-top: #fff solid 0.1em; border-bottom: #fff solid 0.1em; background-color:#cc9900;}

#content{ clear: right; float: right; margin: 0.5em 0 0.5em 0;  width: 77%; padding: 0 0 0 0.5em; border-left: 0.2em solid; border-color:#cc9900; background-color:#fff; font-size:1.0em; text-align:justify; min-height:35em; }


#content h1 {font-size: 1.45em; font-weight: normal; margin: 0; padding: 0.1em 0 0.25em 0em;}
#content h2 {font-size: 1.35em; font-weight: normal; margin: 0; padding: 0.1em 0 0.25em 0em;}
#content a:hover { border: none; color: #69c;}


#insetbox{
background-color:#003366;
color:#FFFFFF;
padding: 1em;
}

#upper { clear: both; font-size: 0.9em; padding: 0 0 0 0; height:29em; }
#lower { clear: both; font-size: 0.9em; padding: 0.5em 0; margin: 0.5em 0 0 0;  border-top: #cc9900 solid 0.2em}

#lowerlist { float: right; width: 25%; height:auto; line-height:1.0em; background: #69c; position:relative;}
#lowerlist a:link{ color:#fff}
#lowerlist a:hover{ color:#fff; border-top: #fff solid 0.1em; border-bottom: #fff solid 0.1em; background-color:#cc9900; }
#lowerlist a:visited{ color:#fff}

#lowerbox { float: left; margin: 0; width: 74%; height:auto;  text-align:center; }
#lowerbox a:link{ color:#69c}
#lowerbox a:hover{ color:#cc9900; }
#lowerbox a:visited{ color:#69c}

#dropcontentsubject{ width: 80%; font-weight: bold; z-index:2 }

#rightcol{ clear: right; float: right; width: 25%; background:#eee; height:29em; border-left: #cc9900 solid 0.2em; text-align:center; margin: 0 0 0 0; }

#footer { background: #fff; color: #003366; text-align:center; border-top: #cc9900 solid 0.25em; border-bottom: #cc9900 solid 0.25em; clear: both; font-size: 0.9em; margin: 0em; padding: 0em; }

#footer h1 { font-size: 1.8em; font-weight: normal; margin: 0; padding: 0.2em 0 0.2em 0; }

#lowerlist a span {	display:none; }
#lowerlist a:hover span { z-index:3; display:inline; position:absolute;	top:0em; left:-300%; background-color:#fff; width: 295%; height:100%; color:#69c; text-align:center; font-weight:normal; line-height:1.3em; }

/* Photo-Caption PZ3 CSS v080630 copyright: http://randsco.com/copyright www.randsco.com */

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #cc9900; }/* thumbnail*/

.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none; 
  cursor:default; height:auto; width:653px;
  overflow:visible; border:1px solid #cc9900;
  margin:-1px 0 0 -1px; }
  html>/**/body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:100%; border:0; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block; direction:ltr; margin-top:-3px; background:#cc9900; color:#fff;  text-align:left; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap,
.noCap a:hover .PZ31cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */

.indentmenu{ font: bold 13px Arial; width: 21%; float:right; background-color:#fff}

.indentmenu a{ background:url(../img/tabs.gif) no-repeat 100% 0; color:#fff; display:block; font-size:1.0em;
font-weight:bold; padding:7px 10px 4px 10px; text-decoration:none; }

.indentmenu ul{ list-style:none; margin:0; padding:0; }
.indentmenu li{ background:url(../img/tabs.gif) no-repeat 0 0; float:left; margin:0; padding:0; width:100%}
.indentmenu ul li a.selected{ background:url(../img/tabs.gif) no-repeat 100% -40px; }

.tabcontentstyle{ width: 77%; height: 10em; padding: 0; background-color:#fff; margin: 0.2em 0 0 0; overflow:hidden; text-align:left; }
.tabcontentstyle img{ padding: 0; margin: 0.5em 1.5em 0 0; float:left;  }
.tabcontent{ display:none; }

.tabtitle {color:#cc9900; font-weight:bold;}

.superscript{font-size:xx-small; vertical-align:top;}
 
.subscript{font-size:xx-small; vertical-align:bottom;}

@media print { .tabcontent { display:block } }