body {
	background-color: black;
	margin: 8px 0 0 0;
}
body, table {
	font: normal 10pt "trebuchet ms", arial, helvetica, sans-serif;
	color: black;
}
img {
	position: relative;
	z-index: 0;
}
a {
	color: #0A4E89;
	text-decoration: underline;
}
a:visited {
	color: #033059;
	text-decoration: underline;
}
a:hover {
	color: #0A4E89;
	text-decoration: none;
}
table.body-t {
	background-color: white;
	padding: 7px;
}
a.head:link, a.head:visited {
	color: white;
	text-decoration: none;
}
a.head:hover {
	text-decoration: underline;
}

#navcell {
	background-color: #0A4E89;
	width: 175px;
}
#navcell table td {
	padding-bottom: 1px;
}
#navcell table td.selected {
	background: #666666; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#999999'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#999999)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #666666,  #999999); /* for firefox 3.6+ */
}
#navcell table td.selected1 {
	background: #003366; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003366', endColorstr='#0066cc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#003366), to(#0066cc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #3399ff,  #0066cc); /* for firefox 3.6+ */
}

a.btn1, a.btn1Dis {
	display: block;
	height: 28px;
	width: 175px;
	
	background: #0a4e89; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a4e89', endColorstr='#003366'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0a4e89), to(#003366)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0a4e89,  #003366); /* for firefox 3.6+ */
}

a.btn, a.btnDis {
	display: block;
	height: 28px;
	width: 175px;
	
	background: #bababa; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bababa', endColorstr='#999999'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#999999)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #bababa,  #999999); /* for firefox 3.6+ */
}
a.btn:hover, a.btn:active {
	
	background: #cccccc; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#999999'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999999)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #999999); /* for firefox 3.6+ */
}

a.btn1:hover, a.btn1:active {
	background: #3399ff; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399ff', endColorstr='#003366'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#3399ff), to(#003366)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0a4e89,  #3399ff); /* for firefox 3.6+ */
}

a.buttonDis:link, a.btnDis:visited, a.btnDis:hover, a.btnDis:active {
	background-color: gray;
}



a.subbtn1 {
	background-color: transparent;
	color:white;
	text-decoration: none;
	
	display: block;
	font-size: 9pt;
	padding: 0 0 2px 12px;
	text-align: left; 
	width: 163px;
}
a.subbtn {
	background-color: transparent;
	color: #333;
	display: block;
	font-size: 9pt;
	padding: 0 0 2px 12px;
	text-align: left;
	text-decoration: none; 
	width: 163px;
}
a.subbtn1:hover {
	color: white;
	text-decoration: underline;
	
	display: block;
	font-size: 9pt;
	padding: 0 0 2px 12px;
	text-align: left; 
	width: 163px;
}
a.subbtn:hover {
	background-color:transparent;
	color: black;
	text-decoration: underline;
}

#content {
	background-color: white;
	padding: 7px;
}

.img-right {
	float: right;
	margin: 7px 0px 5px 5px;
}
.img-left {
	float: left;
	margin: 7px 5px 5px 0px;
}

.headline1 {
	clear: both;
	color: #27669D;
	font: 17pt impact, "trebuchet ms bold";
	margin-bottom: 0.3em;
	text-align: left; 
}
.headline2 {
	clear: both;
	font: 13pt impact, "trebuchet ms bold";
	margin-bottom: 0.5em;
	text-align: left; color: #27669D;
}

.author {
	clear: both;
	color: #27669D;
	font: bold 10pt 'trebuchet ms', arial, helvetica, sans-serif;
	margin-bottom: 0.5em;
	text-align: left;  
}

div.partitle {
	clear: both;
		font: 10pt 'trebuchet ms', arial, helvetica, sans-serif;

}
font {
		font: 10pt 'trebuchet ms', arial, helvetica, sans-serif;

}
div.fine {
	padding: 10px;
	width: 700px;
	
}

p.small {
	font: 8pt 'trebuchet ms', arial, helvetica, sans-serif;
   	color: #666;
	color: black;
	text-align: justify;
}
#planimages{
	float: right;
}
#textimage{
	text-align:left;
	width:250px;
}
#bimage{
	clear:both;
	float:right;
}
#bimage2{
	float: left;
}

.fr {
	float: right;
	margin: 0 0 14px 14px;
}
.fl {
	float: left;
	margin: 0 14px 14px 0;
}
.frb {
	border: 1px solid #666;
	float: right;
	margin: 0 0 14px 14px;
	padding: 6px;
}
.flb {
	border: 1px solid #666;
	float: left;
	margin: 0 14px 14px 0;
	padding: 6px;
}
.cl {
	clear: both;
}

div.lm25 {
	margin-left: 25px;
}

p {
	margin-bottom: 1em;
	margin-top: 0;
	text-align: justify;
	text-align: justify;
}

ol li {
	margin-bottom: 0.5em;
}

ul li {
	margin-bottom: 0.3em;
}

div.j {
	text-align: justify;
}

div.un {
	text-align: left;
}

div.p {
	margin-bottom: 1em;
}

.blueline {
	margin: 10px 0;
}

.b {
	font-weight: bold;
}

div.partitle {
	clear: both;
}


/* timeline styles that work inside the javascript -julieta */
div#countdown {
	float: right;
	font-size: 1.4em;
	position: relative;
	right: 0;
	top: 0;
}
div#countdown p {
	color: #CCC;
	float: left;
	padding-right: 0.5em;
	padding-top: .25em;
}
div#countdown table {
	background-color: white;
}
div#countdown td {
	color: #999;
	font-size: 1.4em;
	text-align: center;
	width: 5em;
}
div#theadline {
	margin-left: 0px;
}

object {
	border: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
}
div#tcontent {
	  margin-top: 0px;
}
div#tcontent h1 {
	background-color: #0A4E89;
	clear: left;
	color: white;
	display: inline;
	font-size: 10pt;
	letter-spacing: 0.1em;
	padding: 0 7pt 2pt 12px;
}
div#tcontent h2 {
	color: #27669D;
	display: block;
	font: 14pt impact, "trebuchet ms bold";
	letter-spacing: 0.1em;
	margin-top: 12pt;
	padding-left: 12px;
	padding-right: 0.5em;
	text-align: left;
}
div#tcontent a:link {
	text-decoration: none;
}
div#tcontent a:hover {
	text-decoration: underline;
}
div#tcontent p {
	display: block;
	padding: 0 0 10px 10px;
	text-align: left;
}


div.figVer {
	background-color: #DDD;
	float: right;
	font-size: 10pt;
	margin-bottom: 7px;
	margin-left: 7px;
	margin-right: 1px;
	max-width: 230px;
	text-align: left;
}
div.figHor {
	background-color: #DDD;
	float: right;
	font-size: 10pt;
	margin-bottom: 7px;
	margin-right: 1px;
	max-width: 580px;
	padding-left: 7px;
	text-align: left;
}
div.figVer p {
	font-size: 9pt;
	text-align: left;
}
div.figHor p {
	font-size: 9pt;
	text-align: left;
}
.shrink {
	font-size: smaller;
}


/*student question styles */
div#question h1 {
	clear: both;
	color: #27669D;
	font: 17pt impact, "trebuchet ms bold";
	margin-bottom: 0.3em;
	text-align: left; 
}
div#question {
	min-width: 50%;
}
div#question a:link, a:visited {
	text-decoration: none;
}
div#question a:hover {
	text-decoration: underline;
}
div#question .figure {
	background-color: #DDD;
	border: 3px outset #DDD;
	clear: left;
	float: right;
	margin-bottom: 0.5em;
	margin-left: 1em;
}
div#question .figure img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
div#question .figure object {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
div#question .figure p {
	color: #666;
	font-size: smaller;
	font-style: italic;
	padding-left: 0.7em;
	padding-right: 0.5em;
	padding-top: 1em;
	text-align: left;
	width: auto;
}
div#question .figurefull {
	background-color: #DDD;
	border: 3px outset #DDD;
	color: #666;
	display: block;
	margin: 1em auto;
	z-index: 1;
}
div#question .figurefull img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
div#question .figurefull p {
	font-size: smaller;
	font-style: italic;
	padding-left: 0.7em;
	padding-right: 0.5em;
	padding-top: 1em;
	text-align: left;
}



div#question1 h1 {
	clear: both;
	color: #27669D;
	font: 17pt impact, "trebuchet ms bold";
	margin-bottom: 0.3em;
	text-align: left; 
}
div#question1 {
	min-width: 50%;
}
div#question1 a:link, a:visited {
	text-decoration: none;
}
div#question1 a:hover {
	text-decoration: underline;
}
div#question1 .figure {
	background-color: #DDD;
	border: 3px outset #DDD;
	clear: left;
	float: right;
	margin-bottom: 0.5em;
	margin-left: 1em;
}
div#question1 .figure img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
div#question1 .figure object {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
div#question1 .figure p {
	color: #666;
	font-size: smaller;
	font-style: italic;
	padding-left: 0.7em;
	padding-right: 0.5em;
	padding-top: 1em;
	text-align: left;
	width: auto;
}
div#question1 .figurefull {
	background-color: #DDD;
	border: 3px outset #DDD;
	color: #666;
	display: block;
	margin: 1em auto;
	z-index: 1;
}
div#question1 .figurefull img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
div#question1 .figurefull p {
	font-size: smaller;
	font-style: italic;
	padding-left: 0.7em;
	padding-right: 0.5em;
	padding-top: 1em;
	text-align: left;
}






div#question div#maps-images {
	background: #111 url(img/datamapsbg.jpg) no-repeat top;
	display: block;
	height: 359px;
	margin: 5px auto 0;
	overflow: hidden;
	position: relative;
	width: 555px;
}
div#question1 div#maps-images1 {
	background-color: #111;
	display: block;
	height: 359px;
	margin: 5px auto 0;
	overflow: hidden;
	position: relative;
	width: 555px;
	}
div#question div#maps-images span { position: absolute; top: 0; left: 0; }
div#question div#maps-images span img { border: none; }

div#question1 div#maps-images1 span { position: absolute; top: 0; left: 0; }
div#question1 div#maps-images1 span img { border: none; }

div#question div#maps-buttons {
	margin: 10px auto;
	text-align: center;
	width: 100%;
}

div#question1 div#maps-buttons {
	margin: 10px auto;
	text-align: center;
	width: 100%;
}

div#question div#maps-buttons span {
	border: 1px solid #111;
	padding: 5px;
}

div#question1 div#maps-buttons span {
	border: 1px solid #111;
	padding: 5px;
}

div#question .active { background: #222; }

div#question1 .active { background: #222; }

div#localQ {
	background-color: #DDD;
	border: #DDD 2px outset;
	clear: both;
}
div#localQ h1, div#globalQ h1 {
	font-size: 1em;
	letter-spacing: 0.1em;
	margin: 0;
	padding-left: 0.7em;
	padding-right: 1em;
	padding-top: 0.7em;
}
div#localQ ul, div#globalQ ul {
	color: white;
	list-style-type: square;
	margin-bottom: 0px;
	padding-bottom: 0.5em;
	padding-left: 2em;
}
div#localQ a:link {
	text-decoration: none;
}
div#localQ a:visited {
	text-decoration: none;
}
div#localQ a:hover {
	text-decoration: underline;
}

div#globalQ {
	background-color: #CCC;
	border: #CCC 2px outset;
	clear: both;
}
div#globalQ a:link {
	text-decoration: none;
}
div#globalQ a:visited {
	text-decoration: none;
}
div#globalQ a:hover {
	text-decoration: underline;
}
.center {
	margin: auto;
	text-align: center;
}
.caption {
	font-size: 0.9em;
	text-align: center;
}
.break {
	clear: both;
	height: 0.5em;
}
map area { cursor: pointer; }
.qtip { box-shadow: 0 0 10px #aaa; }

/*thumbnail view style for students pages*/
.thumbnail {
	position: relative;
	z-index: 0;
}
.thumbnail:hover {
	background-color: transparent;
	z-index: 50;
}
.thumbnail span {
	background-color: #EEE;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 0.5em solid #CCC;
	color: black;
	font: smaller "trebuchet ms", arial, helvetica, sans-serif;
	left: -1000px;
	padding: 1em 0.5em 1em 1em;
	position: absolute;
	text-decoration: none;
	visibility: hidden;
}
.thumbnail:hover span{
	bottom: 1.5em;
	left:-18em;
	text-decoration: none;
	visibility: visible;
	width: 20em;
}
.thumbnail span a:link, a:hover, a:active, a:visited {
	text-decoration: none;
}


/*back button*/
div#back a {
	border: 2px outset;
	display: block;
	letter-spacing: 0.1em;
	padding: 0.3em 1em 0.5em 0.7em;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
}
div#back a:link {
	background-color: #999;
	color: white;
}
div#back a:visited {
	background-color: #999;
	color: white;
	text-decoration: underline;
}
div#back a:hover {
	background-color: #333;
	color: white;
}


/* footer styles*/
.footerGrey {
	background-color: #ccc;
	color: #404040;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
}
td.footer {
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}
a.footer:link, a.footer:visited {
	color: #000000;
	text-decoration: none;
}
a.footer:hover {
	text-decoration: underline;
}
div#each {
	border-top: solid 3px #0A4E89;
	clear: right;
}

#finderparent{
	padding:5px;
	float: left;
	list-style-type: none;
}
#finderparent ul{
	text-align: left;
	list-style-type: none;
	text-decoration: none;
}
#finderparent li{
	list-style-type: none;
	text-decoration: none;
}
#finderparenttwo{
	padding:5px;
	float: left;
}
#finderparenttwo ul{
	list-style-type: none;
	text-decoration: none;
}
a.boTem{
	color:#FFFFFF;
}