/*All Templates*/
html {
  background-color: #C7C7C7;
}

body {
  padding: 0px;
  width: 970px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
  white-space: pre-wrap;
  color: #ffffff;
  margin-top: 2px;
  font-size: 0.95em;
}

a {
  text-decoration: none;
  color: #ffffff;
}

a img {
  border: 1px solid #676361;
}

a img:hover {
  /*border: 1px solid white;*/
}

h1 {
  color: white;
  padding: 2px;
  font-size: 2.0em;
  margin: 10px auto;
}

h2 {
  color: white;
  margin-bottom: 2px;
  font-size: 1.5em;
}

/*Deeplink-----------------------------------------------------------------------------------------------------------------*/
.deeplink {
  text-align: center;
  background-color: #252424;
  width: 960px;
  margin: 5px auto;
  padding: 5px;
  float: left;
  border: 2px solid #050404;
}

.deeplink:hover {
  background-color: #474545;
  /*border: 2px solid #fff;*/
}

.deeplink a {
  color: #eee;
  font-weight: bold;
  font-size: 1em;
  display: block;
  padding: 10px;
}

.deeplink a:hover {
  color: #fff;
}

/*Header-----------------------------------------------------------------------------------------------------------------*/
#header {
  clear: both;
  background-color: #D6C59F;
  width: 950px;
  margin: 5px auto;
  padding: 0;
  height: 100px;
}

#headerLogo {
  float: left;
  padding: 5px;
  border: 2px solid #ffffff;
}

#headerLogo object {
  height: 60px;
  width: 210px;
  margin-left: 0;
}

#headerLogo embed {
  height: 60px;
  width: 210px;
  margin-left: 0;
}

#headerLinksBox {
  float: left;
  width: 100%;
}

.headerLinks {
  float: right;
  margin: 5px 10px;
}

.headerLinks a {
  color: black;
  text-decoration: none;
  font-size: 0.9em;
}

.headerLinks a:hover {
  color: white;
}

/*Logo---------------------------------*/
#logo {
  clear: both;
  background-color: #D6C59F;
  width: 950px;
  margin: 5px auto;
  padding: 0;
  height: 100px;
}

#logo {
  float: left;
  width: 960px;
  padding: 5px;
  background-color: #ffffff;
  border: 2px solid #ffffff;
}

#logo object {
  height: 60px;
  width: 210px;
  margin-left: 0;
}

#logo embed {
  height: 60px;
  width: 210px;
  margin-left: 0;
}

#headerLinksBox {
  float: right;
}

.headerLinks {
  float: right;
  margin: 5px 10px;
}

.headerLinks a {
  color: black;
  text-decoration: none;
  font-size: 0.9em;
}

.headerLinks a:hover {
  color: white;
}

/*mainMenu -----------------------------------------------------------------------------------------------------------------*/
#mainMenu {
  clear: both;
  height: auto;
  width: 960px;
  margin: 0 auto;
  padding: 5px;
  background-color: #423D3A;
  float: left;
  border: 2px solid #333130;
}

.mainMenuItem {
  margin: 5px 10px;
  padding: 10px 25px;
  border: 2px solid #33302D;
  float: left;
  background-color: #5D5956;
  font-size: 1em;
  color: #ffffff;
}

.mainMenuItem:hover {
  background-color: #787471;
  /*border: 2px solid #84807C;*/
}

/*Main Body of Content-----------------------------------------------------------------------------------------------------------------*/
#content {
  background-color: #676360;
  border: 2px solid #333130;
  clear: both;
  width: 960px;
  margin: 0 auto;
  padding: 5px;
  padding-bottom: 5px;
  float: left;
}

#navigation {
  margin: 5px auto;
  width: 954px;
  background-color: #5B5855;
  border: 0px solid #4C4846;
  padding: 2px;
  min-height: 40px;
  float: left;
}

.navItem {
  float: left;
  margin: 5px;
  padding: 6px;
  border: 1px solid #54514E;
  background-color: #4F4C49;
}

.navItem:hover {
  background-color: #65625F;
  /*border-color: 1px solid #706C69;*/
}

.navItem a {
  font-weight: bold;
  color: white;
}

.navItem:hover a {
  font-weight: bold;
  color: #ffffff;
}

/*Theme list -----------------------------------------------------------------------------------------------------------------*/
#topMenuBox {
  clear: both;
  height: 100px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  background-color: #5B5855;
  border: 0px solid #4C4846;
}

.horizontalList {
  float: left;
  margin: 10px 0 5px 3px;
  background-color: #252424;
  height: 75px;
  width: 140px;
  padding: 4px 3px 0 8px;
  color: #ADADAD;
  font-size: 0.8em;
  border: 0px solid #484646;
}

.horizontalList:hover {
 /* background-color: #2F2E2E;
  border: 1px solid #9F3133;
  font-size: 0.8em;
  color: #ffffff;
  padding-left: 0px;*/
}

.horizontalList img {
  border: 1px solid #484646;
}

.horizontalList:hover img {
  /*border: 1px solid #9F3133;*/
}

.listThmb {
  float: left;
  width: 130px;
  height: 40px;
  margin: 3px 3px 5px 1px;
}

.listThmb img {
  width: 130px;
  height: 40px;
}

#bottomContentBox {
  clear: both;
  width: 913px;
  margin: 5px auto;
  padding: 0 20px 20px 20px;
  background-color: #B0AFAE;
  border: 2px solid #9E9D9D;
  float: left;
}

               /*#leftMenuBox /*Menu box on the left side
{
	float:left;
	width:240px;
	background-color:#F6F1DB;
	border:2px solid #E7DCBF;
	margin-right:3px;
}

#leftMenuBox h1
{
	font-size:1.3em;
	font-style:normal;
	color:#49352E;
}
*/
                /*.verticalList /*Vertical List DIV
{
	clear:both;
	width:228px;
	height:64px;
	background-color:#E5DECA;
	margin:3px;
	padding:2px;
	border:1px solid #E7DCBF;
}

.verticalList:hover
{
	background-color:#D3CBB8;
	border-color:#FFFFFF;
}*/
#thmeContentBox {
  background-color: #4C4C4C;
  border: 2px solid #424242;
  float: left;
  clear: both;
  width: 913px;
  margin: 5px auto;
  padding: 0 20px 20px 20px;
}

.thmeExternalLinks {
  background-color: #5D5B5A;
  padding: 5px;
  margin: 2px;
  margin-top: 10px;
  float: left;
}

.thmeExternalLinks strong {
  font-size: 0.9em;
  color: white;
  padding: 2px;
  margin: 3px;
}

.thmeExternalLinks a {
  background-color: #565453;
  border: 1px solid #514F4E;
  font-size: 0.8em;
  color: #898989;
  margin: 3px;
  padding: 2px 10px;
  display: block;
}

.thmeExternalLinks a:hover {
  background-color: #6D6A68;
  /*border: 1px solid #777574;*/
  color: #DEDEDE;
}

#thmeVideo {
  width: 640px;
  height: 360px;
  border: 2px solid #3D3D3D;
  padding: 10px;
  background-color: #424242;
  margin: 3px;
  margin-bottom: 10px;
}

#thmeVideo object {
  width: 640px;
  height: 360px;
}

#thmeVideo embed {
  width: 640px;
  height: 360px;
}

#thmeLinks {
  margin-bottom: 30px;
}

#topContentBox {
  background-color: #313131;
  border: 2px solid #282828;
  float: left;
  clear: both;
  width: 913px;
  margin: 5px auto;
  padding: 0 20px 20px 20px;
}

.topExternalLinks {
  background-color: #2B2B2A;
  padding: 5px;
  margin: 2px;
  margin-top: 10px;
  float: left;
}

.topExternalLinks strong {
  font-size: 0.9em;
  color: white;
  padding: 2px;
  margin: 3px;
}

.topExternalLinks a {
  background-color: #212121;
  border: 1px solid #161616;
  font-size: 0.8em;
  color: white;
  margin: 3px;
  padding: 2px 10px;
  display: block;
}

.topExternalLinks a:hover {
  background-color: #393939;
  /*border: 1px solid #424242;*/
  color: #E5E3E3;
}

#topMediaLink {
  float: left;
  background-color: #2B2B2A;
  width: 100%;
  margin: 0;
}

.topMediaThmb {
  margin: 5px;
  float: left;
}

.topMediaThmb img {
  max-height: 38px;
  max-width: 64px;
}

#bldContentBox {
  background-color: #1C1C1C;
  border: 2px solid #282828;
  float: left;
  clear: both;
  width: 913px;
  margin: 5px auto;
  padding: 0 20px 20px 20px;
}

.bldExternalLinks {
  background-color: #2B2B2A;
  padding: 5px;
  margin: 2px;
  margin-top: 10px;
  float: left;
  max-width: 460px;
}

.bldExternalLinks strong {
  font-size: 0.9em;
  color: #ffffff;
  padding: 2px;
  margin: 3px;
}

.bldExternalLinks a {
  background-color: #353534;
  border: 1px solid #30302F;
  font-size: 0.8em;
  color: #ffffff;
  margin: 3px;
  padding: 2px 10px;
  display: block;
}

.bldExternalLinks a:hover {
  background-color: #3F3F3E;
  /*border: 1px solid #353534;*/
  color: #E5E3E3;
}

.bldExternalLinks video {
  background-color: red;
  margin-top: 5px;
}

#bldMediaLink {
  float: left;
  background-color: #2B2B2A;
  width: 100%;
  margin: 0;
}

#document {
  background: red;
}

#facContentBox {
  background-color: #313131;
  border: 2px solid #2B2B2B;
  float: left;
  clear: both;
  width: 913px;
  margin: 5px auto;
  padding: 0 20px 20px 20px;
}

.facExternalLinks {
  background-color: #2B2B2A;
  padding: 5px;
  margin: 2px;
  margin-top: 10px;
  float: left;
}

.facExternalLinks strong {
  font-size: 0.9em;
  color: white;
  padding: 2px;
  margin: 3px;
}

.facExternalLinks a {
  background-color: #353534;
  border: 1px solid #30302F;
  font-size: 0.8em;
  color: white;
  margin: 3px;
  padding: 2px 10px;
  display: block;
}

.facExternalLinks a:hover {
  background-color: #3F3F3E;
  /*border: 1px solid #353534;*/
  color: #E5E3E3;
}

#facMediaLink {
  float: left;
  background-color: #2B2B2A;
  width: 100%;
  margin: 0;
}

#perContentBox {
  background-color: #424242;
  border: 2px solid #3D3D3D;
  float: left;
  clear: both;
  width: 913px;
  margin: 5px auto;
  padding: 0 20px 20px 20px;
}

#perContentBox h2 {
  color: #AFAFAF;
  padding: 2px;
  margin: 10px auto;
}

#perContentBox img {
  float: left;
  margin-right: 20px;
  border: 1px solid #5E5E5E;
}

#perContentBox p strong {
  color: white;
}

.perExternalLinks {
  background-color: #454545;
  padding: 5px;
  margin: 2px;
  margin-top: 10px;
  float: left;
}

.perExternalLinks strong {
  font-size: 0.9em;
  color: white;
  padding: 2px;
  margin: 3px;
}

.perExternalLinks a {
  background-color: #4C4C4C;
  border: 1px solid #515151;
  font-size: 0.8em;
  color: white;
  margin: 3px;
  padding: 2px 10px;
  display: block;
}

.perExternalLinks a:hover {
  background-color: #515151;
  /*border: 1px solid #5E5E5E;*/
  color: #E5E3E3;
}

#imgContentBox {
  background-color: #5B5855;
  border: 2px solid #54514E;
  float: left;
  clear: both;
  width: 913px;
  margin: 5px auto;
  padding: 0 20px 20px 20px;
}

.imgtextBox {
  zoom: 1;
  margin: 5px;
}

.imgtextBox p {
  font-size: 0.8em;
  color: #ffffff;
}

                   /*#rightContentBox /*Box for content when using Left Menu Box
{
	float:left;
	width:703px;
	padding:5px;
	background-color:#F6F1DB;
	border:2px solid #E7DCBF;
}

#rightContentBox h1
{
	font-Style:normal;
	color:#49352E;
}

#rightContentBox h2
{
	font-Style:normal;
	color:#49352E;
}*/
.textBox {
  zoom: 1;
  margin: 5px;
}

.textBox h1 {
  color: white;
  padding: 0;
  font-size: 2.0em;
  margin: 10px auto;
}

.linkBox {
  clear: both;
}

.linkBox a {
  display: block;
}

.floatBreaker {
  clear: both;
}

/*main Template-----------------------------------------------------------------------------------------------------------------*/
                  /*.backgroundText /*Background Text P
{
	font-size:2.5em;
	font-style:italic;
	padding:0px;
	margin:0px;
}--*/
/*THME Template-----------------------------------------------------------------------------------------------------------------*/
.thmeLinearLayerObject {
  width: 444px;
  background-color: #E5DECA;
  margin: 3px;
  padding: 2px;
  border: 1px solid #E7DCBF;
}

.thmeLinearLayerObject:hover {
  background-color: #D3CBB8;
  border-color: #FFFFFF;
}

.thmeLinearLayerObject a {
  display: block;
}

/*Vignette Template----------------------------------------------------------------------------------------------------------------*/
#objectMediaLink {
  float: left;
  background-color: #A5A4A3;
  width: 100%;
  margin: 0;
}

.objectMediaThmb {
  margin: 5px;
  float: left;
}

.objectMediaThmb img {
  max-height: 90px;
  max-width: 120px;
}

                 /*.vignetteLinks /*Vignette Links DIV
{
	margin:5px;
	margin-top:30px;
	float:left;
	width:300px;
	background-color:#EFEAD5;
	padding:3px;
}

.vignetteLinks h2
{
	padding:2px;
	margin:3px;
}

.vignetteLinks a
{
	display:block;
	background-color:#E5DECA;
	margin:3px;
	padding:2px;
	border:1px solid #E7DCBF;
}

.vignetteLinks a:hover
{
	background-color:#D3CBB8;
	border-color:#FFFFFF;
}*/
/*Map Template-----------------------------------------------------------------------------------------------------------------*/
#mapTitle {
  margin-left: 10px;
}

#mapTitle h1 {
  color: #ffffff;
}

#mapTitle h2 {
  color: #ffffff;
  padding: 2px;
  margin: 10px auto;
}

#mapTop {
  width: 722px;
  margin: 0 auto;
  border: 2px solid #C2C2C2;
  border-bottom: none;
  padding: 10px 10px 0px 10px;
  background-color: #ffffff;
}

#mapTop img {
  height: 256px;
}

#mapBottom {
  width: 722px;
  margin: 0 auto;
  margin-bottom: 10px;
  border: 2px solid #C2C2C2;
  border-top: none;
  padding: 0px 10px 10px 10px;
  background-color: #ffffff;
}

#mapBottom img {
  height: 44px;
}

/*#printMapLink
{
	margin-left:21px;
	padding:3px;
	display:inline;
	border:1px solid #E7DCBF;
	background-color:#E5DECA;
}

#printMapLink:hover
{
	background-color:#D3CBB8;
	border-color:#FFFFFF;
}

#printMapLink a
{
	color:#57311E;
	display:inline;
	font-weight:bold;
}--*/
.mapLinks {
  margin: 10px 0px 20px 15px;
  float: left;
  width: 270px;
  background-color: #423D3A;
  padding: 3px;
}

.mapLinks h2 {
  padding: 2px;
  margin: 3px;
  color: #ffffff;
}

.mapLinks a {
  display: block;
  background-color: #393533;
  margin: 1px;
  padding: 1px 5px;
  border: 1px solid #35312F;
  font-size: 0.9em;
  color: #C4BCBC;
}

.mapLinks a:hover {
  background-color: #484441;
  border-color: #4D4946;
  color: #F6F6F6;
}

.perList {
  margin: 10px 0px 20px 15px;
  float: left;
  width: 400px;
  background-color: #423D3A;
  padding: 3px;
}

.perList a {
  display: block;
  background-color: #393533;
  margin: 5px;
  padding: 5px;
  border: 1px solid #35312F;
  font-size: 0.8em;
  color: #ffffff;
  min-height: 70px;
}

.perList a:hover {
  background-color: #484441;
  border-color: #4D4946;
  color: #F6F6F6;
}

.perList a h4 {
  padding: 2px;
  margin: 1px;
  color: #9E4141;
  font-size: 1.0em;
}

.perList a:hover h4 {
  padding: 2px;
  margin: 1px;
  color: #DC0F11;
  font-size: 1.0em;
}

.perList a img {
  float: left;
  margin-right: 5px;
}

.perList a:hover img {
  /*border: 1px solid #756E69;*/
}

.layLinks {
  margin: 10px 0px 20px 15px;
  float: left;
  width: 270px;
  background-color: #453F3C;
  padding: 3px;
}

.layLinks h2 {
  padding: 2px;
  margin: 3px;
  color: #979797;
}

.layLinks a {
  display: block;
  background-color: #3D3836;
  margin: 2px 3px;
  padding: 1px 5px;
  border: 1px solid #504B49;
  font-size: 0.9em;
  color: #C4BCBC;
}

.layLinks a:hover {
  background-color: #4C4542;
  border-color: #5F5855;
  color: #F6F6F6;
}

/*Building Template-----------------------------------------------------------------------------------------------------------------*/
            /*.bldLinks /*Building Links DIV
{
	float:left;
	width:226px;
	background-color:#EFEAD5;
	padding:3px;
	margin:3px;
	margin-top:30px;
}

.bldLinks h2
{
	text-align:center;
	padding:2px;
	margin:3px;
}*/
              /*.bldVerticalList /*Vertical List DIV
{
	clear:both;
	width:214px;
	height:64px;
	background-color:#E5DECA;
	margin:3px;
	padding:2px;
	border:1px solid #E7DCBF;
}

.bldVerticalList:hover
{
	background-color:#D3CBB8;
	border-color:#FFFFFF;
}

.bldListTitle /*List Title DIV
{
	float:left;
	width:143px;
	padding-left:3px;
	padding-right:3px;
	height:62px;
	font-size:0.9em;
}

.bldLinks a
{
	display:block;
	height:62px;
}

.bldLinks img
{
	height:62px;
	width:62px;
}*/
 /*.bldExternalLinks
{	
	float:left;
	background-color:#A5A4A3;
	padding:5px;
	margin:2px;
	margin-top:10px;
}
.bldExternalLinks strong{	padding:2px;	margin:3px; font-size:0.9em; color:white;}
.bldExternalLinks a
{
	display:block;
	background-color:#9E9D9D;
	margin:3px;
	padding:2px 10px;
	border:1px solid #999999;
	font-size:0.8em;
	font:#636363;
}
.bldExternalLinks a:hover{	background-color:#A8A8A8;	color:#DEDEDE; border:1px solid #9E9E9E;}--*/
/*Span Template-----------------------------------------------------------------------------------------------------------------*/
/*#spanImg img
{
	max-height:235px;
	max-width:235px;
}

#spanTop
{
	clear:both;
	margin-left:240px;
}

#spanMiddle
{
	margin-left:5px;
}

#spanDown
{
	clear:both;
	margin-left:240px;
}---*/
/*Video Template-----------------------------------------------------------------------------------------------------------------*/
#comVideo {
  width: 288px;
  height: 162px;
  border: 2px solid #383737;
  padding: 10px;
  background-color: #191919;
  margin: 3px;
}

#comVideo object {
  width: 288px;
  height: 162px;
}

#comVideo embed {
  width: 288px;
  height: 162px;
}

/*Timeline Template-----------------------------------------------------------------------------------------------------------------*/
               /*.timeList /*Horizontal List DIV
{
	float:left;
	width:306px;
	height:64px;
	background-color:#E5DECA;
	margin:3px;
	padding:2px;
	border:1px solid #FFFFFF;
}

.timeList:hover
{
	background-color:#D3CBB8;
	border-color:#FFFFFF;
}

.timeListTitle /*Time List Title DIV
{
	float:left;
	width:232px;
	padding-left:3px;
	height:62px;
}

.timeListTitle a
{
	color:#57311E;
	display:block;
	height:62px;
	font-size:0.9em;
}*/
/*TourStop Template-----------------------------------------------------------------------------------------------------------------*/
/*.tourStopImage img
{
	border:2px solid #D3CBB8;
	padding:10px;
	background-color:#E5DECA;
	margin-bottom:10px;
}

.tourStopLinks
{
	width:250px;
	background-color:#EFEAD5;
	padding:3px;
	margin:3px;
	margin-top:30px;
}

.tourStopLinks h2
{
	padding:2px;
	margin:3px;
}

.tourStopLinks a
{
	display:block;
	background-color:#E5DECA;
	margin:3px;
	padding:2px;
	border:1px solid #E7DCBF;
}

.tourStopLinks a:hover
{
	background-color:#D3CBB8;
	border-color:#FFFFFF;
}----*/
/*Event Template-----------------------------------------------------------------------------------------------------------------*/
/*.eventImage img
{
	border:2px solid #D3CBB8;
	padding:10px;
	background-color:#E5DECA;
	margin:3px;
}

.eventLinks
{
	width:250px;
	background-color:#EFEAD5;
	padding:3px;
	margin:3px;
	margin-top:30px;
}

.eventLinks h2
{
	padding:2px;
	margin:3px;
}


.eventLinks a
{
	display:block;
	background-color:#E5DECA;
	margin:3px;
	padding:2px;
	border:1px solid #E7DCBF;
}

.eventLinks a:hover
{
	background-color:#D3CBB8;
	border-color:#FFFFFF;
}--*/
/*Image Template-----------------------------------------------------------------------------------------------------------------*/
.imgBox img {
  border: 1px solid #111010;
  padding: 0px;
  background-color: #000000;
  margin: 0px;
  max-width:100%;
}

/*Random Map Objects Template----------------------------------------------------------------------------------------------------------------*/
/*.rmoLinks
{
	width:250px;
	background-color:#EFEAD5;
	padding:3px;
	margin:3px;
	margin-top:30px;
}

.rmoLinks h2
{
	padding:2px;
	margin:3px;
}

.rmoLinks a
{
	display:block;
	background-color:#E5DECA;
	margin:3px;
	padding:2px;
	border:1px solid #E7DCBF;
}

.rmoLinks a:hover
{
	background-color:#D3CBB8;
	border-color:#FFFFFF;
}--*/
/*Topic Template-----------------------------------------------------------------------------------------------------------------*/
/*.topicLinks
{
	width:250px;
	background-color:#EFEAD5;
	padding:3px;
	margin:3px;
	margin-top:30px;
}

.topicLinks h2
{
	padding:2px;
	margin:3px;
}

.topicLinks a
{
	display:block;
	background-color:#E5DECA;
	margin:3px;
	padding:2px;
	border:1px solid #E7DCBF;
}

.topicLinks a:hover
{
	background-color:#D3CBB8;
	border-color:#FFFFFF;
}--*/
/*Layer Template-----------------------------------------------------------------------------------------------------------------*/
/*#layLinks
{
	width:240px;
	background-color:#EFEAD5;
	padding:3px;
	margin:3px;
	margin-top:30px;
}-*/
.gMapTip {
  margin-left: 10px;
  margin-top: 5px;
}

div#header {
  background: transparent;
  width: 100%;
  padding: 5px 0px 5px 0px;
  margin: 0px;
}

div#headerLogo {
  border: 0px;
}

a img {
  border: 0px;
}

body {
  /* background: black; */
  width: 100%;
  /* text-align: center; */
}

#body {
  background: blue;
}

html {
  background-color: #043a76;
  margin: 20px;
  /* text-align: center; */
}

a, p, li {
  color: white;
  /* text-align: center; */
}

.headerLinks a {
  color: white;
}

main#maincontent {
  width: 100%;
  border: 0px;
}

div#mainMenu {
  width: 100%;
  border: 0px;
  padding: 0px;
  padding: 5px 0px 5px 0px;
  background: transparent;
  text-align: center;
}

div#content {
  width: 100%;
  border: 0px;
  padding: 5px 0px 5px 0px;
  background: transparent;
}

.deeplink {
  width: 100%;
  border: 0px;
  padding: 5px 0px 5px 0px;
  margin: 0px;
}

div#topMenuBox {
  padding: 5px 0px 5px 0px;
  background: transparent;
  /* text-align: center; */
  /* display: block; */
}

.horizontalList {
  /* text-align: center; */
  /* display: block; */
}

.listThmb {
  display: block;
  color: white;
  font-size: 18px;
  border: 0px;
}
.listThmb:hover {
  border: 0px;
}

a {
  /* height: auto; */
  /* width: auto; */
}
.thmeExternalLinks a {
    color: white;
}