body 

{
   text-align: center;
   min-width: 800px; 
   margin: 0 auto;
   font-size: 62.5%; 
   font-family: Verdana, Helvetica, sans-serif;
   background-color: #dbe3a3;
}

#form1 
{
    
}

#bg  
{
                  
   background: #dbe3a3 url(../images/PNDI_Banner.png) repeat-x top center;
   
}



h1 {
  font-size: 2.4em;
  font-weight: normal;
  font-family: Sylfaen, Arial, Sans-Serif;
  color: #445e1a;
}

h1.titleheading 
{
    padding-left: 55px;
    background: url(../images/fluff2.jpg) no-repeat 0px 50%;
    line-height: 1.5em;
}

h1.subtitleheading
{
    
    line-height: 1.5em;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
  font-family: Sylfaen, Arial, Sans-Serif;
  color: #5e642a;
}

h3 
{
    font-size: 1.8em;
        font-weight: normal;
  font-family: Sylfaen, Arial, Sans-Serif;
  color: #445e1a;
}

h4 
    {
        font-size: 1.8em;
        font-weight: normal;
  font-family: Sylfaen, Arial, Sans-Serif;
  color: #445e1a;
    }
    
 dt 
 {
     font-size: 1.5em;
     font-weight: bolder;
 } 
 
 dt.expanded 
 {
     font-weight: normal;
 }  

p, li, dd {
  font-size: 1.4em;
  font-family: Arial, Helvetica, Sans-Serif;
}


/* Nested list font size fix */
li li 
{
    font-size: 100%;
}

dd 
{
    padding-bottom: 4px;
}

.loginbox 
{
    
    text-align: center;
}
fieldset {


width: 390px;
background-color: #dddddd;
text-align: center;

}

legend 
{
    font-size: 1.6em;
    
}
#wrapper 
{
    width: 900px;
    margin: 0 auto;
    position: relative;
    /* left: 50%; */
    /* margin-left: -480px; */
    text-align: left;
    background: none;
    z-index: 1;
    top: 0px;
    left: 0px;
}

#masthead 
{
   
        height: 110px;
            position: relative;
            top: 0px;        
            left: 0px;
            z-index: 3;
}

#PNHP_title
{
    position: absolute;
    top: 0px;
    right: 0;
}

#mainContent 
{
    background: #dbe3a3 url(../images/textBGwide.jpg) repeat-y top center;
    height: 1%;
    
}

#mainContent 
{
    line-height: 1.5em;
}

#mainContentBG 
{
    position: relative;
    float: right;
    width: 740px;
    background: #95a941 url(../images/AltBackground2top.png) no-repeat top right;
    height: 30px;
}

#mainContentEnd 
{
    background: #dbe3a3 url(../images/textBG_Bottom.jpg) no-repeat top right;
    height: 20px;
}

#mainContentHome 
{
    position: relative;
    width: 860px;
    float: left;
    margin-left: 5px;
    padding-bottom: 20px;
    top: 0px;
    left: 30px;
}

#mainContentFull 
{
    position: relative;
    /*width: 860px;*/
    width: 615px;
    padding: 0 25px 20px 216px;
    float: left;
    margin-left: 5px;
    /*padding-bottom: 20px;*/
    top: 0px;
    left: 30px;
}

#mainContentWide 
{
    position: relative;
    width: 860px;
    float: left;
    padding-left: 35px;
}

#mainContentP 
{
    position: relative;
    width: 400px;
    float: left;
    /*display: inline;*/
    margin-left: 245px;
    padding-top: 15px;
    padding-bottom: 20px;
    top: 0px;
    left: 0px;
}

#commHeader 
{
    padding: 10px 30px 30px 10px;
    
}



#commHeader h3
{
    font-size: 1.8em;
    color: #522e0a;
    text-transform: uppercase;
}

#mainContentSide 
{
   
    width: 200px;
    float: right;
    padding-right: 36px;
    padding-top: 15px;
    position: relative;
    right: 0px;
    top: 0px; 
}

#mainContentSide h1 
{
    text-align: center;
    font-size: 2em;
}

#sideBar 
{
    /*background: #f4f1e7 url(../images/sb_middle_4.jpg) repeat-y top left;*/
    position: absolute;
    width: 190px;
    left: 38px;
    top: 255px;
    /*padding-right: 10px;*/
    
}

#sideLinkCont 
{
    float: right;
    width: 190px;
    padding: 3px 5px 0 5px;
    border: solid 1px #dbd495;
}

#sideLinkBar h2
{
      text-align: center;
    margin-bottom: 2px;
}

#sideLinkBar ul
{
    list-style-image: none;
    list-style-type: none;
    margin-left: 0px;
   }

#sideLinkBar ul li 
{
    padding: 4px;
    font-size: 1.4em;
    /*border-bottom: dashed 1px #ea9214;*/
}

#sideLinkBar ul li ul li 
{
    font-size: 1em;
}

#sideLinkBar ul li ul li a
{
    background: none;
}


#sideLinkBar ul li a 
{   
text-decoration: none; 
background: url(../images/underline.jpg) repeat-x 100% 100%;
padding-bottom: 4px;
/*white-space: nowrap;*/
}

#sideLinkBar ul li a:hover {
background: url(../images/underline2.jpg) repeat-x 100% 100%;
}


#sideBarTop 
{
    background: url(../Images/sb_top_3.jpg) no-repeat top left;
    width: 220px;
    height: 30px;
}

#quicklinks h2 
{
    text-align: center;
    margin-bottom: 2px;   
}

#quicklinks h4 
{
    padding-left: 15px;
}

#quicklinks ul
    {
        padding: 0px;
        margin: -10px 0px 0px 0px;
        list-style-type: none;
        background-color: #f4f1e7;
    }
    
    #quicklinks li 
    {
        padding: 2px 0px 2px 50px;
         /*background: url(../images/sidebar.jpg) no-repeat;*/
         background-color: #f4f1e7;
         height: 45px;
        
         text-transform: uppercase;
         font-size: 1.6em;
         font-weight: bold;
         font-family:  Trebuchet MS, Lucida Sans Unicode, Arial Narrow, Arial, Sans-Serif;
         line-height: 1em;
         margin-bottom: 0px;
    }
    
    
    
    #sideBar li img 
    {
        position: relative;
        top: 2px;
        left: 2px;
    }
    
    #sideBar li a:link 
    {
        text-decoration: none;
        color: #804000;
    }
    
    #sideBar li a:visited 
    {
        text-decoration: none;
        color: #BD5E00;
    }

#sideBar li.listpdf 
{
    background: url(../Images/pdficon_small.gif) no-repeat 15px 50%;    
}

#column1
{
    padding: 0px 10px 0px 10px; float: left; width: 400px;
}

#column2
{
    padding: 0px 45px 0px 10px; float: right; width: 350px;
}

.leftcol
{
    padding: 0px 10px 0px 10px; float: left; width: 400px; line-height: 1.4em;
}

.rightcol
{
    padding: 0px 15px 0px 10px; float: right; width: 350px; line-height: 1.4em;
}

.leftheadborder 
{
    width: 400px; border-bottom: solid 3px #c46f00;
}

.leftheadborder h3
{
    margin-bottom: 5px;
}

.rightheadborder
{
    width: 350px; border-bottom: solid 3px #c46f00;
}

.rightheadborder h3
{
    margin-bottom: 5px;
}

.fullheaderborder
{
    width: 700px; border-bottom: solid 3px #c46f00;
}

.fullheaderborder h3
{
    margin-bottom: 5px;
}

.bodytext 
{
    padding-right: 10px;
}

li.pnhpicon 
{
    background: url(../images/icons/Butterfly.gif) no-repeat 0px 50%;
    line-height: 2.1em;
    padding-left: 35px;
    /*padding-bottom: 5px;*/
}

li.nsicon
{
    background: url(../images/icons/nsicon2.gif) no-repeat 0px 50%;
    line-height: 2.1em;
    padding-left: 35px;
}

li.fwsicon
{
    background: url(../images/icons/usfws.gif) no-repeat 0px 50%;
    line-height: 2.1em;
    padding-left: 35px;
}

li.pgcicon
{
    background: url(../images/icons/pgcicon.gif) no-repeat 0px 50%;
    line-height: 2.1em;
    padding-left: 35px;
}

li.cnhicon
{
    background: url(../images/sidebar/sidebarCNHI.jpg) no-repeat 0px 50%;
    line-height: 2.1em;
    padding-left: 35px;
}

li.ACCicon
{
    background: url(../images/sidebar/sidebarACC.jpg) no-repeat 0px 50%;
    line-height: 2.1em;
    padding-left: 45px;
}

li.Orchidicon
{
    background: url(../images/sidebar/sidebarOrchid.jpg) no-repeat 0px 50%;
    line-height: 2.1em;
    padding-left: 35px;
}

li.Flowericon
{
    background: url(../images/sidebar/sidebarPNDI.jpg) no-repeat 0px 50%;
    line-height: 2.1em;
    padding-left: 35px;
}

li.Listicon
{
    background: url(../images/sidebar/sidebarButterfly.jpg) no-repeat 0px 50%;
    line-height: 2.1em;
    padding-left: 35px;
}

li.cnhimap
{
    background: url(../images/sidebar/sidebarMap.jpg) no-repeat 0px 50%;
    line-height: 2.1em;
    padding-left: 35px;
}

li.pcicon
{
    background: url(../images/sidebar/pcicon.jpg) no-repeat 0px 50%;
    line-height: 2.1em;
    padding-left: 35px;
}

li.vpicon
{
    background: url(../images/sidebar/vpsidebar.jpg) no-repeat 0px 50%;
    line-height: 2.1em;
    padding-left: 35px;
}

li.imapicon
{
   background: url(../images/sidebar/sidebar_imap.jpg) no-repeat 0px 50%;
    line-height: 2.1em;
    padding-left: 35px;
} 

#sideBar li.external 
{
    background: url(../Images/externalLink.gif) no-repeat 18px 50%;
}

#sideBar li.worddoc 
{
    background: url(../Images/wordicon_small.gif) no-repeat 15px 50%;
}

#title 
{
    text-align: center;
    
}

#navMenu 
{
    
    
}

/* remove the list style */
	#nav {
		margin:0; 
		padding:0;
		 width: 590px;
		list-style:none;
		position: absolute;
		top: 74px;
		right: 0px;
  
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			/*width:100px;*/ 
			background: none; 
			position:relative;
			z-index:600; 
			margin:0 1px;
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:8px 10px 0 10px; 
			font-weight:700;  
			height:23px; 
			text-decoration:none; 
			color:#fff; 
			text-align:center; 
			
		}

		#nav li a:hover {
			color:#666;
		}
	
		
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
			background: #fdaf49; 
		}
		
		#nav ul li {
			width:170px; 
			float:left; 
			border-top:1px solid #fff;
			display:block;
			font-size: .8em;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block; 
			height:15px;
			padding: 8px 5px; 
			color:#fff;
			text-align: left;
			
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}

#footer 
{
   
   padding-top: 10px;
   margin-bottom: 0px;
   
   text-align: center;
    /*clear: both;*/
   background: #dbe3a3 url(../images/textBGwide.jpg) repeat-y top center;
    
}

.pndintro 
{
    padding: 5px 5px 3px 5px;
}

.mainPanalbot 
{
    height: 30px;
    background: url(../images/wideBGbot.png) no-repeat bottom center;
}

.mainPanaltop 
{
  height: 30px;
    background: url('../images/wideBG3top.png') no-repeat center top;
    
}
 
.sidePanaltop
 {
    height: 40px;
    background: url(../images/finitop.jpg) no-repeat top left;
}
  
.sidePanalbot 
{
    height: 139px;
    background: url(../images/bottomfini.jpg) no-repeat top left;
}

.footerNav 
{
    list-style: none;
    position: absolute;
    left: 50%;
    top: 50%;
}

.footerNav li 
{
    float: left;
    margin-left: 5px;
}
  
.footerhr 
{
    background: url(../images/underline.jpg) repeat-x;
    width: 800px;
    padding-bottom: 15px;
    position: relative;
}

/* #gallerycontainer 
{
    position: absolute;
    right: -15px;
    top: 40px;
} */

#navMenu ul {
  margin: 0 4px 0 0;
  padding: 0;
  position: absolute;
  top: 107px;
  left: 25px;
  list-style: none;
  text-transform: uppercase;
  font-weight: bolder;
}

#navMenu ul li {
  float: left;
  
  margin-left: 5px;
}


/* Hack to make IE/Mac play nice */
#navMenu li a {
  padding: 0 1em;
  line-height: 2.5em;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;

}

#navMenu ul a:hover {
  color: #c38e5a;
}

#mastimage { position:absolute;
             top: -9px;
             left: -15px;
             width: 247px;
             height: 257px;
             background: url(../images/Butterfly_Detail_Wide_New.png) no-repeat top left;
             z-index: 10
}

#mastimageFrog { position:absolute;
             top: -9px;
             left: -15px;
             width: 247px;
             height: 257px;
             background: url(../images/Frog_Mast.png) no-repeat top left;
             z-index: 10
}

#mastimageHome { position:absolute;
             top: -12px;
             left: -6px;
             width: 247px;
             height: 257px;
             background: url('../images/Butterfly_Detail2.png') no-repeat left top;
    right: 659px;
}

.newsitem 
{
 clear: both;
 border-bottom: dashed 1px #1b4700;
}   

.newsdetail 
{
    position: relative;
    padding: 0px 5px 0px 5px; 
}

.date 
{
    font-size: 1.1em;
    color: #1b4700;
    font-style: italic;
    
    
   
}

.category 
{
    /*position: absolute;
    right: 5px;
    top: 0;*/
    color: #615f5f;
    
}

.news 
{
    text-align: center;
    color: #60351A;
    margin-top: 0px;
}

p.newsabstract 
{
    margin-top: -10px;
    padding: 0px 5px 0px 5px;
    font-size: 1.2em;
    border-bottom: dashed 1px #1b4700;
    
    
}

.textarea 
{
    padding: 5px 16px 0 16px;
}

.img-wrapper {
  background: url(../images/shadow.gif) no-repeat bottom right;
  clear: both;
  float: left;
  position: relative;
  margin: -10px 0 0 10px;
}
 
.img-wrapper img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  display: block;
  margin: -5px 5px 5px -5px;
  position: relative;
}

.img-wrapper p 
{
    font-size: .9em
}
.img-wrapper li p
{
    font-size: .8em
}

.image2 
{
    float: right;
}

.reports 
{
    color: Blue;
}

.reportlist 
{
    color: Gray;
}

.status td
{
    vertical-align: top;
    padding-bottom: 10px;
} 

.rscode
{
    width: 30px;
}

#prqualfier .rscode
{
    text-align: right;
    width: 25%;
    
}

.caution 
{
    color: Red;
}

a:link  
{
    text-decoration: none;
    color: #545F25;
}

a:visited 
{
    text-decoration: none;
    color: #9f8c33;
}

a:hover, a:active 
{
    text-decoration: underline;
    color: #9ec406;
}
 
.expanded a:link, .expanded a:visited, .expanded a:active
{
   color: Blue;
   text-decoration: none;
}

.expanded a:hover 
{
    color: Blue;
    text-decoration: underline;
}
    
    .logotitle 
    {
        position: absolute;
        top: 35px;
        left: 200px;
    }
    .pnhplogo 
    {
        position: absolute;
        top: 30px;
        left: -10px;
    }
    
    .title
    {
        font-size: 3em;
        position: absolute;
        top: 100px;
        left: 220px;
    }  
    
    .login 
    {
        
        padding: 5px;
        text-align: center;
    }
    .panalbot 
    {
        background-image: url(../images/navPanal_bot.gif);
        height: 20px;
    }
    

.loglink 
{
    text-align: center;
}    
 
/* Common Problems CSS */
    
    .cause
{
    background-color: #EEE34F;
    font-weight: bold;
}

.solution
{
    background-color: #A9EE4F;
    font-weight: bold;
}

.text
{
    width: 90%;
    padding: 5px;
    background-color: #FFFFCC;
}

.answer
{
    border: solid 1px;
    width: 100%;
}

.oTask
{
   border: 0px;
   width: 16px;
   height: 16px;
}

.addresses td
    {
        padding: 5px 10px 5px 5px;
        vertical-align: top;
    }
    .agencytitle 
    {
        font-weight: bolder;
        color: Blue;
    }
    
    .notice 
    {
        color: Red;
        font-weight: bolder;
    }

table.login tr td p { font-size: small; }

.pdf 
{
    position: absolute;
    top: 10px;
    right: 45px;
    padding-left: 50px;
    background: url(../Images/pdficon_small.gif) no-repeat 10px 50%;
}
p.pdf 
{
    font-size: 1.5em;
    line-height: 1.6em;
}

.pdfinline 
{
    padding-left: 30px;
    
    background: url(../Images/pdficon_small.gif) no-repeat 10px 50%;
    font-size: .9em;
    color: Red;
}
.box {
  width: 300px;
  height: 145px;
  /*background: url(../images/ResourcePanel2.jpg) no-repeat 0 0;*/
  float: left;
}

h3.restitle
{
    color: White;
    padding-top: 5px;
    text-align: center;
}

.resimage 
{
    float: left;
    padding: 0 5px 0 8px;
}

.box-outer {
  
  padding-bottom: 5%;
  
}

.box-inner {
  
}

.box h4 {
  
  padding-top: 5%;
}


.box h4, .box p {
  padding-left: 5%;
  padding-right: 5%;
}

ul.factlengend 
{
    list-style: none;
}

#PNHP_title a:link img, #PNHP_title a:visited img, a:link img, a:visited img
    {
        border-style: none;
    }
    
.rank 
{
  font-weight: normal;
  font-family: Sylfaen, Arial, Sans-Serif;
  color: #445e1a;
} 

.imageborder { border: solid 2px;}     
/*
#sideBar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#sideBar ul li {
  display: inline: 
}

#sideBar ul li a {
  display: block;
  width: 200px;
  height: 59px;
  vertical-align: middle;
  line-height: 59px;
  color: #000;
  text-decoration: none;
  background: #94B8E9 url(../images/pixy-rollover2.gif) no-repeat left bottom;
  text-indent: 30px;
  text-transform: uppercase;
}

#sideBar ul li a:hover, .selected a {
  background-color: #369;
  background-position: right bottom;
  color: #fff;
}

#sideBar ul li.first a {
  height: 60px;
  line-height: 60px;
}
*/