/* ========================== Left Menu Elements ============================================== */
.Testing
{
	table-layout: fixed;
	overflow: auto;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}


/* ===== Navigation ===== */
#LeftMenuDiv
{
		float: 					left;
		padding: 				0;
		padding: 				0;
		/*margin-right:		1px;*/
		text-align:			left;
		color:					#000;
		background-color: #fff;
		width:					131px;
}
#LeftMenuDiv A
{
	text-decoration: none;
	font-size:11px;
	color: #003;
}
#LeftMenuDiv STRONG
{
	list-style-position: inside;
	font-size:11px;
	color: #000;
}


/* ===== First level of menu ===== */
#LeftMenuDiv H1
{
	/*line-height: 25px;*/
	padding: 5px 0 5px 0;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	display: block;
	background-image:url(../images/bg_nav.jpg);
	background-repeat:repeat-y;
	background-position: top left; 
	border-bottom: 1px solid #b9c2d1;
}
#LeftMenuDiv H1 a,
#LeftMenuDiv H1 a:link,
#LeftMenuDiv H1 a:visited {
		display:				block;
		color: 						#000;
		text-decoration:	none;
		padding:3px 3px 3px 5px;
}
	
#LeftMenuDiv H1 a:hover {
		display:				block;
		color: 						#323069;
		text-decoration:	none;
		font-weight:			bold;
		padding:3px 3px 3px 5px;
}
#LeftMenuDiv H1 strong {
		display:				block;
		color: 						#323069;
		text-decoration:	none;
		font-weight:			bold;
}
/* ===== Second level of menu ===== */
#LeftMenuDiv H2 
{
	line-height: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 12px;
	background-color: #ccc ; 
	border-bottom: 1px solid #fff;
	
}

#LeftMenuDiv H2 a,
#LeftMenuDiv H2 a:link,
#LeftMenuDiv H2 a:visited {
		display: block;
		color: 						#003;
		text-decoration:	none;
		padding:3px 3px 3px 5px;
}
	
#LeftMenuDiv H2 a:hover{
		display: block;
		color: 						#000;
		text-decoration:	none;
		padding:3px 3px 3px 5px;
}
#LeftMenuDiv H2 strong{
		display: block;
		color: 						#000;
		text-decoration:	none;
		/*padding:3px 3px 3px 5px;*/
}
/* ===== Third level of menu ===== */
#LeftMenuDiv H3
{
	line-height: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	font-size:12px;
	background-color: #b1b7d2; 
	border-bottom: 1px solid #fff;
	
}
#LeftMenuDiv H3 a,
#LeftMenuDiv H3 a:link,
#LeftMenuDiv H3 a:visited {
		display: block;
		background-color: #b1b7d2;
		color: 						#000;
		text-decoration:	none;
		padding:3px 3px 3px 5px;
}
	
#LeftMenuDiv H3 a:hover
{
		display: block;
		background-color: #00003D;
		color: 						#fc6;
		text-decoration:	none;
		padding:3px 3px 3px 5px;
}
#LeftMenuDiv H3 strong
{
		display: block;
		background-color: #00003D;
		color: 						#fc6;
		text-decoration:	none;
		font-weight: normal;
		margin: -3px -3px -3px -5px;
		padding: 3px 3px 3px 5px;
}

/*** END Navigation ***/

td {

            text-align:left;

            

}

td.genericTable
{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px; 
}
/* === intro.aspx */
table.intro
{
	border-color: white;
	border-style: none;
	border-collapse: collapse;
	background: white; 
	height: 100%;
	width: 100%;
}

table.intro td
{
	border-top: 1px #ffffff solid; 
	border-left: 1px #ffffff solid;
	padding: 5px 5px 5px 5px;
	border: solid;
	border-width: thin;
	vertical-align: top;
}

table.intro a
{
	color: #000000;
}

table.intro a:visited
{
	color: Red;
}

td.PromoItem
{
	background-color: #ccc;
}

td.PlaceOfTheDay
{
	background-color: #b1b7d2;
}

td.FeatureLessonPlan
{
	background-color: #f1efe2;
}

td.HowToUseThisSite
{
	background-color: #cc0000;
	color: #ffffff;
}

td.WordOfTheDay
{
	background-color: #6a89cd;
}

td.FeaturedArticle
{
	background-color: #d8e4f8;
}

.PlaceOfTheDayHeadingPrefix
{
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
}
.PlaceOfTheDayHeadingSuffix
{
	color: #000000;
	font-weight: bold;
	font-size: 16px;
}
.FeatureLessonPlanHeading
{
	font-family:  verdana, helvetica, arial, sans-serif; 
	font-size: 16px; 
	color: #6a89cd;
	font-weight: bold;
	margin-bottom: 5px;
}

.WordOfTheDayHeading
{
	font-family:  verdana, helvetica, arial, sans-serif; 
	font-size: 12px; 
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 5px;
}

.FeaturedArticleHeading
{
	font-family:  verdana, helvetica, arial, sans-serif; 
	font-size: 12px; 
	color: Red;
	font-weight: bold;
	margin-bottom: 5px;
}

.GenericHeading
{
	font-family:  verdana, helvetica, arial, sans-serif; 
	font-size: 12px; 
	color: #000000;
	font-weight: bold;
	margin-bottom: 5px;
}

#PlaceOfTheDayImage
{
	float: left;
	border: 5px solid #ffffff;
}

#PromoItemImage
{
	float: left;
}

/* ======================================================================== */
/* === use for the drop down menu of a thematic */


#thematicContent1
{
	left: 0px;
	vertical-align: text-top;
	/*position: relative;*/
	/*bradleyfitz: position commented out because it was affecting the subthematic menu drop down */
	text-align:left;
	top: 1px;

}
#subThematicContent
{
	padding-right: 8px;
	padding-left: 8px;
	vertical-align: text-top;
	text-align: left;
}

span.SubThematicContentInset
{
	background-color: #ccc;
	padding: 5px 5px 5px 5px;
	display: block;
}
.SubThematicContentImage-left {
	float:left;
	font-family:  verdana, helvetica, arial, sans-serif; 
	font-size: 9px;
	padding: 0;
	margin: 5px 5px 5px 0;
	text-align: center;
}

.SubThematicContentImage-right {
	float:right;
	font-family:  verdana, helvetica, arial, sans-serif; 
	font-size: 9px;
	padding: 0;
	margin: 5px 0 5px 5px;
	text-align: center;
}
  .SynopsisBox {
    height:50px;
    float:right;
    width:1px;
  }

  .SynopsisClear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

#SubThematicPreview 
{
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	font-size: 12px;
}

#PreviewHeader
{
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: #ffcc33;
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	background-color: #666;
}
#SubThematicPreview a
{
	text-transform: none;
	text-decoration: none;
	color: 333;
	
}
#SubThematicPreview a:hover
{
	color: #333399;
	
}
#PreviewHeader strong
{
	font-size: 12px;
	text-transform: none;
	color: #ffffff;
	position: static;
}

.DidYouKnow
{
	text-align: left;
	padding-left: 5px;
	padding-right: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 131px;
	font-size: 12px;
	color: white;
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	background-color: #333366;
}
table.DidYouKnowTable
{
	font-size: 12px;
	color: white;
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	border: none;
}

table.DidYouKnowTable td
{
	text-align: left;
	padding: 0,0,0,0;
	background: none;
	border: none;
}

.DidYouKnow a
{
	text-decoration : none;
	color:White ;
}
.DidYouKnow a:hover
{
	text-decoration : none;
	color:red ;
}
.DidYouKnowAnswer
{
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 12px;
	color: white;
	background-color: #cc0000;
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	left: 3px;
	width: 123px;
}
.DidYouKnowLink
{
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.DidYouKnowCorrect
{
	font-size: 12px;
	color: black;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	background-color: #333366;
}
.FastFact
{
	padding-right: 3px;
	padding-left: 3px;
	font-size: 12px;
	margin: 3px;
	color: white;
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	background-color: #330099;

}
.FastFact strong
{
	font-weight: bold;
	font-size: 18px;
	font-style: italic;
}

#FeaturedLinks td
{
	margin-top: 0px;
	font-weight: normal;
	list-style-position: outside;
	font-size: 11px;
	/*list-style-image: url(Images/pointer_purple.gif);
	margin-left: -30px;*/
	color: #666;
	font-family: verdana, helvetica, arial, sans-serif;
	position: static;
}
#FeaturedLinks li
{
	list-style-position: outside;
	list-style-image: url(Images/pointer_purple.gif);
	line-height: 14px;
}

/* ======================================================================== */
.Toolbar
{
	margin-top: 0px;
	font-weight: bold;
	font-size: small;
	background-image: none;
	margin-bottom: 0px;
	vertical-align: super;
	cursor: hand;
	color: darkslategray;
	font-family: Arial, Universe, Helvetica;
	letter-spacing: -1pt;
	background-color: transparent;
	font-variant: normal;
	text-decoration: none;
	background-repeat:no-repeat ;
}
.Toolbar A
{
		text-decoration: none;
		color: darkslategray;
	
}

.Toolbar INPUT
{
	background-color: transparent;
}



/* From Jimmy */
body {
	background-color : #fff;
	font-family:  verdana, helvetica, arial, sans-serif;
}

 /* ************************************************************************************************************************************/
 /* ***************************************************** common Elements  *******************************************************/

h1 
{ 	
			font-family: trebuchet ms, verdana, helvetica, arial, sans-serif; 
			font-size: 14px; 
			margin-bottom:0px;
			padding-bottom:0px; 
			letter-spacing: 0px; 
			font-weight:bold; 
 }
 
 h2
{ 	
			font-family: trebuchet ms, verdana, helvetica, arial, sans-serif; 
			font-size: 12px; 
			margin-bottom:0px;
			padding-bottom:0px; 
			letter-spacing: 0px; 
			font-weight:bold; 
 }
 
 h3
{ 	
			font-family: trebuchet ms, verdana, helvetica, arial, sans-serif; 
			font-size: 12px; 
			margin-bottom:0px;
			padding-bottom:0px; 
			letter-spacing: 0px; 
			font-weight:normal; 
 }

p
{ 	
			font-family:  verdana, helvetica, arial, sans-serif; 
			font-size: 11px; 
			line-height: 14px;
			font-weight:normal; 
			margin-top:0px;  
			padding-top:0px; 
 } 
 
input
{ 	
			font-family:  verdana, helvetica, arial, sans-serif; 
			font-size: 11px; 
			line-height: 14px;
			font-weight:normal; 
			margin-top:0px;  
			padding-top:0px; 
/*		   	border-right: #CCC thin solid;
			border-top: #CCC thin solid;*/
 } 
 
 label
{ 	
			font-family:  verdana, helvetica, arial, sans-serif; 
			font-size: 11px; 
			line-height: 14px;
			font-weight:normal; 
			margin-top:0px;  
			padding-top:0px; 
 }
ul,ol, li, blockquote
{ 	
			font-family:  verdana, helvetica, arial, sans-serif; 
			font-size: 11px; 
			font-weight:normal; 
			line-height: 14px;
 } 
 
b, strong {	font-weight: bold;}
i, em { font-style: italic;}


.ListText
{	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	font-variant: normal;
	text-decoration: none;
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif; 
	font-size: 14px; 
	color: #333;
}
  /* ************************************************************************************************************************************/
   /* *************** styles for the header section  on all pages - contains search, home, and language features******************/
  
#pipe { 
 font-family: trebuchet ms, verdana, helvetica, arial, sans-serif; 
			 color: #666;
			font-size: 13px; 
			text-decoration: none;
}

  /* ************************************************************************************************************************************/
 /* *********************************************** These are styles for top navigation  ************************************************/

#topNav
{ 	
			font-family: trebuchet ms, verdana, helvetica, arial, sans-serif; 
			font-size: 11px; 
			font-weight:bold; 
			color: #fff;
 }
	
#topNav a
{ 	
			color: #fc6;
			text-decoration: none;
 }
 
 #topNav a:link
{ 	
			color: #fc6;
			text-decoration: none;
 }
 
 #topNav a:hover
{ 	
			color: #fff;
			text-decoration: none;
 }
 
 #topNav a:visited
{ 	
			text-decoration: none;
 }
  /* ************************************************************************************************************************************/
 /* *********************************************** These are styles for home page  ************************************************/
 
 
    /* ********************** homepage - go to atlas   links***************************/
 #homepage_atlas a {
 			font-family: trebuchet ms, verdana, helvetica, arial, sans-serif; 
			color: #fff;
			font-size: 14px; 
			font-weight:bold; 
			font-style: italic;
			text-decoration: none;
}

 #homepage_atlas a:link {
 			font-family: trebuchet ms, verdana, helvetica, arial, sans-serif; 
			color: #fff;
			font-size: 14px; 
			font-weight:bold; 
			font-style: italic;
			text-decoration: none;
}

 #homepage_atlas a:visited {
 			font-family: trebuchet ms, verdana, helvetica, arial, sans-serif; 
			color: #fff;
			font-size: 14px; 
			font-weight:bold; 
			font-style: italic;
			text-decoration: none;
}

 
   /* ********************** homepage - welcome section   ***************************/
 #homepage_welcome
{
	font-weight: normal;
	font-size: 11px;
	left: 3px;
	color: #333;
	line-height: 14px;
/*	font-style: italic; */
	position: relative;
}

   /* *************** homepage - content for the 2 sections  "what..." and "why...***************/
   
 .homepage_content {
			color: #666;
			left: 3px;
			font-size: 11px; 
			line-height: 14px;
			font-weight:normal; 
/*			font-style: italic; */
}
 /* ************************************************************************************************************************************/
/* *************** style for Next/Previous box on pages.***************/
   
#nextPreviousButtons
{
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#nextPrevious
{
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: #CCC thin solid;
	border-right: #CCC thin solid;
	border-top: #CCC thin solid;
	border-bottom: #CCC thin solid;
	width: 131px;
	
}

#nextPrevious h1
{
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	letter-spacing: 0px;
}

#nextPrevious p {
			font-family:  verdana, helvetica, arial, sans-serif; 
			font-size: 11px; 
			line-height: 14px;
			font-weight:normal; 
		    TEXT-ALIGN: center;
			color: #666;
}
#nextPrevious a:hover
{
	left: 1px;
	top: 1px;
}
#nextPrevious disabled
{
	visibility: hidden;
}
	
 /* ************************************************************************************************************************************/
.gotoMap a
{
	text-decoration:none;
}

.submit_button{
	color:#fff;
   font-family:Arial, Helvetica, sans-serif;
   font-size:90%;
   font-weight:bold;
   background-color:#666;
   border:1px  ridge;
   border-top-color:#666;
   border-left-color:#666;
   border-right-color:#666;
   border-bottom-color:#666;
}

a.findoutmore { 	
	color: #fff;
	text-decoration: underline;
}

a.findoutmore:link { 	
	color: #fff;
	text-decoration: underline;
}
 
a.findoutmore:hover { 	
	color: #fff;
	text-decoration: underline;
}
 
a.findoutmore:visited { 	
	color: #fff;
	text-decoration: underline;
}

p.content 
{
	line-height:17px;	
}

a
{
	color:#333399;
}

a:visited
{
	color: Purple;
}

/* BEGIN Gazetteer */
table.gazetteer a 
{
	color: 					#ffcc00;
	font-weight:			bold; 
	font-size: 				12px;
	text-decoration: 		none;
	font-family:  			Arial, Verdana, Helvetica, sans-serif;
}

table.gazetteer a:visited
{
	color: #ffcc00;
}

table.gazetteer th
{
	text-align:	left;
	background-color:		#003366;
	font-weight:			bold; 
	font-size: 				12px;
	text-decoration: 		none;
	font-family:  			Arial, Verdana, Helvetica, sans-serif;
}

table.gazetteer td
{
	text-align:	left;
	background-color:		#ffcc00;
	font-size: 				12px;
	text-decoration: 		none;
	font-family:  			Arial, Verdana, Helvetica, sans-serif;
}
/* END Gazetteer */

/* BEGIN Glossary */
#wordOfTheDayHeader
{
	padding-left: 5px;
	text-align:	left;
	color: #fff4c6;
	background-color:		#8694ae;
	font-weight:			bold; 
	font-size: 				14px;
	text-decoration: 		none;
	font-family:  			Arial, Verdana, Helvetica, sans-serif;
}

#wordOfTheDayContent
{
	padding-left: 5px;
	text-align:	left;
	background-color:		#fff4c6;
	font-size: 				12px;
	text-decoration: 		none;
	font-family:  			Arial, Verdana, Helvetica, sans-serif;
} 

table.glossary
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	/*background-color: #fff4c6;*/
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

#glossaryList {
	padding: 					5px 0 0 0;
	margin:						0;
	float:						left; 
	text-align:				left; 
	width:						250px; 
	/*background-color:	#fff4c6;*/
	background-color: White;
	color:						#000;
}

.glossaryDefinition 
{
	padding: 					0 0 5px 5px;
	margin:						0;
	float:						right; 
	text-align:					left; 
	text-align: left;
	background-image:url(../images/bg_glossaryDefinition.jpg);
	background-repeat: repeat-y;
	font-size: 				12px;
	text-decoration: 		none;
	font-family:  			Arial, Verdana, Helvetica, sans-serif;
}
.glossaryDefinition div.term
{
	padding-top: 2px;
	font-weight: bold;
}
.glossaryDefinition div.text
{
	padding: 0 0 3px 0;
}
/* END Glossary */

/* BEGIN LIGHTBOX */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/* END LIGHTBOX */