/* dot net structure */
#form1
{
    margin-top: 40px;
}
#pagetitle
{
    margin-left: 175px;
}
#dynamicmenu
{
    margin-left: 175px;
}
#pagecontent
{
    margin-left: 100px;
}
/* structure definitions */

#container
{
	margin: 0;
	width: auto;
	position:relative; 
	z-index:0;
}
#topnav
{
	margin-left: 0;
	width: auto;
	position:relative; 
	z-index:1;
}
#families
{

}
#subfamilies
{

}
#species
{

}
#pagename
{
	position: relative; 
	width: 369px; 
	height: 16px; 
	z-index: 11; 
	left: 16px; 
	top: 25px;
	font-size: 10pt;
	font-weight: bold; 
}
#pagename1
{
	position: relative; 
	width: 400px; 
	height: 16px; 
	z-index: 11; 
	left: 16px; 
	top: 25px;
	font-size: 10pt;
	font-weight: bold; 
}
#pagetab
{ 
	position:absolute; 
	left:-8px; 
	top:177px; 
	z-index:1;
	width: 369px; 
	height: 16px;
}
#content
{
	position:absolute; 
	top:208px; 
	left:-10px;
	width: auto;
}
#table1
{
	width: 850px;
}
#content-table
{
	table-layout: auto;
	border-collapse: collapse;
}
.leftbar
{
	width: 150px;
	border-left: 4px ridge #69806B; 
	border-right-width: 0px; 
	border-top-width: 0px; 
	border-bottom-width: 0px;
	padding:4px;
	background-color:#BEDDBD;
	color: #993333;
	font-weight:bold;
	font-size: 9pt;
}
img.leftbar
{
	float:left;
}
.main
{
	border-style: outset; 
	border-width: 3px;
	color: #993333;
	font-weight:bold;
	background-color:#B9C6B3;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 100%; 
}
.rightbar
{
	width: 120px;
	border-right: 4px ridge #69806B; 
	border-left-width: 0px; 
	border-top-width: 0px; 
	border-bottom-width: 0px;
	padding:4px;
	background-color:#BEDDBD;
}
img.rightbar
{
	float:right;
}
.footer
{
	border-left: 4px ridge #69806B;  
	border-right: 4px ridge #69806B;  
	border-top: 2px groove #B9C6B3; 
	border-bottom: 4px ridge #69806B;  
	font-size:8pt; 
	font-weight:bold;
	background-color:#BEDDBD;
	padding:4px;
}

/* used only on default page */
#search
{
	position: absolute; 
	z-index: 4; 
	left: 200px; 
	top: 110px;
	width: auto;
}
#imageDragon
{
	position: relative;
	top: 165px;
	left: 100px;
	z-index: 14;
}
#contenthome
{
	position: absolute; 
	z-index: 12; 
	left: 0; 
	top: 180px;
	width: auto
}

/* navigation */
#button
{
	font-size: 8pt;
	font-weight: bold; 
	text-align:center
}
#menu
{
	position: absolute; 
	width: 565px; 
	height: 30px; 
	z-index: 3; 
	left: 205px; 
	top: 80px;
}
#menutabs
{
	position: absolute; 
	width: 565px; 
	height: 30px; 
	z-index: 2; 
	left: 205px; 
	top: 80px;
}
#submenu
{
	position: absolute; 
	width: 525px; 
	height: 30px; 
	z-index: 5; 
	left: 205px; 
	top: 102px;
}
#submenutabs
{
	position: absolute; 
	width: 525px; 
	height: 30px; 
	z-index: 4; 
	left: 205px; 
	top: 102px;
}
#Lsubmenu
{
	position: absolute; 
	width: 525px; 
	height: 30px; 
	z-index: 5; 
	left: 205px; 
	top: 102px;
}
#Lsubmenutabs
{
	position: absolute; 
	width: 525px; 
	height: 30px; 
	z-index: 4; 
	left: 205px; 
	top: 102px;
}
#submenu1
{
	position: absolute; 
	width: 525px; 
	height: 30px; 
	z-index: 7; 
	left: 205px; 
	top: 125px;
}
#submenu1tabs
{
	position: absolute; 
	width: 525px; 
	height: 30px; 
	z-index: 6; 
	left: 205px; 
	top: 125px;
}
#Lsubmenu1
{
	position: absolute; 
	width: 525px; 
	height: 30px; 
	z-index: 7; 
	left: 205px; 
	top: 125px;
}
#Lsubmenu1tabs
{
	position: absolute; 
	width: 525px; 
	height: 30px; 
	z-index: 6; 
	left: 205px; 
	top: 125px;
}
#speciesmenu
{
	position: absolute;
	width: 565px;
	z-index: 8; 
	left: 196px; 
	top: 130px;
}
#Lspeciesmenu
{
	position: absolute;
	width: 565px; 
	z-index: 8; 
	left: 196px; 
	top: 130px;
}
#speciesmenu1
{
	position: absolute;
	width: 565px; 
	z-index: 8; 
	left: 196px; 
	top: 150px;
}
#Lspeciesmenu1
{
	position: absolute;
	width: 565px;
	z-index: 8; 
	left: 196px; 
	top: 150px;
}


/* generic styles and classes */
a:link
{
	color: #336600;
    font-weight: 700;
}
a:visited
{
	color: #008080 
} 
a:active 
{
	color: #669999;
}
a:hover 
{
	color: #000080;
}

.nav
{
	font-family:Verdana, sans-serif; 
	font-size:7pt; 
	text-decoration:none; 
	font-weight:bold;
	text-align:center;
	cursor: pointer; 
}
a:link.nav
{
	color: #000000; 
}
a:visited.nav
{
	color: #000000; 
} 
a:active.nav 
{
	color: #000000; 
}
a:hover.nav 
{
	color: #0000FF; 
}
a:hover.species 
{
	color: #000080;
	background-color: #BEDDBD
}
body
{
	background-position: left top; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt; 
	position:absolute; 
	left:0; 
	top:0;  
	right:0; 
	bottom:0; 
	z-index:0; 
	background-image:url('images/IOSlogo.jpg'); 
	background-repeat:no-repeat; 
	background-attachment:scroll
}
ul
{
	list-style-image: url(images/bullet.gif);
}
h1, h2, h3, h4, h5, h6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1
{
	color: rgb(255,204,0);
}
h2
{
	color: rgb(255,255,255); 
}
h3
{
	color: rgb(204,51,0); 
}
h4
{
	color: #669900;
}
h5
{
	color: #669900;
}
h6
{
	color: rgb(255,255,255);
}

/* calender and status definitions */

td.calheader
{
	background-color:#69806B; 
	font-size:10pt; 
	color:#C0C0C0; 
	font-family:Arial, sans-serif; 
	font-weight:bold
}
td.months
{
	background-color:#69806B; 
	font-size:8pt; 
	color:#C0C0C0
}
td.low
{
	background-color: #FFFF99;
	font-size:9pt;
	font-weight:bold 
}
td.lowmed
{
	background-color: #FFBF73
}
td.med
{
	background-color: #FF804D
}
td.medhigh
{
	background-color: #FF4026
}
td.high
{
	background-color: #FF0000
}
td.season
{
	font-size:8pt; 
	font-family:Arial, sans-serif; 
	font-weight:bold
}
td.status
{
	font-size: 9pt;
}
p.statushead
{
	font-size: 10pt;
	font-weight: bold; 
	text-align:center
}
p.date
{
	text-align: left;
	font-size: 8pt;
	margin-left: 3px;
}
p.status
{
	text-align: left;
	font-size: 8pt;
	font-weight: bold;
}
td.key
{
	border:2px solid #CC9900; text-align: center;
	font-size: 9pt;
	font-weight: bold;
	background-color: #FFBF73; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px
}



/* may have to redefine some of these */
td.map
{
	font-size: 8pt;
}

td.right
{
	border-style:ridge; 
	border-width:1px; 
	padding:4px; 
	font-size:10pt;
	background-color:#BEDDBD; 
}
td.left
{
	border-left: 4px ridge #69806B; 
	border-right-width: 0px; 
	border-top-width: 0px; 
	border-bottom-width: 0px;
	padding:4px;
	font-size:10pt;
	background-color:#BEDDBD;
	
}
td.foot
{
	border-left: 4px ridge #69806B; 
	border-right-width: 0px; 
	border-top-width: 0px; 
	border-bottom-width: 0px; 
	font-size:8pt; 
	font-weight:bold;
	background-color:#BEDDBD;
	padding:4px;
}

td.content
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-style: outset; 
	border-width: 3px; 
	font-size:10pt;
	color: #993333;
	font-weight:bold;
	background-color:#B9C6B3;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 100%; 
}


/* misc definitions */
p.photo
{
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
}
p.size
{
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	color: #FF9933;font-variant:small-caps; background-color:#FFFFCC
}
th.maint
{
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	background-color: #FFBF73
}
td.maint
{
	font-size: 9pt;
}
.sitering
{
	font-size: 8pt;
}
#login
{
	position: absolute;
	z-index: 20;
	left: 800px;
	top: 120px;
	width: auto; 
	font-size:10pt; 
	font-weight:bold; 
}

/* probably still need these */
#contentshort
{
	position: absolute; 
	z-index: 12; 
	left: 0; 
	top: 170px;
	width: auto
}

#switch
{
	position: absolute; 
	width: 30px; 
	height: 22px; 
	z-index: 3; 
	left: 690px; 
	top: 105px;
}
#showimage{
position:absolute;
visibility:hidden;
border: 7px solid #006600;; z-index:15
}

#dragbar{
cursor: auto;
cursor: pointer;
background-color: #BEDDBD;
/* min-width: 219px; NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
font-size: 10pt;
margin-right: 1px;
}
#family-intro
{
	color: #800000; 
	font-weight: bold; 
	font-size: 10pt; 
	border: 3px ridge #006666; 
	padding: 10px;
}
#setlanguage
{
	color: #800000; 
	font-weight: bold; 
	font-size: 8pt;
	position: absolute; 
	z-index: 15; 
	left: 420px; 
	top: 175px;
	width: 350px;
}
/* Calendar Style */
.MyCalendar .ajax__calendar_container
{
    border: thin solid #000066;
    background-color: #c9d7e4;
    color: #000066;
}
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#EEE9BF;color:#8B864E;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}
.ajax__calendar { z-index: 1000; }