/*
home.css

styles to make the specific parts of the home page work like they should

*/

#imagegallery {
 width: 100%;
 min-width: 800px;
 height: 2.5in;
 background: transparent;
 border: 0;
 padding: 0;
 margin: 0;
}
#imagegallery .innerbox {
 background: transparent;
 height: 2in;
 border: 0;
 padding: 0;
 margin: 0;
 width: 100%;
 text-align: center;
}
#imagegallery .innerbox .inset {
 padding:0;
 float: left;
 background: #FFF;
 height: 1.5in;
 width: 100%;
 min-width: 8in;
 border: 1px solid #000;
 margin-top: .5in;
 text-align: center;
}

#imagegallery .innerbox .inset img {
 float: left;
 width:16%;
 height: 1in;
 margin: 0 1%;
 margin-top: .25in;
 vertical-align: middle;
 border: 1px solid #000;
}

#imagegallery .innerbox .inset button {
 visibility: hidden;
 float: left;
 height:1in;
 vertical-align:middle;
 width:2%;
 margin:0;
 margin-top: .25in;
 display:inline;
 line-height:1in;
 text-align: center;
 font-size:12px;
 padding: 1px;
}

#rightbutton {
  text-indent: -100000px;
  background: transparent url(../images/right.gif) no-repeat center center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#leftbutton {
  text-indent: -100000px;
  background: transparent url(../images/left.gif) no-repeat center center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#imagegallery .innerbox .inset #zoomback {
 height: 2in;
 width: 32%;
 margin-top: -1.5in;
 margin-left: 33.5%;
 float: left;
 border:0;
}
#imagegallery .innerbox .inset #zoomfront {
 width: 28%;
 height: 1.75in;
 float: left;
 margin-left: -31.1%;
 margin-top: -1.375in;
}
#imagegallery .innerbox .inset #zoomright {
 margin-left: -8%;
}


#updates {
 width: 48%;
 min-width: 400px;
 margin-right: 2%;
 float: left;
}

#updates h1 {
 text-align: center;
 font-size: 1em;
 font-weight: bold;
}

#updates p {
  margin: 0 1em 0 0;
  border-bottom: 1px dashed #000;
  padding: 1em 0;
  text-align: justify;
}
#updates .innerbox .inset {
 min-height: 7.5in;
}

#calender,
#donations,
#instructorlink {
 width: 47%;
 min-width: 400px;
}

#calender .innerbox .inset,
#donations .innerbox .inset,
#instructorlink .innerbox .inset {
  height: 2in;
}

#calender .innerbox .inset {
	width: 95%;
}
#calender table {
	border: 1px solid #000;
	width: 100%;
	height: 100%;
	text-align: center;
	border-collapse: collapse;
}

#calender table tr {
	width: 100%;
	height: auto;
	border: 1px solid #000;
 }

#calender table tr td {
	width: 14%;
	height: auto;
	border: 1px solid #000;
}

#calender #calhead {
	background:#FF0000;
}

#calender .gone {
	background: #DFDFDF;
	color: #AFAFAF;
}

#calender .today {
	background: #FF0000;
}

#calender table tr td a {
	color: inherit;
	text-decoration: inherit;
}

#blog {
 width: 48%;
 min-width: 400px;
 margin-right: 2%;
 float: right;
}

#blog p {
  margin-top: 1em;
  text-align: justify;
}

#blog .innerbox .inset {
 min-height: 7.5in;
}

#welcome {
 float: left;
 width: 100.8%;
 min-width: 400px;
 margin-right: 2%;
 clear: both;
}

#welcome p {
  margin-top: 1em;
  text-align: justify;
}

#welcome .inset{
 padding: 0 20px;
}