body{
	background-color:#a2c9f0;
}
form{margin-bottom:0px;}
#site{
	color:#000;
	width:1000px;
	margin:0px auto;
}

/* content headers */
.hd1{
	background-image:url(../images/topheader.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:216px;
}

.hd-main{
	background-image:url(../images/main-header2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:195px;
}

.hd-symposium{
	background-image:url(../images/symposium-header1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:195px;
}

/* end content headers */

/* species headers */


.hd-speciesBGmacaw{
	background-image:url(../images/speciesheader-BGmacaw.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:195px;
}

/* end species headers */

/* project headers */

.hd-projectsLearsCorn{
	background-image:url(../images/project-headerlears.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:195px;
}

/* end project headers */

/* content body */
.bd{
	background-image:url(../images/content.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	vertical-align:top;
	padding:0px 80px 0px 38px;/* top right bottom left */
}
.hd{
	font:16px Arial, Helvetica, sans-serif;
	color:#0087C7;
	font-style: italic
}
/* end content body */

/* body text */

h1 {
	font:22px Arial, Helvetica, sans-serif;
	color:#0065A9;
	font-weight: bold;
	line-height:21px;
	margin-top:0px;
	padding-top: 15px;
	}

h2 {
	font:20px Arial, Helvetica, sans-serif;
	color:#0087C7;
	line-height:20px;
	margin-top:0px;
	}
	
h3 {
	font:18px Arial, Helvetica, sans-serif;
	color:#0087C7;
	line-height:18px;
	margin-top:0px;
	font-style: italic
	}
	
h4 {
	font:16px Arial, Helvetica, sans-serif;
	color:#0087C7;
	line-height:16px;
	margin-top:0px;
	font-style: italic
	}

h5 {
	font:16px Arial, Helvetica, sans-serif;
	color:#EB8B2C;
	line-height:18px;
	font-weight: bold;
	margin-top:0px;
	
	}

h6 {
	font:14px Arial, Helvetica, sans-serif;
	color:#EB8B2C;
	line-height:16px;
	margin-top:0px;
	font-style: italic
	}
	
.bodyText, .bodyText td, li {
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
}

a {
	color: #0087C7;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover {
	color: #E4AE1A;
	font-weight: bold;
	text-decoration: none;
	}

.leftmenupnav {
	font:12px Arial, Helvetica, sans-serif;
	color:#0087C7;
	font-weight: bold;
	line-height:22px;
	margin-top:0px;
	padding-top: 5px;
	text-decoration: none;
	}
	
.leftmenunav a {
	color: #0087C7;
	font-weight: bold;
	text-decoration: none;
	}
	
.leftmenunav a:hover {
	color: #E4AE1A;
	font-weight: bold;
	text-decoration: none;
	}

.footer {
	font:9px Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight: bold;
	line-height:12px;
	margin-top:0px;
	padding-top: 5px;
	text-decoration: none;
	}
	
.footer a {
	color: #0087C7;
	font-weight: bold;
	text-decoration: none;
	}
	
.footer a:hover {
	color: #E4AE1A;
	font-weight: bold;
	text-decoration: none;
	}

.sympnav {
	font:10px Arial, Helvetica, sans-serif;
	color:#cb9b19;
	font-weight: bold;
	line-height:10px;
	margin-top:0px;
	padding-top: 0px;
	text-decoration: none;
	}
	
.sympnav a {
	font:10px Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height:10px;
	color: #cb9b19;
	text-decoration: none;
	}
	
.sympnav a:hover {
	font:10px Arial, Helvetica, sans-serif;
	line-height:10px;
	font-weight: bold;
	color: #0087C7;
	text-decoration: none;
	}
	

/* end body text */

/* inner frame */

.if {
 position:relative;
 margin:0px auto 0px auto;
 min-width:8em;
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;
 z-index:1;
 margin-left:20px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.if .content,
.if .t,
.if .b,
.if .b div {
 background: url(../images/innerframe.jpg) no-repeat top right;
 _background-image:url(../images/innerframe.jpg);
}

.if .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.if .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:20px; /* top slice width */
 margin-left:-20px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.if .b {
 /* bottom */
 position:relative;
 width:100%;
}

.if .b,
.if .b div {
 height:15px; /* height of bottom cap/shade */
 font-size:1px;
}

.if .b {
 background-position:bottom right;
}

.if .b div {
 position:relative;
 width:20px; /* bottom corner width */
 margin-left:-20px;
 background-position:bottom left;
}

.if .hd,
.if .bd,
.if .ft {
 position:relative;
}

.if .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.if h1,
.if p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.if h1 {
 padding-bottom:0px;
}

/* Tabs */
/*
.tab{
	padding:0px 0px 0px 20px;
}
.tab a{
	padding:0px 15px 0 0;
	margin-right:8px;
	font-family:Arial, Helvetica, sans-serif;
	background:url('../images/tab.jpg') no-repeat bottom right;
}
.tab a span{
	float:left;
	padding-right:12px;
	margin-top:0px;
	height:20px;
	background:url('../images/tab.jpg') no-repeat bottom left;
}
.tab a:hover, .tab a.current{
	color:#CC9900;
	background:url('../images/tab.jpg') no-repeat top right;
}
.tab a:hover span, .tab a.current span{
	margin-top:1px;
	background:url('../images/tab.jpg') no-repeat top left;
}
*/
#tab li{
	float:left;
	background:url("../images/tableft.jpg") no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
}
#tab a{
	float:left;
	display:block;
	background:url("../images/tabright.jpg") no-repeat right top;
	padding:5px 15px 4px 3px;
	text-decoration:none;
}
#tab li:hover, #tab li:hover a{
	background-position:0% -100px;
	color:#333;
}
#tab li:hover a{
	background-position:100% -100px;	
}
#n1 #nav1{
	background-position:0% -200px;
	color:#fff;
}
#n1 #nav1 a{
	background-position:100% -200px;
	color:#fff;
}
/* content footers */
.ft1{
	background-image:url(../images/bottomheader.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:200px;
}

.ft-main{
	background-image:url(../images/main-bottom1.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:246px;
}

.ft-symposium{
	background-image:url(../images/symposium-bottom1.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:245px;
}

/* end content footers */

/* species footers */

.ft-speciesBGmacaw{
	background-image:url(../images/speciesfooter-BGmacaw.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:200px;
}

/* end species footers */

/* projects footers */

.ft-projectsLearsCorn{
	background-image:url(../images/projects-bottomelears.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:200px;
}

/* end projects footers */

/* helper image to make sure it is the proper width for the content */
img.c{
	width:904px;
	height:1px;
	border:0px;
}
/* end helper image */

/* left navigation style */
#leftmenu{
	vertical-align:top;
	width:130px;
}

.leftnav {
 position:relative;
 margin:0px auto 0px auto;
 min-width:8em;
 max-width:130px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;
 z-index:1;
 margin-left:20px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.leftnav .content,
.leftnav .t,
.leftnav .b,
.leftnav .b div {
 background:transparent url(../images/leftnav.png) no-repeat top right;
 _background-image:url(../images/leftnav.gif);
}

.leftnav .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.leftnav .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:20px; /* top slice width */
 margin-left:-20px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.leftnav .b {
 /* bottom */
 position:relative;
 width:100%;
}

.leftnav .b,
.leftnav .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.leftnav .b {
 background-position:bottom right;
}

.leftnav .b div {
 position:relative;
 width:20px; /* bottom corner width */
 margin-left:-20px;
 background-position:bottom left;
}

.leftnav .hd,
.leftnav .bd,
.leftnav .ft {
 position:relative;
}

.leftnav .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.leftnav h1,
.leftnav p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.leftnav h1 {
 padding-bottom:0px;
}

.leftnologo .content,
.leftnologo .t,
.leftnologo .b,
.leftnologo .b div {
 background:transparent url(../images/leftnavbot.png) no-repeat top right;
 _background-image:url(../images/leftnavbot.gif);
}

.leftnologo .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.leftnologo .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:20px; /* top slice width */
 margin-left:-20px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.leftnologo .b {
 /* bottom */
 position:relative;
 width:100%;
}

.leftnologo .b,
.leftnologo .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.leftnologo .b {
 background-position:bottom right;
}

.leftnologo .b div {
 position:relative;
 width:20px; /* bottom corner width */
 margin-left:-20px;
 background-position:bottom left;
}

.leftnologo .hd,
.leftnologo .bd,
.leftnologo .ft {
 position:relative;
}

.leftnologo .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.leftnologo h1,
.leftnologo p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.leftnologo h1 {
 padding-bottom:0px;
}


/* end left navigation style */




/* left menu with logo style*/
.lmlogo{
 margin-left:-20px;
 background:transparent url(../images/logobg.png) no-repeat bottom left;
 _background-image:url(../images/logobg.gif);
 vertical-align:bottom;
}

.lmlogo .t {
 /* top+left vertical slice */
 position:relative;
 width:121px; /* top slice width */
 margin-left:-20px;
 height:121px;
 _height:121px; /* arbitrary long height, IE 6 */
}

/* species database coding*/
.dd { color: #fff; font-weight: bold; background-color: #008080; text-align: center; }
.lc { color: #fff; font-weight: bold; background-color: #396; text-align: center; }
.nt { color: #999; font-weight: bold; background-color: #396; text-align: center; }
.vu { color: #fff; font-weight: bold; background-color: #f90; text-align: center; }
.en { color: #fff; font-weight: bold; background-color: #f60; text-align: center; }
.cr { color: #f60; font-weight: bold; background-color: #936; text-align: center; }
.ew { color: #fff; font-weight: bold; background-color: #000; text-align: center; }
.ex { color: #8c2845; font-weight: bold; background-color: #000; text-align: center; }
/* end database coding*/

/* alignment and text styles */
.ar, .ar td{
	text-align:right;
}
.ac, .ac td{
	text-align:center;
}
.al .al td{
	text-align:left;
}
.vt, .vt td{
	vertical-align:top;
}
.bo, .bo td{
	font-weight:bold;
}
/* end alignement and text styles*/