body 	{
	background:#5e5b5b;
	display: block;
	color: #e0e0c2;
    font: 9pt roboto, roboto, Arial, Helvetica, sans-serif;        
	scrollbar-base-color: #5e5b5b;
	scrollbar-face-color: #5e5b5b;
    overflow:auto;
    text-align: center; 
}

body.light 	{
	background: #eee;
	color: #111;
    font: 9pt roboto, Arial, Helvetica, sans-serif;        
	scrollbar-base-color: #5e5b5b;
	scrollbar-face-color: #5e5b5b;
    overflow:auto;
    text-align: center; 
}

.subtleText {
	color: #888;
	font-size: 80%;
}

.index   {
	background: #83837F;
	color: #e0e0c2;
    font: 9pt roboto, Arial, Helvetica, sans-serif;
    overflow:auto;
	scrollbar-base-color: #5e5b5b;
	scrollbar-face-color: #5e5b5b;
}

img     {
    border-style: solid;
    border-width: 1px;
    border-color: #bbb;
	max-height: 750px;
}

#navBar {
	width: 900px;
    font: 9pt roboto, Arial, Helvetica, sans-serif;
}

#galleryList {
	font: 11pt calibri, roboto, Arial, Helvetica, sans-serif;
	border: 0px solid #fff;
	padding: 20px;
	width: 350px;
	height: auto;
	text-align:left;
	margin-left: 40px;
	margin-top: 15px;
	float: left;
}

#newImage {
	border: 0px solid #fff;
	padding: 10px;
	width: 380px;
	float: left;
	text-align: center;
}

h3.speciesHeading {
    font: 9pt roboto, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 3px;
}

.grayborder {
        border: 3px solid #aaa;
		-moz-border-radius: 15px;
		border-radius: 15px;		
}

.moregrayborder {
        border-style: solid;
        border-width: 5px;
        border-color: #666666;
}

.moregrayborder:hover {
        border-style: solid;
        border-width: 5px;
        border-color: #666666;
}

.moregrayborder:visited {
        border-style: solid;
        border-width: 5px;
        border-color: #666666;
}

.top1000 {
		-moz-border-radius: 8px;
		border-radius: 8px;	
        border-style: solid;
        border-width: 6px;
        border-color: #666666;
		width: 150px;
		text-align: center;
}

.offwhiteborder {
        border-style: solid;
        border-width: 5px;
        border-color: #bbbbbb;
}

img.exempt     {
        border-style: none;
        border-width: 0px;
        border-color: #666666;
}

img.newImage {
        border-style: solid;
        border-width: 5px;
        border-color: #666666;
}

img.newImage:hover {
        border-style: solid;
        border-width: 5px;
        border-color: #666666;
}

img.newImage:visited {
        border-style: solid;
        border-width: 5px;
        border-color: #666666;
}

table   {
        font: 8pt Arial, Helvetica, sans-serif;
		padding: 2px;
        }

a  {
   font: 9pt roboto, Arial, Helvetica, sans-serif;
   border: none;
}
		
a:visited {
        font: 9pt roboto, Arial, Helvetica, sans-serif;
		border: none;
        }
		
a:hover {
        font: 9pt roboto, Arial, Helvetica, sans-serif;
		border: none;
        }		

h2      {
        font: 14pt calibri, roboto, Arial, Helvetica, sans-serif;
       	font-weight: bold;
        }

.h2      {
        font: 14pt calibri, roboto, Arial, Helvetica, sans-serif;
       	font-weight: bold;
        }

.h4 {
        text-decoration: underline;
        font: 12pt roboto, Arial, Helvetica, sans-serif;
       	font-weight: bold;
        }

.h3      {
        font: 12pt roboto, Arial, Helvetica, sans-serif;
       	font-weight: bold;
        color: #e0e0c2;
        }
		

a.linkPage:link 	{ 
	text-decoration: none;
        color: #cccccc;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
        }

a.linkPage:visited 	{ 
	text-decoration: none;
    color: #cccccc;
    font: 9pt roboto, Arial, Helvetica, sans-serif;
	}

a.linkPage:link:hover {
	text-decoration: none;
	border-bottom: 1px solid #E7881F;
    font: 9pt roboto, Arial, Helvetica, sans-serif;
	color: #cccccc;
}

a.linkPage:visited:hover {
	text-decoration: none;
	border-bottom: 1px solid #E7881F;	
    font: 9pt roboto, Arial, Helvetica, sans-serif;
	color: #cccccc;
}

a:link 	{ 
	text-decoration: none;
        color: #cccccc;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
        }

a:visited 	{ 
	text-decoration: none;
        color: #cccccc;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
	}
	
a:visited:hover 	{ 
	text-decoration: underline;
    font: 9pt roboto,  Arial, Helvetica, sans-serif;
	color: #dd6600;                 
}	

a:link:hover {
	text-decoration: underline;
	border-bottom: 0px solid #E7881F;
    font: 9pt roboto, Arial, Helvetica, sans-serif;
	color: #dd6600;                 
    }	

a:hover {
	text-decoration: underline;
    font: 9pt roboto,  Arial, Helvetica, sans-serif;
	color: #dd6600;                 }	

a.plain:link 	{ 
	text-decoration: none;
	color: inherit;
    font: inherit;
	margin: inherit;
}

a.plain:visited 	{ 
	text-decoration: none;
	color: inherit;
    font: inherit;
	margin: inherit;
}

a.plain:hover 	{ 
	text-decoration: none;
	border-bottom: 1px dashed #E9BC5F;
	color: inherit;
    font: inherit;
	margin: inherit;
}

a.text:link 	{ 
	text-decoration: underline;
        color: #F5D6A7;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
        }

a.text:visited 	{ 
	text-decoration: underline;
        color: #F5D6A7;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
	}

a.text:hover {
	text-decoration: underline;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
	color: #F5D6A7;
                  }	

a.darkerText:link 	{ 
	text-decoration: underline;
        color: #0E3C74;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
}

a.darkerText:visited 	{ 
	text-decoration: underline;
        color: #0E3C74;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
}

a.darkerText:hover {
	text-decoration: underline;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
	color: #E7881F;
}			

a.boldRedLink:link 	{ 
	text-decoration: none;
	border-bottom: 1px dashed #e7881f;
    color: #640e03;
    font: 12pt calibri, roboto, Arial, Helvetica, sans-serif;	
	font-weight: bold;	
	padding-top: 2px;
}

a.boldRedLink:visited 	{ 
	text-decoration: none;
	border-bottom: 1px dashed #e7881f;
    color: #640e03;
    font: 12pt calibri, roboto, Arial, Helvetica, sans-serif;		
	font-weight: bold;	
}

a.boldRedLink:hover {
	text-decoration: none;	
	border-bottom: 1px dashed #e7881f;
	color: #e7881f;
    font: 12pt calibri, roboto, Arial, Helvetica, sans-serif;	
	font-weight: bold;
}					  


a.darkerTextSmaller:link 	{ 
	text-decoration: underline;
        color: #136697;
        font: 8pt roboto, Arial, Helvetica, sans-serif;
}

a.darkerTextSmaller:visited 	{ 
	text-decoration: underline;
        color: #136697;
        font: 8pt roboto, Arial, Helvetica, sans-serif;
}

a.darkerTextSmaller:hover {
	text-decoration: underline;
        font: 8pt roboto, Arial, Helvetica, sans-serif;
	color: #E7881F;
}	

a.darkOnWhite:link 	{ 
	text-decoration: none;
    color: #0B4688;
    font: 9pt roboto, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.darkOnWhite:visited 	{ 
	text-decoration: none;
    color: #0B4688;
    font: 9pt roboto, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.darkOnWhite:hover {
	border-bottom: 1px solid #A43506;
    font: 9pt roboto, Arial, Helvetica, sans-serif;
	color: #A43506;
	font-weight: bold;	
}	


a.text2:link 	{ 
	text-decoration: underline;
        color: #d8b888;
        font: 11pt roboto, Arial, Helvetica, sans-serif;
        }

a.text2:visited 	{ 
	text-decoration: underline;
        color: #d8b888;
        font: 11pt roboto, Arial, Helvetica, sans-serif;
	}

a.text2:hover {
	text-decoration: underline;
        font: 11pt roboto, Arial, Helvetica, sans-serif;
	color: #E7881F;
                  }	

a.text3:link 	{ 
	text-decoration: underline;
        color: #77bb00;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
        }

a.text3:visited 	{ 
	text-decoration: underline;
        color: #77bb00;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
	}

a.text3:hover {
	text-decoration: underline;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
	color: #E7881F;
                  }	

a.indexnotes:link 	{ 
	text-decoration: underline;
        color: #d8b888;
        font: 11pt roboto, Arial, Helvetica, sans-serif;
        }

a.indexnotes:visited 	{ 
	text-decoration: underline;
        color: #d8b888;
        font: 11pt roboto, Arial, Helvetica, sans-serif;
	}

a.indexnotes:hover {
	text-decoration: underline;
        font: 11pt roboto, Arial, Helvetica, sans-serif;
	color: #dd6600;
}			  

a.smallLink:link 	{ 
	font-size:10px;
	text-decoration: underline;
    color: #D3BF92;
}

a.smallLink:visited 	{ 
	font-size:10px;
	text-decoration: underline;
    color: #D3BF92;
}

a.smallLink:hover {
	font-size:10px;
	text-decoration: underline;
    color: #dd6600;
}		
				  
ul
	{
		list-style: circle;
	}

li
	{
		list-style: circle;
	}
	
/* specific sections */


/* Link section headers */

td.link	{
	width: 500;
	background-color: #555555;
	color: #e0e0c2;
        font: 11pt calibri, roboto, Arial, Helvetica, sans-serif;
	}

td.link2	{
	width: 500;
	color: #5e5b5b;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
	}

a.link2	{
	color: #5e5b5b;
        font: 11pt calibri, roboto, Arial, Helvetica, sans-serif;
	}

td.nav	{
	width: 100px;
	-moz-border-radius: 3px;
	border-radius: 3px;		
	background-color: #4c4a4a;
    border-style: solid;
    border-width: 3px;
    border-color: #666666;
    font: 9pt roboto, Arial, Helvetica, sans-serif;
	color: #eeeeee;
	text-align: center;
	margin-right: 2px;
	}

td.nav2     {
	width: 400;
	background-color: #4c4a4a;
        border-style: groove double;
        border-color: gray;
        font: 14pt roboto, Arial, Helvetica, sans-serif;
	color: #eeeeee;
	text-align: center
	}

td.copy	{
	border-style: none;
	color: #eeeeee;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
	height: 100%;
	text-align: center;
	width: 100%;
	vertical-align: bottom
	}

.norm   {
	border-style: none;
	color: #eeeeee;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
        }

.treb   {
	border-style: none;
	color: #E4E4DE;
	font: 9pt roboto, arial;
        }

a.bluetext:link {
	border-style: none;
	color: #E7DCB6;
	font: 10pt roboto, calibri, arial;
    }

a.bluetext:visited {
	border-style: none;
	color: #E7DCB6;
	font: 10pt roboto, calibri, arial;
    }

a.bluetext:hover {
	border-style: none;
	color: #E7DCB6;	
	/*color: #E7881F; */
	font: 10pt roboto, calibri, arial;
	text-decoration: none;
	border-bottom: 1px solid #E7881F;	
    }
	
.dateText {
	color: #cdcdcd;
	font: 8pt roboto, calibri, arial;
}

.emph   {
	border-style: none;
	color: #eeeeee;
        font: 9pt roboto, Arial, Helvetica, sans-serif;
        font-weight: bold;
        }


a.navbutton:link 	{ 
	text-decoration: none;
    color: #eeeeee;
    font: 10pt calibri, roboto, Arial, Helvetica, sans-serif;
    }

a.navbutton:visited 	{ 
	text-decoration: none;
    color: #eeeeee;
    font: 10pt calibri, roboto, Arial, Helvetica, sans-serif;
	}

a.navbutton:hover {
	text-decoration: none; 
   	font: 10pt calibri, roboto, Arial, Helvetica, sans-serif;
	color: #E7881F;
        }	

input {
    color: 313c4c;       
}

fieldset {
    padding: 5px 5px 5px 5px;
    color: #313c4c;
}

.mp3 {
	margin-left: 200px;
    margin-top: 8px;
    width: 400px;
    border: none;
}

/* New styles for PHP format */

div#main {
        background: #5e5b5b;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        color: #e0e0c2;
        width: 1050px;
        margin: 0 auto;
        border: 6px solid #aaa;
        height: auto;
		min-height:800px;
}

div.main {
		-moz-border-radius: 20px;
		border-radius: 20px;		
        background: #5e5b5b;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        color: #e0e0c2;
        width: 1050px;
        margin: 0 auto;
        border: 6px solid #bbb;
        height: auto;
		min-height:800px;
}


div#header {
        background: #5e5b5b;
        width: 95%;
        margin-top: 12px;
        margin-left: 20px;
        text-align: left; 

}

div#footer {
        background: #5e5b5b;
        text-align: center;
        width: 750;
        margin-top: 10px;
        margin-left: 170px;    
        clear: both;
}

div#content {
        background: #83837F;
        position: absolute;   
        top: 50%;   
        margin-top: -350px;   
        left: 0;   
        width: 100%;
        }

div#slideshow {
        background: #83837F;
        width: 700px;   
        margin-left: auto;   
        margin-right: auto;   
        height: 500px;
        }

div#birdNav {
        background: #5e5b5b;
        width: 160px;
		border: 1px solid;
		border-color: #83837F;		
		color: #e0e0c2;
        font: 9pt roboto, Arial, Helvetica, sans-serif;     
        float: left;
        padding: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 20px;
        text-align: left;
        clear: none;
        overflow: visible;
        overflow: auto;
}

div#insectNav,#mammalNav,#butterflyNav,#herpNav, #floraNav {
        background: #5e5b5b;
        width: 160px;
		border: 1px solid;
		border-color: #83837F;		
		color: #e0e0c2;
        font: 9pt roboto, Arial, Helvetica, sans-serif;     
        float: left;
        padding: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 20px;
        text-align: left;
        clear: none;
        overflow: visible;
        overflow: auto;
}

div#nav {
        background: #5e5b5b;
        width: 160px;
		border-color: #83837F;		
		color: #e0e0c2;
        font: 9pt roboto, Arial, Helvetica, sans-serif;     
        float: left;
        padding: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 20px;
        text-align: left;
        clear: none;
        overflow: visible;
        overflow: auto;
}

div#navBirds 
		{
        background: #5e5b5b;
        width: 170px;
		height: 800px;
        overflow: auto;
		color: #e0e0c2;
        font: 9pt roboto, Arial, Helvetica, sans-serif;     
        float: left;
        padding: 15px;
        margin-top: 10px;
        margin-bottom: -10px;
        margin-left: 20px;
        text-align: left;
        clear: none;
}

div#mainPhotos {
        background: #5e5b5b;
        width: 750px;
		color: #e0e0c2;
        font: 9pt roboto, Arial, Helvetica, sans-serif;     
        float: left;
        top: 120px;
        margin-left: 30px;
        overflow: auto;
		text-align: center;
		padding-left: 5px;
}

p.list {
        margin-bottom: -2px;
}

.topPrevNext {
		width: 100px;
		left: 0px;
		position:relative;
		left: 0px;
}

iframe.leftNav {
		overflow: auto;
		border-color: #83837F;
		letter-spacing: .8;
		position: relative;
		margin-top:2px;
		left: 20px;
		width: 215px;
		height:2000px;
}

div.speciesHeader {
		font-family: roboto, arial;	
		width: 100%;
		border:0;
		*margin-bottom:-25px;
		padding-bottom:8px;
}

div.headerLeft {
		width: 300px;
		margin-left:10px;
		text-align: left;
		width: 150px;
		float: left;
		border: 0;
}

div.headerMiddle {
		margin-left:10px;
		font-family: Calibri, roboto, arial;			
		font-size: 13px;
		width: 400px;
		float: left;
		border: 0;
		text-align: center;
}

div.headerRight {
		margin-right:10px;
		width: 150px;
		float: left;
		border: 0;
		text-align: right;
}

table.dark
{
	border-color: #111;
    border-style: solid;	
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

table.noBorder
{
	border: none;
	border-color: #111;
    border-style: solid;	
    border-width: 0 0 0 0;
    border-spacing: 0;
    border-collapse: collapse;
}

td.noBorder
{
	border: 0;
    margin: 0;
    padding: 4px;
    background-color: #eee;
}

.darkHeader
{
	border-color: #111;	
    border-style: solid;	
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    background-color: #5e5b5b;
	color:#eee;
	font-weight: bold;
}

td.dark
{
	border-color: #111;	
    border-style: solid;	
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    background-color: #eee;
}

.highlight
{
	border-color: #111;	
    border-style: solid;	
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    background-color: #eee;
	font-weight:bold;
}

ul.photoNav {
	list-style: disc;
	padding: 0 20px;
	margin-top: 8px;
	float: left;
	width: 900px;
	font: 10pt calibri, roboto, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.mdbSpeciesHeader {
    font: 12pt calibri, roboto, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.mdbSpecies {
}

.mdbTaxonomy {
	margin-top: 8px;
	margin-bottom: 5px;	
    font: 10pt calibri, roboto, Arial, Helvetica, sans-serif;
	font-weight: normal;
}