body {
	color: #000000;
	background: #FFFFFF;
	font-size: 14px;
	/*font-family: Verdana, Helvetica, Arial, sans-serif;*/
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	/*position:fixed;  //for non scrolling header stuff.. this line causes the overflow to be hidden..may need a wapper DIV*/
	/*
	overflow:scroll !important;
	*/
}

/*******  NEED ERIC MYERS'S RESET FROM 360.GS******/
/******* Series Imagery ******/

img {
	border-style: none;
	border:0;
	margin:0 0 0 0;
	padding: 0;
}

.comment {
	font-size:.6em;
	margin-top:10px;
	display:block;
	color:#888;
	padding-right:5px;
}


.endSplint {
	width:47px;
	display:block;
	overflow:visible;
	border:0;
}


DIV.series_IMG {
	margin:0 60px 0 0;
	border:0;
}

DIV.series_IMG-d {
	margin:0 17px 0 0 !important;
	border:0;
}

DIV.series_IMG-c {
	margin:0 45px 0 0 !important;
	border:0;
}

.content2 table tr td {
	vertical-align:top;
	text-align:left;
}

#exhibit-view {
	padding-right: 26px;
	padding-left: 20px;
	padding-top: 405px;
}

#corridor-info {
	padding-right: 66px;
	padding-top: 29px;
}

#corridor-div {
	width: 330px;
}

#corridor-title {
	text-transform: uppercase;
	font-size: larger;
	letter-spacing: .24ex;
}

/***  Main Nav ***/
/*** for IE 7-  ***/
#navBar {
	margin: 0 0 0 7px;
	/*position:fixed;  //for non scrolling header stuff*/
}

#navBar2 {
	margin: 0 0 0 7px;
	/*position:fixed;  //for non scrolling header stuff*/
}
#navBar2 ul {
	padding:0;
}
#navBar2 li  {
	display:inline;
	padding-right: .7em;
	padding-left: 5.1em;
}
div[id="navBar2"] {
	margin-left:47px !important;
}

/** for non IE browsers*/
div[id="navBar"] {
	margin-left:47px !important;
}

#navBar ul {
	padding:0;
}
#navBar li  {
	display:inline;
	padding-right:.7em;
	padding-left:.35em;
	border-right:1px solid #000;

}

.firstLink {
	padding-left:0 !important;
	border-left:0 !important;
}

.lastLink {
	padding-right:0 !important;
	border-right:0 !important;
}

.activeLink {
	font-weight:bold;
}


/******** Homepage reel imagery ****** future use of sprites ** clipping needed ************/
/*
#link_ceremony {
	width:664px;
	height:74px;
	overflow:visible;
	background-color: transparent;
	background-image: url(../ASSETS/IMAGES/home_reels.jpg);
	background-repeat: no-repeat;
	background-position: -7px -222px;
	display:block;
}

#link_climate {
	width:858px;
	height:74px;
	overflow:visible;
	background-color: transparent;
	background-image: url(../ASSETS/IMAGES/home_reels.jpg);
	background-repeat: no-repeat;
	background-position: -7px 14px;
	display:block;
}

#link_people {
	width:840px;
	height:74px;
	overflow:visible;
	background-color: transparent;
	background-image: url(../ASSETS/IMAGES/home_reels.jpg);
	background-repeat: no-repeat;
	background-position: -7px 14px;
	display:block;
}

#link_politicalEvents {
	width:710px;
	height:74px;
	overflow:visible;
	background-color: transparent;
	background-image: url(../ASSETS/IMAGES/home_reels.jpg);
	background-repeat: no-repeat;
	background-position: -7px 14px;
	display:block;
}

#link_wiscasset {
	width:645px;
	height:74px;
	overflow:visible;
	background-color: transparent;
	background-image: url(../ASSETS/IMAGES/home_reels.jpg);
	background-repeat: no-repeat;
	background-position: -7px 14px;
	display:block;
}

#link_americanSpace {
	width:622px;
	height:74px;
	overflow:visible;
	background-color: transparent;
	background-image: url(../ASSETS/IMAGES/home_reels.jpg);
	background-repeat: no-repeat;
	background-position: -7px 14px;
	display:block;
}

#link_youngLife {
	width:1000px;
	height:74px;
	overflow:visible;
	background-color: transparent;
	background-image: url(../ASSETS/IMAGES/home_reels.jpg);
	background-repeat: no-repeat;
	background-position: -7px 14px;
	display:block;
}

*/


/******** Header, Footer, Misc items ******************/
h1.header {
	margin: 20px 0 22px 47px;
	height: 25px;
	text-align: left;
	text-transform: uppercase;
	font-size: 16px;
   display: block;
   font: bold 22px  "Helvetica Neue", Arial, Helvetica, sans-serif;
   /*position:fixed;  //for non scrolling header stuff*/
}

#bioDiv {
	width: 50%;
	height: 100%;
	float: left;
	margin: 40px 0 0 150px;
	vertical-align: top;
	border-left:1px dotted #999999;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
}

#bioDivMobile {
	width: 50%;
	height: 100%;
	float: left;
	margin: 40px 0 0 150px;
	vertical-align: top;
	border: none;
}

.bio {
	width:300px;
	height:100%;
	margin:0 0 0 10px;
}

.biomobile {
	width:300px;
	height:100%;
	margin:0 0 0 10px;
	font-size: 1.4em;
}

a {
	color: #000000;
	text-decoration: none;
	border-style: none;
}

a:hover {
	color: #666666;
	text-decoration: none;
	border-style: none;
}

div#bloglink_text {
  width: 250px;
	padding-top: 425px;
  margin-right: 20px;
  line-height: 1.5em;
}

#bloglink_text a {
	font-size: 1.3em;
}


/*end hide */

span#footerContact {
	margin: 10px 56px 20px 0;
	float: right;
	clear: left;
	width: 250px;
	display: block;
	text-align: right;
}

span#seriesSPAN {
	margin: 45% 0 0 0;
}

.nav_Main {
	float: left;
	clear: right;
	margin: 0 0 0 15%;
	width: 300px;
	display: block;
	text-align: left;
	z-index: 90;
	text-decoration: none;
	list-style: none;
}

.content {
	text-align: center;
	vertical-align: middle;
	width: 98%;
}

.content2 {
	margin:15px 0 0 47px;
	vertical-align: middle;
	/*margin-top:100px;  //for non scrolling header stuff*/
	/*width: 3800px;
	display:block;*/
}

.expanded {
	width: 125%;
}

DIV#ctul {
	text-align: right;
	width: 25%;
	float:left;
	clear:right;
}

DIV#ctimg {
	text-align: left;
	vertical-align: middle;
	width: 60%;
}

.series_Main {
	text-decoration: none;
	list-style: none;
	margin: 40% 70px 0 0;
}

#home {
	width:100%;
	margin:8% 70px 0 0;
}

#home li {
	font-size: 14px;
	/*font-weight:bold;
	text-align:left;*/
	float:left;
	clear:right;
	margin:0 20px 35px 10px;
}
#home li a {
	color:#000000;
}

#home li a:hover {
	color:#666666;
}

ul.series_Main li a {
	text-decoration: none;
}

.seriesChart {
	border-style: none;
	border:0;
	margin:0;
}

.series-title {
	/*font-weight: bold;*/
	font-size: .9em;
	text-transform: uppercase;
}

#weddings-title {
	color: #bbb;
}

@media (max-width: 772px) {
	#navBar2 li  {
		padding-right: .7em;
		padding-left: 2.6em;
	}
}



/* Mobile Page Rules */

/*I need to update height of content-mobile in @medias
*/
#content-mobile {
    margin: 30px auto;
    border:1px #ccc;
    overflow-x: scroll;
    display: inline-block;
    position: relative;
    width: 66%;
    height: 500px;
    left: 15%;
}

#mobile-images {
	  width: 4860px;
}


/************** AT MEDIA RULES ************/
/* Large desktop */
@media (min-width: 1310px) {
 body { font-size:100%;
	line-height: 100%;}
	#content-mobile {
		background-position: 0px 255px;}
	#mobile-images img {
		max-width: 50%;
		}
/*also shrink the div pics are in
*/
	}

@media (min-width: 980px) and (max-width: 1309px) {
 body { font-size:84%;
 line-height: 82%;}
	#maincontainer {
	  background-position: 0px 240px;
	  background-size: 18%;
	}
	#content-mobile {
	  width: 80%;
    left: 9%;
	}
	#mobile-images img {
	  max-width: 50%;
	}
}

@media (min-width: 860px) and (max-width: 979px) {
 body { font-size:75%;
 line-height: 75%;}
 #maincontainer {
  background-position: 0px 230px;
  background-size: 21%;

	}
/*#mobile-images img {
  max-width: 50%;
}*/
	#content-mobile {
	  width: 85%;
	  left: 7%;
	}

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 639px) and (max-width: 859px) {
 body { font-size:60%;
  line-height: 170%;}
  #maincontainer {
  background-position: 0px 160px;
    background-size: 23%;
	}
/* #mobile-images img {
  max-width: 50%;
 }*/
	#content-mobile {
	  width: 90%;
    left: 5%;
	}
}

/* Landscape phone to portrait tablet */
@media (min-width: 466px) and (max-width: 638px) {
 body { font-size:50%;
  line-height: 120%;}
  #maincontainer {
	  background-position: 0px 25px;
    background-size: 30%;
  }
/*   #mobile-images img {
  max-width: 7%;
    }*/
#content-mobile {
  width: 90%;
  left: 4%;
	}
}

/* Landscape phones and down */
@media (max-width: 465px) {
 body { font-size: 33%;
  line-height: 95%;}
  #maincontainer {
  background-position: 0px 15px;
  background-size: 50%;
	}
  #mobile-images img {
  max-width: 5%;
  }

  #content-mobile {
    width: 95%;
    left: 2%;
	}


}