/* CSS Document for Atlas Divisions pages; it contains the color information, navigation images, etc., that are specific to Atlas Divisions */
/* left side navigation bar is from www.projectseven.com/tutorials/navigation/swapclassmenu/index.htm */
/* font color is 006633 */

.maincontent a	{color: #006633;}
.maincontent a:visited	{color: #006633;}
.maincontent a:hover	{color: #006633;}

h1, h2, h3, h4, h5, h6 {color: #063;}

/* Link Styles for the Menu */
.closed a, .open a {color: #006633;}

/* Link Styles for the Submenus */
.open ul a:hover {color: #000000;}

/* closed = down.jpg, triangle point is at top /*
/* open = up.jpg, triangle point is at bottom */
.closed a {background-image: url(../../images/down.jpg);}
.open a {background-image: url(../images/up.jpg);}
.closed ul a, .open ul a	{font-size: 80%; background-image: url(../../images/circle.jpg); background-color: #ffffff; color: #006633;}

/* Link Styles for the Menu */
.closed a, .open a {
	color: #006633;
}

/* Link Styles for the Submenus */
.open ul a:hover {
	color: #006633;
}

tr.dark {
	background-image: url(http://www.arcticatlas.org/atlas/images/bgdark.jpg);
	background-repeat: repeat;
	color: #000;
}

tr.light {
	background-image: url(http://www.arcticatlas.org/atlas/images/bglight.jpg);
	background-repeat: repeat;
	color: #000;
}
   
/* these make the little popups on the CAVM & AATVM veg units pages, and use cavmveglinks.inc or aatvmveglinks.inc */
div#links a span {display: none;}

div#links a:hover span {display: block;
   position: absolute; top: 2.1em; left: 32em;
   padding: 1em; margin: 1em;
   color: #ffffff; background: #006633; text-align: left;}

/*this makes the font size change on the AATVM bioclimate subzones table */
.nodum	{font-size: 85%; left: 5px;}

.terracontent {
	background-color: transparent;
	color: #000000;
	padding: 10px 10px;
	min-width: 25em;
	max-width: 1500em;
	font-size: 80%;
}

.terracontent a	{color: #006633; background-color: transparent; text-decoration: none;}
.terracontent a:visited	{color: #006633; font-style: italic; background-color: transparent; text-decoration: none;}
.terracontent a:hover	{color: #006633; font-weight: bold; background-color: transparent; text-decoration: none;}

/* the background colors for the AATVM Bioclimate Subzone tables */
.nbi	{background-image: url(../aatvm/images/florprovnbi.jpg); background-color: transparent;}
.nbi ul li	{background-color: transparent;}
.nbi p	{background-color: transparent; font-size: 85%; left: 5px; top: -5px;}
.berak	{background-image: url(../aatvm/images/florprovberak.jpg); background-color: transparent;}
.berak ul li	{background-color: transparent;}
.berak p	{background-color: transparent; font-size: 85%; left: 5px; top: -5px;}
.norak	{background-image: url(../aatvm/images/florprovnorak.jpg); background-color: transparent;}
.norak ul li	{background-color: transparent;}
.norak p	{background-color: transparent; font-size: 85%; left: 5px; top: -5px;}

/* .veg formats the plant list for the vegetation unit includes */
/* BEFORE you delete this, make sure it's not affecting anything else!!!!! */
/*.veg ul	{
	background-color: transparent;
	padding: 2px 2px;
	margin: 2px;
	font-size: inherit;
}
	
.veg li	{
	width: 175px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	text-align: left;
	position: relative;
	float: left;
	display: inline;
}

.veg li ul li	{
	display: block;
	background-color: transparent;
	text-align: left;
	position: relative;
	float:inherit;
	left: -45px;	
}*/

/* this clears the "float: right" for images */
.pleft	{
	clear: left;
	display: block;
}
/* used on the new (as of May '09) AATVM home page, http://www.arcticatlas.org/atlas/aatvm/index2.php */
.quote	{font-style: italic; font-family: "Times New Roman", Times, serif; margin: 1em 4em}
.caption	{margin: 0em 6em 2em 6em; font-family: Arial, Helvetica, sans-serif; margin: 1em 4em} /* img captions */
.fig	{margin: 2em 6em .5em 9em} /* figure images */

/* formats list of information (heading info) on the species pages */
.species	li {font-size: 120%; padding: 0px 0px 12px 0px; list-style-type: none;}

.species	li li {font-size: 100%; padding: 0px 0px 12px 0px; list-style-type: none;}

.species	p	{margin: 2px 0 30px 80px;}

/* .pltpg, and .genus can be deleted (I think!) after the new photo pages are working. april 18, 2007 */
/* formats list of information (heading info) on the GENUS pages */
.genus	li {font-size: 120%; padding: 0px 0px 12px 0px; list-style-type: none;}

/* formats list of information (heading info) on the GENUS pages */
.genus	li li {font-size: 100%; padding: 0px 0px 12px 0px; list-style-type: none;}

/* placement of text on the species pages */
.pltpg p	{
	margin: 2px 0 30px 80px;
	background-color: transparent;
	}

.pltpg	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	}

.pltpg ol	{
	background-color: transparent;
	padding: 2px 2px;
	list-style: none;
	margin: 0 0 0 100px;
}

.pltpg li	{
	background-color: transparent;
	border-width: 1px;
	padding: 0 20px 5px 5px;
	float: left;
	margin: 2px;
	width: auto
	
}

.hidden	{display: none;}

/* info is for the list of "other possible sources" at the bottom of the individual species pages */
.info {
	color: #000000;
	/*font-family: Arial, Helvetica, sans-serif;*/
	clear: both;
}

.info ul	{list-style: none;}

.info li	{
	position: relative;
	margin: 2px;
	font-size: 120%;
	padding: 0px 0px 2px 0px; 
}

.info	li li	{padding: 0px; font-size: 90%;}

/* to make additional information about each link show up on hover, in the "For more information..." and "Other possible sources..." section of the species pages */
.info a:hover span{	
	top: -5px;
	left: 300px;
	width: 600px;
	background-color: #ffffff;
	color: #000000;
	padding: 5px;
	font-size: 100%;
	font-weight: normal;
	z-index: 5;
} 

.info a:hover	{
	background-color: #333399;
	z-index: 1;
}

.info a span	{
	position: absolute;
	left:-9999px;
}

/* this is for the photos on the species pages */
.sppPhoto {
	background-color: transparent;
	padding: 5px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}
.sppPhotoThumb {
	background-color: transparent;
	text-align: center;
	float: left;
	padding: 5px 0 30px 100px;
	border-color: #00FF00;
	border-width: thick;
	border-style: double;
	width: auto;
}
.sppPhotoInfo {
	background-color: transparent;
	float: left;
	padding: 0 0 15px 15px;
	width: 500px;
}

/*.divFloatLeft {
	background-color: transparent;
	float: left;
	padding: 1em;
}*/
/*.divClearLeft {
	clear: left;
	background-color: #FFFFCC;
	float: none;
}*/
.sppPhotoBlock {
	background-color: transparent;
	margin: 5px;
	clear: both;
}
.sppPhpBlock {
	background-color: transparent;
	margin: 5px;
	clear: both;
}
/* spphoto is for the photos on the species page */
.spphoto {
	background-color: transparent;
	color: #000000;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 60px;
}

.spphoto ol	{
	background-color: transparent;
	list-style: none;
}

.spphoto li	{
	background-color: transparent;
	padding: 0 20px 15px 5px;
	position: relative;
	margin: 2px;
	float: left;
	width: auto;
}

/* no more "border="0"! */
.spphoto a img {border: none;}
.spphoto hr	{
	width: 90%;
	margin: 20px 0 0 0;
	clear: left;
	color: #fff;
	background-color: transparent;
	border: 0;
	}
	
.links hr	{border: .1em dotted #063;}

/* styles for the ak4m community description tables */
#akComm a:active, a:hover, a:visited	{color: #000000}
#akComm table	{border: .1em solid #000; width: 95%;}
#akComm th	{vertical-align: top; text-align: center;}
/* used for the subzone headings */
#akComm th.left	{text-align: left; border-bottom: .1em solid #000; border-top: .1em double #000; background-color: #CCCCCC}
/* right side border, not used on last th */
#akComm th.right	{border-right: .1em dashed #000;}
/* bottom border for td */
#akComm td	{vertical-align: top; text-align: center; border-bottom: .1em solid #000; font-family: Arial, Helvetica, sans-serif;}
/* right side border, not used on last td */
#akComm td.right	{border-bottom: .1em solid #000; border-right: .1em dashed #000; font-family: Arial, Helvetica, sans-serif;}
#akComm td.left	{border-bottom: .1em solid #000; text-align: left; border: none; font-family: Arial, Helvetica, sans-serif;}
#akComm ul	{list-style-type: none; margin: 0em 0em .5em 0em; padding: 0em; text-align: left}
#akComm p	{text-align: left; margin: 0em 0em 0em 0em; padding: 0em}
#akComm li p	{text-align: left; margin: 0em 0em 0em 2em; padding: 0em 0em 0em -1em}

/* the styles for the ak4m single community description NOTE THE S at the end of akComms */
#akComms a:active, a:hover, a:visited	{color: #000000}
akComms table	{border: .1em solid #000; width: 95%}
#akComms th	{vertical-align: top; text-align: center;}
/* used for the subzone headings */
#akComms th.left	{text-align: left; border-bottom: .1em solid #000; border-top: .1em double #000; background-color: #CCCCCC}
/* right side border, not used on last th */
#akComms th.right	{border-right: .1em dashed #000;}
/* bottom border for td */
#akComms td	{vertical-align: top; text-align: center; border-bottom: .1em solid #000}
/* right side border, not used on last td */
#akComms td.right	{border-bottom: .1em solid #000; border-right: .1em dashed #000}
#akComms td.left	{border-bottom: .1em solid #000; text-align: left; border: none}
#akComms li	{list-style-type: none; margin: 0em 0em 0em 1em; padding: 0em; text-align: left}
#akComms p	{text-align: left; margin: 0em 0em 0em 4em;}
#akComms p.strong	{text-align: left; font-weight: bold; margin: 0em 0em 0em 2em; padding: 0em 0em 0em -1em}

.norakComm	{background-color: #ccf; /*border: .3em solid #339;*/}
.berakComm	{background-color: #9cf}
.nbiComm	{background-color: #09f}

#vegUnit2 {width: auto; margin-left: 3em; padding: 0em; height: auto; font-family: Arial, Helvetica, sans-serif; color: #000; background-color: transparent; font-size: 100%; line-height: 1em; margin-bottom: 0em}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/vertical_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
ol.menu2, ol ol {padding-left: 0em; border:0; list-style-type:none; height: auto; overflow:hidden; background-color: transparent; width: auto;}
ol.menu2 {margin:0 auto;}

ol.menu2 table {border-collapse:collapse; padding:0; margin:0; width: auto;}
ol.menu2 ol {margin-left:1em;}
ol.menu2 li {text-indent: -0.1em; width: auto}
ol.menu2 li.group	{font-weight: bold; font-size: 110%; padding-top: 0.5em; text-decoration: underline}
ol.menu2 li li	{margin-left: 1em; text-indent: -2em; padding-left: 2em; }
ol.menu2 li.drop {margin-bottom: 0.2em; margin-top: 0.3em; line-height: 1.5em}
/*ol.menu2 li a, 
ol.menu2 li a:visited {display:block; width:55em;}
ol.menu2 li a.last, 
ol.menu2 li a.last:visited {display:block; width:40em;}*/
ol.menu2 li ol {display:none;}

/*ol.menu2 li:hover a, 
ol.menu2 li a:hover {border:0;}*/
ol.menu2 li:hover ol, 
ol.menu2 li a:hover ol {display:block; height:auto; width:auto; line-height: 1.1em}
/*ol.menu2 li:hover ol li a, 
ol.menu2 li a:hover ol li a {height:1.1em;}
ol.menu2 li:hover ol li:hover a, 
ol.menu2 li a:hover ol li a:hover {}*/
.box {border: width: 2em}

#akComm	{}
#akComm p.strong	{font-weight: bold; margin-bottom: 0em; margin-left: 2em}
#akComm ul	{argin-left: -1em; list-style-type: none}
#akComm p	{margin-left: 4em; margin-bottom: .2em}