@font-face {
    font-family: 'nobelbook';
    src: url('nobel-book-webfont.eot');
    src: url('nobel-book-webfont.eot?#iefix') format('embedded-opentype'),
        
         url('nobel-book-webfont.woff') format('woff'),
         url('nobel-book-webfont.ttf') format('truetype'),
         url('nobel-book-webfont.svg#nobelbook') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nobelbold';
    src: url('nobel-bold-webfont.eot');
    src: url('nobel-bold-webfont.eot?#iefix') format('embedded-opentype'),
     
         url('nobel-bold-webfont.woff') format('woff'),
         url('nobel-bold-webfont.ttf') format('truetype'),
         url('nobel-bold-webfont.svg#nobelbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




html{height: 100% !important;
	font-size: 80%;
	    -webkit-text-size-adjust: 100%;
   
}


body
{	
	padding: 0;
	margin: 0px auto 0 auto !important;
	background-color: #FAFAFA;
	font-size: 1em; /* Resets 1em to 12px */
	font-family: TimesNewRoman, Sans-Serif;
	color: #000;
	text-align: left;
	width: 900px;
    -webkit-text-size-adjust: 100%;
}

	a {font-size: 1em; text-decoration:none; color:#000;}
a:link { color: #000;}
a:visited { color: #000;}
a:hover { color: #999;}
a:active { color: #000;}
a img {border:none;}
  .boldlink{font-family: nobelbold;}
#menu a:link{color: #ab423d;} 
#menu a:visited{color: #ab423d;} 
#menu a:hover{color:#999;} 

.cwwrap{width: 500px;}

/*
#info{
	display: block;
	margin: 60px auto;
	width: 900px;
	font-family:"DTLNobelT-Light";
	color:#000;
	font-size:1em;
	font-weight:;

}
*/



.center{text-align: center;}
#catform{width: 900px; margin: 20px auto;
}

#catmenu ul{width: 900px; 
}
#catmenu { float:right; text-align:;  width:400px;  white-space: nowrap; }


@font-face {
    font-family: "DTLNobelT-Light";
    src: url("http://www.meropescope.com/fonts/DTLNobelT-Light.otf") format("otf"),
    url('http://www.meropescope.com/fonts/DTLNobelT-Light.woff') format("woff"),
       url('http://www.meropescope.com/fonts/DTLNobelT-Light.ttf') format("truetype"),
          url('http://www.meropescope.com/fonts/DTLNobelT-Light.eot') ,

          url('http://www.meropescope.com/fonts/DTLNobelT-Light.eot?#iefix') format("embedded-opentype");

    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: "DTLNobelT";
    src: url("http://www.meropescope.com/fonts/DTLNobelT.otf") format("otf"),
     url('http://www.meropescope.com/fonts/DTLNobelT.woff') format("woff"),
         url('http://www.meropescope.com/fonts/DTLNobelT.ttf') format("truetype"),
          url('http://www.meropescope.com/fonts/DTLNobelT.eot?#iefix') format("embedded-opentype"),

          url('http://www.meropescope.com/fonts/DTLNobelT.eot') ;

    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: "DTLNobelT-Bold";
    src: url("http://www.meropescope.com/fonts/DTLNobelT-Bold.otf") format("otf"),
     url('http://www.meropescope.com/fonts/DTLNobelT-Bold.woff') format("woff"),
         url('http://www.meropescope.com/fonts/DTLNobelT-Bold.ttf') format("truetype"),
          url('http://www.meropescope.com/fonts/DTLNobelT-Bold.eot?#iefix') format("embedded-opentype"),

          url('http://www.meropescope.com/fonts/DTLNobelT-Bold.eot') ;

    font-weight: normal;
    font-style: normal;
}




.strong{font-family: "DTLNobelT";  font-weight: bold;}




a.email{color: #666;}
a.email:hover{color: #000;}


p.top30{margin-top: 30px;}

#croptions a{text-decoration: underline;}


b {
    font-family: nobelbold;
}


.more{font-size: 1em; padding-left: 10px;}
.black{font-family: "DTLNobelT";}
.caption{color: #999; text-align: center; padding:; font-size: 10px;}

.missioncaption{color: #999; text-align: right; padding:; font-size: 10px;}

.arccaption{color: #999;width:530px; text-align: center; padding:; font-size: 10px;}

.onviewcaption{color: #999;  text-align: justify; margin: 0 0 50px 0;}

#header {width: 900px; 
	margin: 15px 0 10px 0 !important; display: block; }


#header-name { width:425px; float: left; margin-top:10px ;  }
#header-name a {  }
#header-name a:hover{color: #999;} 

.name21 {
    font-family: nobelbold;
    font-size: 13pt;
    margin-right: 0px;
    letter-spacing: 1.5px;
}

.artasart21 {
    font-family: nobelbook;
    font-size: 13pt;
    letter-spacing: 1px;
}
.artasart21gray {
    font-family: nobelbook;
    font-size: 11pt;
    letter-spacing: 1px;
color:#666;
}

/*
.name21{font-family: "DTLNobelT-Bold"; font-size: .9em; letter-spacing: 1px; }
.artasart21{font-family: "DTLNobelT-Light" ; margin-top:6px ; letter-spacing: 1px; font-size: .9em; }
*/


li{list-style:none;   list-style-type: none; 
}

#menu { font-size: 1em; float:right; text-align: justify; margin-top: 15px;  white-space: nowrap; }

#menu a:link{ white-space: nowrap;   
font-family: nobelbold;
    font-size: 1em;
    letter-spacing: 1px;
    text-transform:uppercase;
}

#menu a:hover{color:#999;} 
#menu a.active{color:#000;  white-space: nowrap; font-family: "DTLNobelT"}


#aboutmenu{float:right; width:auto; padding: 0 0 0 0px;}
#missionmenu{float:right; width:auto; padding: 0 0 0 30px;}
#archivesmenu{float:right; width:auto;  padding: 0 0 0 30px;}

#crmenu{float:right; width:auto;  padding: 0 0 0 30px;}
#newsmenu{float:right; width:auto;  padding: 0 0 0 30px;}





#aboutimg{ float: left; width:555px;}
#aboutimg img{padding-top: 10px;}
#about{ width: 345px;float: left; }
#about p{text-align: justify;}



#archivesimg{ float: left; width:485px;}
#archivesimg img{padding-top: 10px;}
#archives{ width: 405px;float: left; }
#archives p{text-align: justify; margin-top:15px;}


#arcslides{width: 550px;float: left; }
#arc2{ width: 345px;float: left; margin-top:40px; }
#arc2 p{text-align: justify;}




#catrimg{ float: left; width:555px; }
#catrimg img{padding-top: 10px;}
#catr{ width: 345px;float: left; }
#catr p{text-align: justify;}


a.under{text-decoration: underline;}

.999 {color: #999;}




	#media
{
	clear:both;
	width: 600px;
	height: 20px;
	margin-top: -30px;
	text-align: right;
	float: right;
	
}

#mediaarchive{
	clear:both;
	width: 600px;
	height: 20px;
	margin-top: 170px;
	text-align: right;
	float: right;
	
}

#media img
{
	margin-left: 15px;
}



#content{font-size: 1em; width: 900px; margin: 25px auto 0 auto;padding-bottom: 53px;}


#splashcontent{font-size: 1em; width: 900px; margin: 50px auto 0 auto; text-align: justify;}
#splashcontent p{text-align: justify;
}
#contact{width:400px ;float:left;  }
#subs{width: 400px;margin-bottom:60px;}
#form{width: 750px; margin: 0 0 0 4px;}


#cr{width: 700px;float: left; text-align: justify; margin: 0px 0 0 0px;}
#crform{width: px; float: left; text-align: justify; margin: 0px 0 0 55px;}

#mission{margin:0 auto 0 auto; width: 775px; font-family: "DTLNobelT-Bold"; text-align:left;}
.missionname{color: black;}


#current{width: auto; margin: 0 0 0 0px;}
#current ul{margin: 0 0 0 0px;}
#current ul li{color: black; margin-left:-35px; font-size: 1em;}
#current p{margin-left:5px;}

    h1,h2{font-family: 'nobelbook';}

h1 { font-size: 1em; font-weight: 100; margin-bottom: 0;}
h2 { font-size: 1em; font-weight: 100; color: ;}
h2 a:link{ color:black ;}
h2 a:hover{ color:#999 ;}


h4 {font-size:1em;}

input[type="text"], textarea {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
a.blue{color:blue;}



.dedicate{font-family:"DTLNobelT-Light"; text-align: justify; float: left; font-size: 15px;}
.next{font-family: "DTLNobelT"}
.next p{font-family: "DTLNobelT-Light"}

.nexti{font-family: "DTLNobelT-LightObl"; text-align: center;}




	
.popup-overlay {
  /*Hides pop-up when there is no "active" class*/
  visibility: hidden;
  position: absolute;
  background: #ffffff;
  border: 3px solid #666666;
  width: 50%;
  height: 50%;
  left: 25%;
}

.popup-overlay.active {
  /*displays pop-up when "active" class is present*/
  visibility: visible;
  text-align: center;
}

.popup-content {
  /*Hides pop-up content when there is no "active" class */
  visibility: hidden;
}

.popup-content.active {
  /*Shows pop-up content when "active" class is present */
  visibility: visible;
}

button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 30px;
  margin: .20rem;
  font-size: 1rem;
  color: #666666;
  background: #ffffff;
  border: 1px solid #666666;
}

button:hover {
  border: 1px solid #666666;
  background: #666666;
  color: #ffffff;
}


.currentwrap{font-family: 'nobelbook';}

.collection{width: 900px;}
.collimg{width: 300px; float: left;}
.collinfo{width: 675px; float:left;}


.moreshow ul li a{font-size:1em ;}



p {margin-bottom: 0; font-family: 'nobelbook'; font-size: 1.5em;}