body, td, a
{font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #000000; font-weight: normal;}
body {background: #fff; margin: 0 0 0 0;}
a:hover {color: #CC0000;}
a:visited {color: black;}
p {font-size: 12px;}

h1 {color: #083908; font-size: 19px; margin: 0 0 10 0px; clear: both; line-height: 20px;}
h2 {color: #083908; font-size: 17px; margin: 0 0 5 0px; clear: both; line-height: 19px;}
h3 {color: #083908; font-size: 15px; margin: 0 0 2 0px; clear: both; line-height: 17px;}
h4 {color: #083908; font-size: 12px; margin: 0 0 2 0px; clear: both; line-height: 14px;}
a h3 {color: #083908; text-decoration: underline;}
a h4 {color: #083908; text-decoration: underline;}
hr {height: 1px; color: #cccccc; clear: both;} 

optgroup {font-size: 10px; font-weight: bold:}

.nav1 {color: white; padding-top: 10px;}
.nav1 a{color: white; padding: 8px; text-decoration: none;}
.nav1 a:visited{color: white;}
.nav1 a:hover{color: white; text-decoration: underline;}

#content {	position: absolute; margin: 20px 4px 8px 8px; left: 50%; width: 790px;  margin-left: -395px; font-size: 13px; line-height: 17px;}
#content a {color: #CC0000; font-size: 13px; line-height: 17px;}
#content a:hover {color: black; }

#popupcontent_hierarchy {margin: 18 8 8 8px;}
#popupcontent_hierarchy h1 {color: #083908; font-size: 19px; margin: 12 0 0 0px; clear: both; }
#popupcontent_hierarchy h2 {color: #083908; font-size: 17px; margin: 12 0 0 0px; clear: both; }
#popupcontent_hierarchy h3 {color: #083908; font-size: 15px; margin: 12 0 0 0px; clear: both; }
#popupcontent_hierarchy h4 {color: #083908; font-size: 13px; margin: 12 0 0 0px; clear: both; }
#popupcontent_hierarchy blockquote {margin: 0 0 0 25px;}
#popupcontent_hierarchy blockquote.highlight {background-color:#FFFFCC;}
#popupcontent_hierarchy h4.highlight {background-color:#FFFFCC;}
#popupcontent_hierarchy p {margin: 0 0 0 0px;}

#popupcontent {margin: 18 8 8 8px;}
#popupcontent h3 {background: #ccc; padding: 4px;}
#graphcontent {margin: 18 0 18 0px;}

#subnav a {padding: 0 6 10 0px; color: black; white-space: nowrap;}
#subnav a:hover {color: #cc0000;}
#subnav2 {padding: 0 10 2 0px; color:white; font-weight: bold; background-image: url(images/nav-bg-01.gif);}
#subnav2 a {padding: 0 12 0 10px; color: white; white-space: nowrap; font-weight: normal; line-height: 22px;}
#subnav2 a:hover {color: #CC0000;}
#subnav2 a.on {text-decoration: none; font-weight: bold;}
#subnav2title {padding: 0 0 2 8px; color:white; font-weight: bold; background-image: url(images/nav-bg-01.gif); line-height: 22px; font-size: 14px;}
select {font-size: 9px; margin: 2px 10 2px 6;}


#subnav3 {color:white; font-weight: bold; background-image: url(images/nav-bg-01.gif); height: 23px; display: block;white-space: nowrap;}
#subnav3 select{ background-color: #ddd;  color: #000; }

.maplinks {float: left;}
.maplinks a {padding: 0 10 0 10px;  color: white; white-space: nowrap; font-weight: bold; text-decoration: none;}
.maplinks a:visited {color: white;}
.maplinks a:hover {color: white; text-decoration: none;}

.vertline {height: 23px; width: 2px; background-image: url(images/vertical-line-01.gif); float: left;}

.maplinks2 {float: left; height: 23px; background-image: url(images/nav-bg-02.gif);}
.maplinks2 a {padding: 0 10 0 10px;  color: white; white-space: nowrap; font-weight: bold; text-decoration: none;}
.maplinks2 a:visited {color: white;}
.maplinks2 a:hover {color: white; text-decoration: underline;}


.detailspop {float: right; background-image: url(images/nav-details-bg.gif); width: 110px; height: 23px;}
.detailspop a {padding: 0 0 0 15px;  color: white; white-space: nowrap; font-weight: bold; text-decoration: none; text-align: right;}
.detailspop a:visited {color: white;}
.detailspop a:hover {color: white; text-decoration: none;}

#columnlefta {float: left; width: 300px;}
#columnrighta {float: right; width: 470px;}

#columnleft {float: left; width: 362px;}
#columnright {float: right; width: 410px;}
#timeline {margin: 0 0 20 0px; border: 1px solid; border-color: #e3e3e3;}
#preview {margin: 8 0 10 0px; }

#columncontents {float: right; width: 410px;}
#columncontents h3 {color: #999999; font-size: 15px; margin: 0 0 2 0px; clear: both; line-height: 17px;}
#columncontents a {color: #CC0000; font-size: 16px; font-weight: bold; margin: 0 0 2 0px; clear: both; line-height: 17px;}


#contentbox {border: 1px solid; border-color: #B2B2B2; padding: 4 6 6 6px; margin: 2 0 8 0px; background-color: #DFE0E7; }
div#contentbox ul {list-style-type: none;  padding:0;  margin:0;}
div#contentbox li {text-decoration: none; display: block; padding: 2 0 3 0px; line-height: 12px;}
#contentbox a {padding-right: 16px;}

#contentboxmaps { padding: 1 2 2 2 px; margin: 0 0 8 0px; background-color: #DFE0E7; border: 1px solid; border-color: #B2B2B2;}

#maplaunch {background: url(images/bg_unitpage_mapbox1.gif); height: 38px; border: 1px solid #ccc; margin-top: 4px;}
#maplaunch a {font-weight: bold;}
#maplink {float: left; width: 250px; padding: 8 0 0 10px;}
#maplink2lines {float: left; width: 250px; padding: 2 0 0 10px;}

#mappreviewicon {float: left; padding: 2 0 0 2px; margin: 0px;}
#icons {float: right; padding: 2 0 0 0px; margin: 0px; width: 83px;}
#icons a {padding: 0px; margin: 0px; }


#excel {background: #F3F4FA; margin: 2 0 5 0px; padding: 4px;}
#excel a{color: #333333; white-space: nowrap;}

.emph {font-size: 16px; font-weight: bold;}

#anchors2 ul {border: 0;	margin: 0;	padding: 5 5 10 0px;	list-style-type: none;	text-align: center;	clear: left;}
#anchors2 li {white-space: nowrap;display: block;float: left;text-align: center;	border: 0;	padding: 0 20 0 0px;margin: 0;}
#anchors ul {border: 0;	margin: 0;	padding: 5 5 5 8px;	list-style-type: none;	text-align: center;	clear: left;}
#anchors li {white-space: nowrap;display: block;float: left;text-align: center;	border: 0;	padding: 0 20 0 0px;margin: 0;}


/*legend info*/

#legend_info h3 {background: #ccc; padding: 4px;}
#legendinfo_nolines {border-left: 1px solid; border-top: 1px solid; border-color: #083908;}
#legendinfo_nolines td {padding: 6px;}
#legendinfo_general  {border-left: 1px solid; border-top: 1px solid; border-color: #083908;}

#legendinfo_general_220  {border-left: 1px solid; border-top: 1px solid; border-color: #083908;}
#legendinfo_general_220 td {border-right: 1px solid; border-bottom: 1px solid; border-color: #cccccc; padding: 6px;}
#legendinfo_general_220 td.first {width: 220px; background-color: #DFE0E7; font-weight: bold; }

#legendinfo_general_200  {border-left: 1px solid; border-top: 1px solid; border-color: #083908;}
#legendinfo_general_200 td {border-right: 1px solid; border-bottom: 1px solid; border-color: #cccccc; padding: 6px;}
#legendinfo_general_200 td.first {width: 200px; background-color: #DFE0E7; font-weight: bold; }

#legendinfo_general_180  {border-left: 1px solid; border-top: 1px solid; border-color: #083908;}
#legendinfo_general_180 td {border-right: 1px solid; border-bottom: 1px solid; border-color: #cccccc; padding: 6px;}
#legendinfo_general_180 td.first {width: 180px; background-color: #DFE0E7; font-weight: bold; }

#legendinfo_text  {border-left: 1px solid; border-top: 1px solid; border-color: #083908;}
#legendinfo_text td {border-right: 1px solid; border-bottom: 1px solid; border-color: #cccccc; padding: 6px;}
#legendinfo_text td.first {width: 150px; background-color: #DFE0E7; font-weight: bold; }



/*tour*/
#subnav4 {background-image: url(images/nav-bg-01.gif); height: 23px;}
#tourtitle {font-size: 16px; padding: 10 0 5 10px; font-weight: bold; color: #333;}
#tourhomepage {padding: 20px; width: 380px; float: left;}
#maptournav a {height: 23px; padding: 0 6 0 7px; vertical-align: middle; color: white; font-weight: bold;}
#maptournav a.on {background-image: url(images/on.gif);background-repeat: repeat;}
/*#touroverflow {float: left;  height: 410px; width: 380px; overflow: auto;}*/
#tourleft {clear: left;}
#tourleft td {vertical-align: top;}
#tourleft h2 {margin: 8 0 4 0px; font-size: 14px;}
#tourleft ul {margin: 0 0 0 14px; list-style-type: disc; padding: 0px;}
#action {background-image: url(images/hand.gif); background-repeat: no-repeat; width: 35px;}
#observation {background-image: url(images/eye.gif); background-repeat: no-repeat; width: 35px;}
#meaning {background-image: url(images/lightbulb.gif); background-repeat: no-repeat; width: 35px;}
#pattern {background-image: url(images/pattern.gif); background-repeat: no-repeat; width: 35px;}
#hint {background-image: url(images/question_mark.gif); background-repeat: no-repeat; width: 35px;}


#caption {float: left; font-size: 16px; font-weight: bold; color: #083908; padding: 8px;}
#diagrams {float: right; background-color: #eee; border: 1px solid black; width: 130px; padding: 8 2 8 2px;  text-align: center; margin-right: 4px; clear: both;}


#diagrams h3 {font-size: 12px; margin-top: 4px;}
#diagrams img{border: 1px solid black;}

#mapname {float: left; background-color: #083908; font-size: 14px; color: white; font-weight: bold; padding: 4 12 4 8px; background-image: url(images/bg_mapname.gif); background-position: bottom right; background-repeat: no-repeat;}

#boldnumbers li {font-weight: bold;}
#boldnumbers li p {font-weight: normal;margin-bottom:0px;margin-top:0px;}

#previousnext {margin: 10 0 0 0px; text-align: center; padding-bottom: 10px; background-color: #999; padding: 5px; clear: both; }
#previousnext a.previous {padding-right: 5px;color: white; font-weight: bold;}
#previousnext a.next {padding-left: 5px;color: white; font-weight: bold;}

#printpdf {float: right; border: 1px solid black; width: 130px; padding: 8 2 8 2px;  text-align: center; margin-right: 4px; margin-top: 5px; margin-bottom: 5px; clear: both; }
#printimage {display: none;}
#printtitle {display: none;}
#printpagenumber {display: none;}
/* special instances and exceptions */

/* For when tighter spacing needed in links across top in subnav2 a          */
/* such as in timeline pages. Must include in body tag <body id="timeline">  */
body#timeline #subnav2 a {padding: 0 6 0 5px; color: white; white-space: nowrap; font-weight: normal; line-height: 22px;}
body#timeline #subnav2 a:hover {color: #CC0000;}
body#timeline #subnav2 a.on {text-decoration: none; font-weight: bold;}

/* Special subnav added to switch images back and forth */
/* designed for and used in all exploration static maps */
#subnavtemp {padding: 0 10 2 15px; color:black; font-weight: bold;}
#subnavtemp a {padding: 0 10 2 15px; color:black; text-decoration: none;}
#subnavtemp a:hover {color: #CC0000;}
#subnavtemp a.on {font-weight: bold;}
#subnavtemp a.off {}

/* special table design used in Unit 6 table of explorers and motivation */
.table1 {
	border: 1px solid #999999;
	color: #000000;}

.table2 {
	border: 1px solid #999999;
	color: #000000;
	background-color: #CCCCCC;}

.table3 {
	border: 1px solid #999999;
	color: #000000;
	background-color: #CCFFFF;}

/*help*/
#helpnext {margin: 10 15 0 0px; text-align: center; padding-bottom: 10px; background-color: #eee; padding: 5px; clear: both; }
#helpnext a.previous {padding-right: 5px;font-weight: bold;}
#helpnext a.next {padding-left: 5px; font-weight: bold;}
img {border-color: black;}