/* General site divs */

#page  {
  height:100%;
  width:100%;
  font-family: courier-new, courier, helvetica, garamond, sans-serif;
  color:gray;
  background-color:white;
}

img.rule {
  position:absolute;
  left:0;
  top: 500px;
  width: 700px;
  height: 12px;
  border:0;
}

img.outsidepicture {  /* Special class just for obstinate art events page */
	position:absolute;
	left:1px;
	top:10px;
	width:370px;
	height:380;
	border:0;
}

img.toprule {
  position:absolute;
  left:0;
  top:20px;
  width:700px;
  height:12px;
  border:0;
}

.toprule {
  position:absolute;
  top:-45px;
  left:0px;
  text-align:left;
  font-family: courier-new, courier, helvetica, garamond, sans-serif;
  color:#A8A8A8;
}

#center  {
  position:relative;
  width: 700px;
  height: 560px;
  margin-top:60px;
  margin-left:auto;
  margin-right:auto;
  font-family:   courier-new, courier, helvetica, garamond, sans-serif;
  font-size: 11.5px;
  line-height:20px;
  
}

/* Home page */

img.logo {
  position:absolute;
  top:0px;
  width: 700px;
  height:500px;
  border:0;
}

/* Navigation stuff */

#navlocator {
  width:700px;
  height:20px;
  position:absolute;
  top: 520px;
  left:0;
  /* border-color:black;
     border-style:solid;
     border-width:1px; */
   font-family:  courier-new, courier, helvetica, garamond, serif;
  color:gray;
  font-size: 13px;
  text-decoration:none;
}

a.navhome {/* navigation buttons */
  width: 40px;
  height: 18px;
  padding-left:0;
  position:absolute;
  left:0;
  border:0;
   font-family:  courier-new, courier, helvetica, garamond, serif;
  color:gray;
  font-size:14px;
  text-decoration:none;
  }

a.navconcept {/* navigation buttons */
  width: 35px;
  height: 18px;
  position:absolute;
  left:75px;
  border:0;
 font-family:  courier-new, courier, helvetica, garamond, serif;
  color:gray;
  font-size:14px;
  text-decoration:none;
  }

a.navstore {/* navigation buttons */
  width: 240px;
  height: 18px;
  position:absolute;
  left:175px;
  border:0;
 font-family:  courier-new, courier, helvetica, garamond, serif;
  color:gray;
  font-size:14px;
  text-decoration:none;
  }

a.navgallery {/* navigation buttons */
  width: 123px;
  height: 18px;
  position:absolute;
  left:420px;
  border:0;
 font-family:  courier-new, courier, helvetica, garamond, serif;
  color:gray;
  font-size:14px;
  text-decoration:none;
  }

a.navjournal {/* navigation buttons */
  width: 40px;
  height: 18px;
  position:absolute;
  left:565px;
  border:0;
 font-family:  courier-new, courier, helvetica, garamond, serif;
  color:gray;
  font-size:14px;
  text-decoration:none;
  }


a.navinfo {/* navigation buttons */
  width: 25px;
  height: 18px;
  padding-right:0;
  position:absolute;
  left:669px;
  border:0;
 font-family:  courier-new, courier, helvetica, garamond, serif;
  color:gray;
  font-size:14px;
  text-decoration:none;
  }


/* Concept page CSS */

.tall   {
   position:absolute;
   top:45px;
   left:0;
   width:310px;
   height:400px;
  /* border-color:black;
     border-style:solid;
     border-width:1px; */
}

.blurb   {
   position:absolute;
   color: gray;
   top:42px;
   left:350px;
   padding:0px;
   text-align:left;
   font-family:  courier-new, courier, helvetica, garamond, sans-serif;
   font-size: 11px;
   line-height:20px; 
}

.heading  {
   position:absolute;
   color: gray;
   top:17px;
   left:182px;
   padding:0px;
   text-align:left;
   font-family:  courier-new, courier, helvetica, garamond, sans-serif;
   font-size: 16px;
   line-height:20px; 
}

img.pinklogo {
  position:absolute;
  left:305px;
  top: 370px;
  width:40px;
  height:40px;
  border:0;
}

/* Collections page CSS */

.coll {
  border:0;
  font-family:  courier-new, courier, helvetica, garamond, sans-serif;
  font-size: 11px;
  line-height:20px; 
  color:gray;
  text-decoration:none;
}

.coll img{
  border: 0px solid white;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 0px;
  margin-bottom: 13px;
}

.coll:hover{
  background-color: transparent;
}

.coll:hover img{
  border: 0;
}

.coll span{ /*CSS for hidden image*/
  position: absolute;
  background-color: white;
  padding: 5px;
  left: -1000px;
  border:0;
  visibility: hidden;
  font-family:  courier-new, courier, helvetica, garamond, sans-serif;
  font-size: 11px;
  line-height:20px; 
  color:gray;
  text-decoration:none;
}

.coll span img{ /*CSS for enlarged image*/
  border-width: 0;
  padding: 0px;
}

.coll:hover span{ /*CSS for enlarged image*/
  visibility: visible;
  top: 0;
  left: -372px; /*position where enlarged image should offset horizontally */
  width:330px;
  height:460px;
  z-index: 50;
}

img.expanded {
  width:330px;
  height:220px;
  border:0;
  }

#expandedholder  {

  width:330px;
  height:490px;
  margin-left:0px;
  padding-top:15px;
  text-align:left;
  font-size: 11px;
  color: gray;
  border:0;

}

#thumbnails {
  position:absolute;
  left:360px;
  top:10px;
  margin-top:0;
  height:488px;
  width:360px;
  background-color:white;
  text-align:center;
  float:left;
  padding:5px;

}


#storeblurb   {
   width:260px;
   height:260px;
   color: gray;
   margin-left:0;
   padding-top:10.5px;
   font-family:   courier-new, courier, helvetica, garamond, sans-serif;
   font-size:11px;
   line-height:20px;  
   text-align:left;
   /* border-color:black;
     border-style:solid;
     border-width:1px; */

   }

#permblurb   {
   width:260px;
   height:260px;
   color: gray;
   margin-left:0;
   padding-top:10.5px;
   font-family:   courier-new, courier, helvetica, garamond, sans-serif;
   font-size: 11px;
   line-height:20px;  
   text-align:left;
   /* border-color:black;
     border-style:solid;
     border-width:1px; */

   }


/* Events page stuff */

#eventblurb   {
	width:300px;
	height:190px;
	color: gray;
	margin-left:8;
	font-family:   courier-new, courier, helvetica, garamond, sans-serif;
	font-size: 10px;
	line-height:14px;
   }

#eventsnav   {
    
     width:260px;
     height:250px;
     background-color:white;
   /*  border-color:black;
     border-style:solid;
     border-width:1px; */
   }

.gallerycontainer{

height:500px;
width:260px;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
 border: 0px;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 0px;
  margin-bottom: 13px;
}


.thumbnail:hover img{
border: 0;

}

.thumbnail span{ /*CSS for hidden image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border:0;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;

}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
background-color:white;
top: 0;
left: 306px; /*position where enlarged image should offset horizontally */
width:380px;
height:480px;
z-index:50;
}



#eventsbig   {
    width:380px;
    height:480px;
    position:absolute;
    top:0;
    right:0;
   /* border-color:black;
     border-style:solid;
     border-width:1px; */
   }



/* Info page CSS */

#map   {
   width:310px;
   height:400px;
   position:absolute;
   left:50px;
   top:5px;
  /* border-color:black;
     border-style:solid;
     border-width:1px; */
}


.address   {
    width:260px;
    height:430px;
    position:absolute;
    right:50px;
    top:25px;
  /* border-color:black;
     border-style:solid;
     border-width:1px; */
    text-decoration:none;
}  

.address A:link {  text-decoration:none;
  color:gray;
}
.address A:visited {
  text-decoration:none;
  color:gray;
}
.address A:active {
  text-decoration:none;
  color:#FF6699;
}
 .address A:hover {
  text-decoration:none;
  color:#FF6699;
  }