@charset "UTF-8";
/* CSS Document */

html, body {
margin:0 auto;
padding:0;
font-weight:400;
font-family:'Lato', sans-serif;
color:#333;
}

body {
}

.reverse_text {
	unicode-bidi:bidi-override; 
	direction: rtl; 
}

.left {
float:left;
text-align:left;
width:45%;
}

.right {
float:right;
text-align:right;
width:45%;
}

#middle a img:hover {
opacity:.85;
}

strong, b {
font-weight:700 !important;
}

.ambassadors-title {
background:#333;
text-transform:uppercase;
border:1px solid #000;
border-right:0;
color:#fff;
}

.fancybox-nav {
width: 7% !important;
}

.ambassadors-title-last {
background:#333;
text-transform:uppercase;
border:1px solid #000;
color:#fff;
}

table.ambassadors {
font-size:16px;
border-left:1px solid #ccc;
}

td.ambassadors {
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
display:table-cell;
vertical-align:middle;
width:auto;
}

td.ambassadors-subtitle {
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#e2e2e2;
display:table-cell;
vertical-align:middle;
width:auto;
}

td.ambassadors img {
width:80px;
}

select {
font-size:18px;
margin:5px 0 15px 3px;
width:150px;
font-family:'Lato', sans-serif;
}


#bio-text {
float:right;
width:430px;
}

select.year {
width:100px;
margin:5px 100% 5px 0;
}

#boardmember {
width:100%; 
height:120px; 
margin-bottom:25px;
}

#boardmember-pic {
float:left; 
width:80px;
margin-top:3px;
}

#boardmember img {
width:100%;
}

#boardmember-text {
float:right; 
width:77%;
}

a {
}

#header {
	margin:0 auto;
	padding:0;
	width:100%;
	height:128px;
}

sup {
font-size:16px;
}

sup-sm {
font-size:12px;
}

.newsdate {
font-size:16px;
padding-top:7px;
padding-bottom:15px;
}

#fb {
display:block;
width:28px;
height:28px;
background:url(../../images/global/fb_onoff.png) no-repeat 0 0;
}

#fb:hover {
background-position: 0 -28px;
}

#fb span {
position:absolute;
top:-999em;
}

#tw {
display:block;
width:28px;
height:28px;
background:url(../../images/global/tw_onoff.png) no-repeat 0 0;
}

#tw:hover {
background-position: 0 -28px;
}

#tw span {
position:absolute;
top:-999em;
}

#envelope {
display:block;
width:28px;
height:20px;
background:url(../../images/global/envelope_onoff.png) no-repeat 0 0;
}

#envelope:hover {
background-position: 0 -20px;
}

#envelope span {
position:absolute;
top:-999em;
}

#dottedline {
margin:0 auto;
margin-top:20px;
margin-bottom:15px;
width:95.5%;
border-top:1px dotted #999;
}

#main {
margin: 0 auto;
position: relative;
width:100%;
overflow:hidden;
}

#arrows-container {
margin: 0 auto;
position: relative;
width:920px;
}

#headercontainer {
margin: 0 auto;
position: relative;
width:920px;
height:128px;
}

#header-right {
width:50%;
height:30px;
float:right;
margin-top:65px;
margin-right:20px;
}

.header-right {
width:100%;
color:#333;
text-align:right;
margin:-25px 0 5px 0;
padding:0;
font-style:italic;
font-size:15px;
font-weight:400;
}

.header-right a {
text-decoration:none;
color:#6d9d31;
}

.header-right a:hover {
color:#2b4e09;
}

#social-media {
float:right;
width:24%;
margin-top:2px;
}

#newsletter-icon {
float:right;
margin-left:12px;
margin-top:4px;
}

#twitter-icon {
float:right;
}

#facebook-icon {
float:right;
margin-right:10px;
}

#search-box {
float:right;
width:70%;
margin-top:4px;
margin-right:20px;
}

.logo {
margin:0 auto;
margin-top:25px;
margin-left:0;
border-style:none;
float:left;
}

#container {
margin: 0 auto;
position: relative;
width:100%;
overflow:hidden;
}

#item-container {
float:left;
width:100%;
padding:25px 0;
}

#events-box {
float:right;
height:450px;
width:25%; 
padding:10px; 
margin-right:10px; 
background-color:#dae2e5; 
margin-top:20px; 
-moz-border-radius:5px; 
border-radius:5px;
}

#twitter-box {
float:right;
width:30%; 
margin:25px 10px 0 0; 
-moz-border-radius:5px; 
border-radius:5px;
border: 1px solid #ccc;
overflow:hidden;
}

.twitter-timeline {
width:100% !important;
}

.venue-year {
float:left;
margin-bottom:30px;
}

.highlight {
float:left;
width:98%;
padding:15px 1% 12px 1%;
background-color:#e8f2da;
margin:5px 0 20px 0;
font-weight:400;
}

.reg {
float:left;
width:98%;
border-bottom:1px solid #ccc;
margin-top:3px;
padding:5px 1% 7px 1%;
}

.venue-left {
float:left;
width:90%;
}

.venue-right {
float:right;
width:7%;
text-align:right;
}

ul {
margin:0 0 20px 0;
padding:5px 0 0 20px;
}

li {
font-size:16px;
line-height:1.3em;
margin-bottom:5px;
}

#container.iteration {
margin-bottom:30px;
}

.iteration img {
width:100%;
}


#browse {
width:100%;
overflow:hidden;
margin:0;
padding:0;
}

#browse-sidebar {
background-color:#e2e2e2;
float:left;
width:20%;
height:100% !important;
padding:10px;
padding-bottom:10000px;
margin-bottom:-10000px;
}

#browse-sidebar p {
font-size:15px !important;
}

#browse-maps {
float:right;
width:75%;
margin:0;
padding:0;
}

#browse-maps img {
width:16%;
}

#exhibit {
float:left;
width:100%;
margin:25px 0;
padding:0;
}

#exhibit img {
width:160px;
padding:5px;
}

#photo-gallery {
float:right;
width:75%;
margin:0;
padding:0;
}

#photo-gallery img {
width:160px;
background-color:#ccc;
}

.img-right {
float:right; 
width:400px; 
margin-left:25px; 
margin-bottom:15px;
}

.img-left {
float:left; 
width:400px; 
margin-right:25px; 
margin-bottom:15px;
}

#hosting-container {
margin: 0 auto;
position: relative;
margin-top:10px;
width:865px;
overflow:auto;
margin-bottom:15px;
}

#hosting-container img {
margin-bottom:15px;
width:100%;
}

#left-half {
float:left;
width:48%;
}

#right-half {
float:right;
width:48%;
}

#sponsors {
float:right;
position:relative;
width:280px;
}

#sponsors-row {
float:left;
width:100%;
}

#sponsors-row img {
width:100%;
}

#nsf-logo {
float:left;
width:55px;
margin-top:5px;
}

#soic-logo {
float:left;
width:185px;
margin-left:20px;
margin-top:8px;
margin-right:12px;
}

#tr-logo {
float:left;
width:165px;
margin-top:12px;
margin-left:5px;
margin-bottom:6px;
}

#cns-logo {
width:85px;
float:right;
margin-top:12px; 
margin-right:10px;
}

#jsmf-logo {
float:left; 
width:200px; 
margin-top:9px; 
margin-left:7px;
}

#elsevier-logo {
float:right; 
width:40px; 
margin-top:4px; 
margin-right:13px;
}

#mapmaker-box {
float:left;
width:100%;
margin:20px 0 5px 0;
padding-bottom:20px;
}

#mapmaker-pic {
	float:left;
	width:400px;
	margin-right:20px;
	padding-top:3px;
	}

#mapmaker-mapbox {
float:left;
width:400px;
}

#mapmaker-map {
	float:left;
	width:120px;
	margin:10px 12px 0 0;
}

#mapmaker-map img {
	margin:0 0 3px 0;
}

#mapmaker-map-spacer {
	float:left;
	width:4%;
}

#mapmaker-map img {
	width:100%;
}

.mapmaker-map-caption {
	float:left;
	text-align:left;
	width:120px;
	font-size:13px !important;
	line-height:1.2em !important;
}

.purchase-map {
border:none;
width:75%;
float:left;
padding:0;
margin:15px 0 0 0;
}

fieldset {
border:none;
margin:0;
padding:0;
}

input.purchase-map {
float:left;
width:300px;
font-size:16px;
border:1px solid gray;
padding:3px 5px;
margin:3px 0 0 0;
font-family:'Lato', sans-serif;
}

select {
float:left;
width:310px;
font-size:16px;
margin:3px 0 0 0;
padding:3px 5px;
}

textarea.purchase-map {
float:left;
font-size:16px;
min-height:80px;
border:1px solid gray;
width:300px;
padding:3px 5px;
margin:3px 0 0 0;
font-family:'Lato', sans-serif;
}

label.purchase-map {
margin-top:10px;
}


button.store, input.store {
float:left;
width:auto;
padding:8px 15px;
background-color:#6d9d31;
color:#fff;
font-size:16px;
text-transform:uppercase;
margin:20px 0;
border:0;
}

button.refs, input.refs {
float:left;
width:auto;
padding:8px 15px;
background-color:#6d9d31;
color:#fff;
font-size:14px;
margin:20px 0;
border:0;
}

button.store:hover, button.refs:hover, input.store:hover {
background-color:#2b4e09;
cursor:pointer;
}

#container1 {
    float:left;
    width:100%;
}
#col1 {
    float:left;
    width:30%;
    background:red;
}
#col2 {
    float:left;
    width:40%;
    background:yellow;
}
#col3 {
    float:left;
    width:30%;
    background:green;
}

.shadow {
-webkit-box-shadow: 0px 0px 9px #666;
box-shadow: 0px 0px 9px #666;
}

#subnav {
margin-top:50px;
margin-left:17px;
margin-right: 17px;
margin-bottom:20px;
}

ul.sitemap {
list-style:none;
padding:0;
margin:5px 0 15px 0;
}

.sitemap li {
font-size:11px;
padding:0;
margin:2px 0;
}

#sitemap-container {
background-color: #5c6366;
margin: 0 auto;
position: relative;
width: 100%;
}

#sitemap {
margin: 0 auto;
width:920px;
padding: 20px 0;
overflow: auto;
}

#sitemap p {
margin: 0 auto;
color:#fff;
font-size:11px;
}

#sitemap h5 {
font-size:15px;
line-height:1em;
margin:0 0 3px 0;
padding:0;
}

#sitemap a {
text-decoration:none;
color:#fff;
}

#sitemap a:hover {
color:#e2e2e2;
}

#acknowledgements p {
margin: 0 auto;
color:#ccc !important;
font-size:10px !important;
line-height:1.2em;
}

#acknowledgements {
float:left;
margin-top:20px;
width:100%;
}

#middle {
margin: 0 auto;
padding:10px 25px 40px 25px;
position: relative;
width:870px;
overflow:auto;
background-color:#fff !important;
}

#middle.home {
width:940px;
padding:0 0 30px 0;
}

#middle tag {
margin: 0;
font-size:16px;
line-height:1.125em;

}

.artistdate {
padding-top:2px;
font-size:10px;
text-transform:uppercase;

}

p.header {
font-size:16px !important;
font-weight:700;
margin:12px 0 0 0 !important;
}

p.subhead {
font-size:16px !important;
font-weight:700;
font-style:italic;
margin:7px 0 2px 0 !important;
}

#middle p {
margin: 0;
font-size: 16px;
line-height: 1.4em;
color:#333;
}

#middle a {
margin: 0;
text-decoration:none;
font-weight:400;
color:#6d9d31;
}

#middle a:hover {
color:#2b4e09;
}

#middle h3 a {
font-weight:400;
}

#bottom-links {
width:100%; 
margin-top:30px;
}

.features p {
margin: 0;
font-size:15px !important;
color:#0E1E24 !important;
}

.month {
font-size:12px;
color:#fff !important;

line-height:1.5em !important;
text-align:center;
}

.day {
font-size:26px !important;
line-height:1.3em !important;
color:#fff !important;

text-align:center;
}

.features a {
margin: 0;
font-size:16px;
line-height:1.3em;
color:#0E1E24 !important;
text-decoration:none;
}

.p-box {
float:left;
width:100%;
margin-top:0; 
margin-bottom:40px;
}

.events a {
margin: 0;
font-size:16px;
color:#0E1E24 !important;
text-decoration:none;
}

.events a:hover {
margin: 0;
font-size:16px;
color:#444 !important;
text-decoration:none;
}

#smalldate {
float:left;
width:35%;
text-align:right;
margin-bottom:7px;
}

#smallevent {
float:right;
width:60%;
text-align:left;
margin-bottom:7px;
}

p.smalldate {
margin: 0;
text-align:left !important;
font-size:15px !important;
color:#0E1E24 !important;
text-decoration:none;
font-weight:400;
line-height:1.2em !important;
}

p.smallevent {
margin: 0;
font-size:15px !important;
color:#0E1E24 !important;
text-decoration:none;
line-height:1.2em !important;
}

.smallevent a {
color:#67912e !important;
text-decoration:none;
}

.smallevent a:hover {
color:#444 !important;
text-decoration:none;
}

.features a:hover {
color:#666 !important;
text-decoration:none;
}

.profile {
margin: 0;
font-size:12px !important;
}

.middle {
margin: 0;
font-size:16px;
}

ul.middle {
margin-top:0;
margin-left:0;
font-size:16px;
line-height:1.5em;
}

#middle li {
margin-top:5px;
margin-left:0;
padding-left:0;
}

#netscitalks h4 {
width:270px;
height:35px;

text-transform:uppercase;
background-image:url(../../images/research/NetSci_Talks/banner.png);
background-repeat:no-repeat;
color:#fff;
padding:5px 20px 5px 25px;
margin-left:-25px;
}


#netscitalks {
width:825px;
padding:20px;
background:#cad2d8;
-moz-border-radius:5px;
border-radius:5px;
}

.netscitalks {
font-size:12px !important;
}

.netscititle {
font-size:16px !important;

font-style:italic;
}

#arrow-left {
z-index:999;
position:absolute;
display:block;
margin-top:165px;
margin-left:0;
width:30px;
height:60px;
background:url(../../images/home/arrow_left_onoff.png);
}

#arrow-left:hover {
background-position: 0 -60px;
}

#arrow-left span {
position:absolute;
top:-999em;
}

#arrow-right {
z-index:999;
position:absolute;
display:block;
margin-top:165px;
margin-left:890px;
width:30px;
height:60px;
background:url(../../images/home/arrow_right_onoff.png);
}

#arrow-right:hover {
background-position: 0 -60px;
}

#arrow-right span {
position:absolute;
top:-999em;
}

#slideshow {
margin: 0 auto;
width:920px;
height:350px;
border-radius:10px;
overflow:hidden;
margin-top:20px;
margin-bottom:10px;
}

#bannerimage {
float:left;
width:920px;
height:350px;
}

#banner {
margin: auto;
position: absolute;
width: 460px;
height: 350px;
z-index: 100;
left: 460px;
right: 0;
border-radius: 0 0 10px 0;
overflow: hidden;
}

#bannerarea { 
width:350px;
height:350px;
float: right;
background:rgba(14,30,36,.9);
}

.bannerbubble { 
  position: absolute; 
  left: 153px; 
  top: -2px; 
width:265px;
height:350px;
  display: table; 
  z-index:99999999;
}

#banner h1, #banner h1 a {
display: table-cell; 
vertical-align: middle;
text-align: left;
margin:0;
color:#fff;
font-weight:300;
font-size:28px;
text-decoration:none;
letter-spacing:.02em;
}

#banner h1 a:hover {
display: table-cell; 
vertical-align: middle;
text-align: left;
margin:0;
color:#e2e2e2 !important;
}

#centeredmenu li.gray a:hover,
#centeredmenu li.gray a:active,
 {
background:#fff;
}

#centeredmenu li.purple a:hover,
#centeredmenu li.purple a:active,
 {
background:#7a5c99;
}

#centeredmenu li.teal a:hover,
#centeredmenu li.teal a:active,
 {
background: #006464;
}

#centeredmenu li.yellow a:hover,
#centeredmenu li.yellow a:active,
 {
background: #c89628;
}

#centeredmenu li.green a:hover,
#centeredmenu li.green a:active,
 {
background: #486621;
}

#centeredmenu li.red a:hover,
#centeredmenu li.red a:active,
 {
background: #8c1e32;
}

#centeredmenu li.orange a, #centeredmenu li.orange a:hover,
#centeredmenu li.orange a:active,
 {
background: #c85000;
}

#centeredmenu li.blue a, #centeredmenu li.blue a:hover,
#centeredmenu li.blue a:active, {
background: #326496;
}

/*#banner {
background: #486621 !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dc63f', endColorstr='#486621') !important;
background: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#486621)) !important;
background: -moz-linear-gradient(top,  #8dc63f,  #486621) !important;
}

#banner.purple {
background:#7a5c99;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=:'#7a5c99', endColorstr='#31174b'); 
background: -webkit-gradient(linear, left top, left bottom, from(#7a5c99), to(#31174b));
background: -moz-linear-gradient(top,  #7a5c99,  #31174b);
}

#banner.teal {
background: #006464;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006464', endColorstr='#003232');
background: -webkit-gradient(linear, left top, left bottom, from(#006464), to(#003232));
background: -moz-linear-gradient(top,  #006464,  #003232);
}

#banner.yellow {
background: #c89628;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c89628', endColorstr='#644614');
background: -webkit-gradient(linear, left top, left bottom, from(#c89628), to(#644614));
background: -moz-linear-gradient(top,  #c89628,  #644614);
}

#banner.green {
background: #486621;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dc63f', endColorstr='#486621');
background: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#486621));
background: -moz-linear-gradient(top,  #8dc63f,  #486621);
}

#banner.red {
background: #8c1e32;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c1e32', endColorstr='#50070c');
background: -webkit-gradient(linear, left top, left bottom, from(#8c1e32), to(#50070c));
background: -moz-linear-gradient(top,  #8c1e32,  #50070c);
}

#banner.orange {
background: #c85000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c85000', endColorstr='#82320a');
background: -webkit-gradient(linear, left top, left bottom, from(#c85000), to(#82320a));
background: -moz-linear-gradient(top,  #c85000,  #82320a);
}

#banner.blue {
background: #326496;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#326496', endColorstr='#0a3250');
background: -webkit-gradient(linear, left top, left bottom, from(#326496), to(#0a3250));
background: -moz-linear-gradient(top,  #326496,  #0a3250);
}*/


#centeredmenu {
   clear:both;
   float:left;
   margin:0;
   padding:0;
   width:100%;
   min-width:910px;
   background: #fff;
   z-index:1000;
   position:relative;
   font-weight:400;
}

#centeredmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
   
#centeredmenu ul li {
   margin:0;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   border-top:1px solid #ccc;
   border-bottom:1px solid #ccc;
}

#centeredmenu ul li a {
display: block;
margin: 0;
font-size: 16px;
text-decoration: none;
padding: 8px 23px;
color:#333;
}

.first {
	border-top:1px solid #ccc !important;
}

#centeredmenu ul li.active a {
background:#6d9d31;
color:#fff;
}
#centeredmenu ul li a:hover {
background:#6d9d31;
color:#fff;
}

#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
}

/* Submenu items */
#centeredmenu ul ul {
	display:none; /* Sub menus are hiden by default */
	position:absolute;
	left:0;
	right:auto; /*resets the right:50% on the parent ul */
	width:15em; /* width of the drop-down menus */
	-webkit-box-shadow: 1px 3px 7px 0 rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 3px 7px 0 rgba(0,0,0,0.5);
	box-shadow: 1px 3px 7px 0 rgba(0,0,0,0.5);
}

#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
   border:0;
}

#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   padding: 8px 23px;
   font-size:16px;
   font-weight:400;
   text-transform:none;
   background:#fff;
   }
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
background-color:#6d9d31;
color:#fff;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

#centeredmenu li.about a:hover,
#centeredmenu li.about a:active {
background: #9a2424;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C33', endColorstr='#661414');
background: -webkit-gradient(linear, left top, left bottom, from(#C33), to(#661414));
background: -moz-linear-gradient(top,  #C33,  #661414);
}

#centeredmenu li.research a:hover,
#centeredmenu li.research a:active {
background: #1e5f8e;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4396bf', endColorstr='#036');
background: -webkit-gradient(linear, left top, left bottom, from(#4396bf), to(#036));
background: -moz-linear-gradient(top,  #4396bf,  #036);
}

#centeredmenu li.green a:hover,
#centeredmenu li.green a:active {
background:#fff;
}

#centeredmenu li.outreach a:hover,
#centeredmenu li.outreach a:active {
background: #52606a;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7996a3', endColorstr='#2e3f47');
background: -webkit-gradient(linear, left top, left bottom, from(#7996a3), to(#2e3f47));
background: -moz-linear-gradient(top,  #7996a3,  #2e3f47);
}

#centeredmenu li.news a:hover,
#centeredmenu li.news a:active {
background:#457173;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=:'#47b3b3', endColorstr='#044'); 
background: -webkit-gradient(linear, left top, left bottom, from(#47b3b3), to(#044));
background: -moz-linear-gradient(top,  #47b3b3,  #044);
}

#centeredmenu li.videos a:hover,
#centeredmenu li.videos a:active {
background: #80551a;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ad2b', endColorstr='#80551a');
background: -webkit-gradient(linear, left top, left bottom, from(#d9ad2b), to(#80551a));
background: -moz-linear-gradient(top,  #d9ad2b,  #80551a);
}

#centeredmenu li.teaching a:hover,
#centeredmenu li.teaching a:active {
background: #593f73;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b274b3', endColorstr='#593f73');
background: -webkit-gradient(linear, left top, left bottom, from(#b274b3), to(#593f73));
background: -moz-linear-gradient(top,  #b274b3,  #593f73);
}

#centeredmenu li.connect a:hover,
#centeredmenu li.connect a:active {
background: #8d2749;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba305e', endColorstr='#661f36');
background: -webkit-gradient(linear, left top, left bottom, from(#ba305e), to(#661f36));
background: -moz-linear-gradient(top,  #ba305e,  #661f36);
}

h1 {
margin-top:20px;
margin-bottom:20px;
font-size:30px;
line-height:1.2em;
font-weight:400;
}

h1.price {
margin:0;
color:#333;
}

h1.maptitle {
margin-bottom:5px;
}

h2 {
margin:0;
font-size:24px;
font-weight:400;
line-height:1.1em;
margin-bottom:15px;
color:#333;
}

h2.title {
color:#333 !important;
}

h2.year {
font-weight:700;
margin:25px 0 10px 0;
border-bottom:1px solid #ccc;
}

h2.title, h2.title a {
margin-bottom:5px;
font-weight:400 !important;
}

h2.hosting {
color:#7996a3;
}

img.atlas {
border:1px solid #ccc;
padding:5px;
}

.page {
float:left;
border:2px solid #679926;
color:#679926;
padding:3px 5px;
margin:15px 10000px 5px 0;
text-align:center;
width:65px;
}

.p1 {
font-size:20px !important;
padding:8px 0 5px 0;
}

.p2 {
font-size:16px !important;
padding:3px 0;
font-weight:400;
font-style:italic;
}

.p3 {
padding:0 0 10px 0;
padding-left:1em;
}

.p3 {
text-indent: -1em;
}

.p4 {
font-size:16px !important;
padding:3px 0;
font-weight:600;
}

.p5 {
font-size:16px !important;
padding:7px 0 3px 0;
font-weight:400;
}

.p7 {
font-size:16px !important;
padding:3px 0;
font-weight:400;
font-style:italic;
}

h2.name {
}

h2.boardmember {
margin-bottom:4px;
line-height:1em;
}

h2.store {
padding:0;
margin:0 0 15px 0;
}

h2.iterations, h2.iterations a {
margin-bottom:2px;
font-weight:400 !important;
}

h3 {
margin:0;
font-size:20px;
line-height:1.2em;
font-weight:400;
color:#333;
}

h3.exhibitions {
margin:0 0 10px 0;
}

h3.byline {
margin-bottom:5px;
}

h3.refs {
margin:5px 0;
}

h3.title {
}

h3.features, h3.features a {
margin:0;
font-size:18px !important;f
line-height:1.3em;
font-weight:400;
}

h3.store a {
margin:0 0 7px 0;
font-weight:400 !important;
}

.purple h4 a {
font-weight:400 !important;
}

h4 {
margin:0;
font-size:18px;
line-height:1.2em;
font-weight:400;
margin:0 0 5px 0;
}

h4.atlas, h4.atlas a {
font-weight:400 !important;
margin:15px 0 25px 0;
}

h4.boardmember {
font-weight:400;
}

h4.it-head {
font-weight:400;
margin-bottom:7px;
color:#333 !important;
}

h4.crates {
margin:2px 0 3px 0;
text-transform:uppercase;
font-weight:400;
}

h4.byline {
color:#333 !important;
margin-bottom:7px !important;
font-weight:400;
line-height:1.2em;
}

h5 {
margin:0;
font-weight:400 !important;
font-size:16px;
line-height:1.3em;
padding:0 0 8px 0;
}

h5.byline {
margin-bottom:15px;
}

h5.store {
padding:15px 0 5px 0;
}

.map-large {
margin-top:10px;
margin-bottom:20px;
}

img.map-sm {
width:78px;
margin:0;
padding:0;
}

.map-med {
float:left;
width:157px;
margin:0 10px 3px 0;
background-color:#ccc;
}

.map-num {
float:left;
width:157px;
margin:0 10px 5px 0;
}

.map-num p {
font-weight:400;
font-size:12px !important;
}

.map-container {
float:left;
width:100%;
margin-bottom:20px;
}

.maps-left {
text-align:left;
float:left;
width:338px;
}

.maps-right {
float:right;
width:501px;
text-align:left;
}

.macroscope {
	text-align: left;
	float: left;
	width: 900px;
  margin-bottom: 20px;
}

.macroscope-indiv {
	float:left;
	width:200px;
	height: 300px;
	margin: 0px 20px 3px 0px;
	background-color:#ccc;
}

.macroscope-num {
	float:left;
	width:210px;
	margin:0 10px 5px 0;
}

.macroscope-num p {
font-weight:400;
font-size:12px !important;
}

#authors-container {
float:left;
width:100%;
margin-bottom:20px;
}

.author {
float:left; 
width:80px; 
height:auto;
margin-right:20px;
}

.author img {
width:100%;
height:100%;
}

.adspace h3 {
margin:0;
font-size:18px;
color:#fff !important;
}

.adspace a {
margin:0;

color:#fff !important;
text-decoration:none;
}

.about h4 {
color:#9a2424;
}

.green h4 {
color:#679926;
}

.research h4 {
color:#1e5f8e;
}

.teaching h4 {
color:#593f73;
}

.outreach h4 {
color:#52606a;
}

.videos h4 {
color:#80551a;
}

.news h4 {
color:#457173;
}

h4.title {
color:#333;
}

.sort {
font-size: 16px !important;
color:#666 !important;
}

#footer {
margin:0 auto;
width:900px;
position: relative;
}

#footer h5 {
color:#0E1E24;
}

#footer p {
text-align:center;
margin-top:10px;
margin-bottom:20px;
color:#0E1E24;
font-size:11px;
line-height:1.25em;
}

.input {
border: 1px solid #999;
height:18px;
width:200px;
font-size:12px;
padding:3px;
vertical-align:center;
}

input[type=search] {
-webkit-appearance:none;
width:100%;
margin:3px 0 0 0;
padding:3px 0 !important;
border:1px solid #ccc;;
}

.messagebox {
border: 1px solid #999;
font-size:12px;
padding:3px;
}

.button {
background: #4a5f68;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7996a3', endColorstr='#4a5f68');
background: -webkit-gradient(linear, left top, left bottom, from(#7996a3), to(#4a5f68));
background: -moz-linear-gradient(top,  #7996a3,  #4a5f68);
border:0;
font-size:12px;
color:#fff;
height:26px;
padding-left:10px;
padding-right:10px;
-moz-border-radius:5px;
border-radius:5px;
}

.button:hover {
background: #486621;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dc63f', endColorstr='#486621');
background: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#486621));
background: -moz-linear-gradient(top,  #8dc63f,  #486621);
border:0;
color:#fff;
}

.button:active {
background: #556973;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242f33', endColorstr='#556973');
background: -webkit-gradient(linear, left top, left bottom, from(#242f33), to(#556973));
background: -moz-linear-gradient(top,  #242f33,  #556973);
border:0;
color:#e2e2e2;
}

.donate-button {
background: #486621;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dc63f', endColorstr='#486621');
background: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#486621));
background: -moz-linear-gradient(top,  #8dc63f,  #486621);
border:0;
font-size:16px;
text-transform:uppercase;
color:#fff;

height:28px;
padding-left:10px;
padding-right:10px;
-moz-border-radius:5px;
border-radius:5px;
}

.donate-button:hover {
background: #4a5f68;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7996a3', endColorstr='#4a5f68');
background: -webkit-gradient(linear, left top, left bottom, from(#7996a3), to(#4a5f68));
background: -moz-linear-gradient(top,  #7996a3,  #4a5f68);
border:0;
}

.donate-button:active {
background: #556973;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242f33', endColorstr='#556973');
background: -webkit-gradient(linear, left top, left bottom, from(#242f33), to(#556973));
background: -moz-linear-gradient(top,  #242f33,  #556973);
border:0;
color:#e2e2e2;
}

.purchase-button {
background: #6d9d31;
border:0;
font-size:12px;
text-transform:uppercase;
margin-top:2px;
color:#fff;
height:24px;
padding-left:10px;
padding-right:10px;
-moz-border-radius:5px;
border-radius:5px;
}

.purchase-button:hover {
background: #6d9d31;
border:0;
}

.purchase-button:active {
background: #6d9d31;
border:0;
color:#e2e2e2;
}

/*2 Equal Height Columns - Home Page*/

#hometwocolcontainer2 {
	clear:left;
	float:left;
	width:67%;
	overflow:hidden;
	margin-top:20px;
	margin-bottom:10px;
}

#hometwocolcontainer1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	
}
#twocol1 {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}
#twocol2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}

/*2 Equal Height Columns*/

#twocolcontainer2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	
}
#twocolcontainer1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	
}
#twocol1 {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}
#twocol2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}

/*3 Equal Height Columns*/

#container3 {
	clear:left;
	float:left;
	width:60%;
	margin-left:8px;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
	
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:33.333%;
	
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:33.33%;
	
}
#col1 {
	float:left;
	width:29.33%;
	position:relative;
	left:68.67%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:29.33%;
	position:relative;
	left:72.67%;
	overflow:hidden;
}
#col3 {
	float:left;
	width:29.33%;
	position:relative;
	left:76.67%;
	overflow:hidden;
}

/* Start of 4-Column CSS */
#fourcolcontainer4 {
	clear:left;
	float:left;
	width:60%;
	overflow:hidden;
	
}
#fourcolcontainer3 {
	margin-left:8px;
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	
}
#fourcolcontainer2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;	
	
}
#fourcolcontainer1 {
	float:left;
	width:100%;
	position:relative;
	right:25%;
	
}
#fourcol1 {
	float:left;
	width:21%;
	position:relative;
	left:77%;
	overflow:hidden;
}
#fourcol2 {
	float:left;
	width:21%;
	position:relative;
	left:81%;
	overflow:hidden;
}
#fourcol3 {
	float:left;
	width:21%;
	position:relative;
	left:85%;
	overflow:hidden;
}
#fourcol4 {
	float:left;
	width:21%;
	position:relative;
	left:89%;
	overflow:hidden;
}
/* --> */

#thumbs-container {
float:left; 
width:100%; 
height:125px; 
margin-bottom:25px; 
padding-top:10px;
}

#thumb {
float:left; 
width:125px; 
height:83px; 
}

#thumb-text p {
float: right;
margin-top: -3px;
width: 53%;
font-size: 16px;
line-height: 1.2em !important;
}

#thumb-title {
width:100%; 
margin-bottom:12px; 
padding-bottom:2px; 
border-bottom:1px dotted #999;
}

.arrow {
float:left; 
width:18px; 
margin-right:7px; 
margin-top:2px;
}

td.L {
padding:0;
width:10%;
valign:top;
}

td.R {
padding:0;
width:90%;
}

tr {
width:100%;
padding:0;
vertical-align:text-top;
}

td.half {
width:50%;
}

td.third {
width:33%;
}

tr.normal {
}

table li {
margin:0 !important;
}

table.workshop {
width:100%;
margin: 0;
margin-bottom:10px;
font-size:16px;
border-collapse:separate;
border-spacing:0 5px;
}

/* Start of Column CSS */
#container5b {
	clear:left;
	float:left;
	width:100%;
	overflow:visible;
	margin-bottom:10px;
}
#container4b {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
}
#container3b {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
}
#container2b {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
}
#container1b {
	float:left;
	width:100%;
	position:relative;
	right:20%;
}
#col1b {
	float:left;
	width:18.3%;
	position:relative;
	left:80%;
	overflow:visible;
}
#col2b {
	float:left;
	width:18.3%;
	position:relative;
	left:82%;
	overflow:visible;
}
#col3b {
	float:left;
	width:18.3%;
	position:relative;
	left:84%;
	overflow:visible;
}
#col4b {
	float:left;
	width:18.3%;
	position:relative;
	left:86%;
	overflow:visible;
}
#col5b {
	float:left;
	width:18.3%;
	position:relative;
	left:88%;
	overflow:visible;
}
/* --> */

#map {
font-size:12px;
color:#666;
}

.refs, .refs a, .refs p {
font-size:14px !important;
line-height:1.3em !important;
margin-top:7px !important;
}

hr { 
width:100%;
margin:15px 0;
color: #ccc;
background-color:none;
border:1px dotted #ccc;
border-style: none none dotted; 
}

hr.mapmakers { 
margin:35px 0 0 0;
}

h4.author {
margin-top:0;
text-align:center;
color:#333;
line-height:1.1em;
font-size:14px;
}

#middle p.caption {
font-size: 13px;
color:#666;
margin-top:3px;
}

.readmore {
margin:15px 0 0 0;
font-size:18px;
font-weight:400;
}

.next {
float:right;
width:48%;
margin:25px 0;
font-size:20px;
line-height:23px;
font-weight:400;
text-align:right;
}

.prev {
float:left;
width:48%;
margin:25px 0;
font-size:20px;
line-height:23px;
font-weight:400;
}

/* Magnific Popup CSS */
.parent-container img {
margin:0 10px 10px 0;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px 20px 35px 20px;
  width:auto;
  margin: 20px auto;
  text-align:center;
  max-width:440px;
  border-radius:10px !important;
}

.white-popup {
}

.white-popup a {
color:#6d9d31;
text-decoration:none;
}

.white-popup a:hover {
color:#2b4e09;
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important;
  width:auto; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
 }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
 }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }
  
  
  h2.submission {
margin:0 0 5px 0;
}

h3.submission {
margin:15px 0 5px 0;
}

.submission-box h4 {
color:#333 !important;
}

.submission-image {
background-color: transparent;
margin: 10px 0 5px 0 !important;
width: 100%;
height: 260px;
overflow: hidden;
}

.submission-box {
float: left;
width: 41%;
height: 400px;
margin: 0 2.7% 20px 0;
padding: 10px 3%;
border: 1px solid #ccc;
}

.submission-popup p {
	margin: 8px 0;
	font-size: 16px;
	line-height: 1.4em;
	color:#333;
}

.submission-popup a {
margin: 0;
text-decoration:none;
font-weight:400;
color:#6d9d31;
}

.submission-popup a:hover {
color:#2b4e09;
}

.submission-popup {
  position: relative;
  background: #FFF;
  padding: 20px 40px 40px 40px;
  width:auto;
  margin: 20px auto;
  min-width:600px;
  max-width:80%;
  border-radius:10px !important;
}

/* -- new mapmaker page -- */

.mapmaker-tagline {
}

hr.mapmakers { 
margin:35px 0 0 0;
}

.mapmaker-dir {
  width: 275px;
  margin-bottom: 15px;
  float: left;
  padding: 10px 15px 10px 0px;
}

.mapmaker-dir img {
  width: 275px;
}

.mapmaker-p-box {
  float:left;
  width:100%;
  margin-top:0; 
  margin-bottom: 5px;
}

#mapmaker-box {
float:left;
width:100%;
margin:20px 0 5px 0;
padding-bottom:10px;
}

#mapmaker-video {
  float:left;
  width: 100%;
  padding-top:3px;
  padding-bottom: 20px;
  }

#mapmaker-bio {
  width: 800px;
  margin-top: 20px;
  padding-bottom: 20px;
}

.mapmaker-bio h2 {
  top: 10px;
}

#mapmaker-mapbox {
width:400px;
padding-top: 10px;
}

#mapmaker-map {
  float:left;
  width:120px;
  margin:10px 12px 0 0;
}

#mapmaker-map img {
  margin:0 0 3px 0;
}

#mapmaker-map-spacer {
  float:left;
  width:4%;
}

#mapmaker-map img {
  width:100%;
}

.mapmaker-map-caption {
  float:left;
  text-align:left;
  width:120px;
  font-size:13px !important;
  line-height:1.2em !important;
}

.mapmaker-readmore {
font-size:18px;
font-weight:400;
padding: 10px 0px;
}