/* @override http://www.seanhakes.com/clients/VisionP.com/css/layout.css */
body {
	color: #878380;
	font: 15px/22px "Times New Roman", Georgia, Times, serif;
}

/* @group Home */

body.home {
	background: url(../images/home_header_background.png) no-repeat center top;
}

#page {
	width: 905px;
	margin: 85px auto 0 auto;
}

#rotatingPic {
	width: 473px;
	height: 363px;
	margin-left: 430px;
}
#rotatingPic2 {
	width: 905px;
	height: 350;
	margin-left: auto;
}

#imageNav {
	margin-right: 38px;
	width: 815px;
	float: right;
}

#imageNav img {
	float: left;
}

#imageNav a img{
	border: 0;
}

/* @end */

/* @group Sub Pages */

body.subPages {
	background: url(../images/subpages_logo_background.png) no-repeat center 50px;
}

body.subPages #page {
	width: 960px;
	margin: 65px auto 0 auto;
}

#header {
	width: 827px;
	margin: 0 auto 0 auto;
}

#galleryNav {
	width: 827px;
	margin: 5px auto 0 auto;
}

#pageContent {
	width: 929px;
	margin: 5px auto 0 auto;
	text-align: center;
}

#pageContent p{
	margin: 10px 60px;
}

#leftNav {
	float: left;
	height: 235px;
}

#leftNav ul li a img {
	margin: 15px 0;
}

#footer {
	width: 827px;
	margin: 5px auto 0 auto;
}


/* @end */

/* @group Gallery */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
width: 730px;
float: right;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

a.thumbnail img.vertphoto {
	padding: 0 5px;
}

a.thumbnail img.horzphoto {
	margin: 0 0 15px 0;
}

a.thumbnail img.horzphotoOrg {
	margin-top:30px;
}

a.thumbnail {
margin: 0;
padding: 0;
text-decoration: none;
}

a.thumbnail img{
border: 0px solid white;
margin: 0;
padding: 0;
text-decoration: none;
}

a.thumbnail:hover{
background-color: transparent;
text-decoration: none;
padding: 0;
margin: 0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1500px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
text-decoration: none;
}

span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 428px;
top: 0px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 428px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 330px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}

.thumbnail:hover span.originallarge{ /*CSS for enlarged image*/
visibility: hidden;
top: 0px;
left: 320px; /*position where enlarged image should offset horizontally */
z-index: 50;
top: 10%;
}
/* @end */
/* @group Children */

body.subPages.children span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left:410px;
top: 0px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
background: url(../images/children/originals/Kid1/IMG_4060copy.jpg) no-repeat center 10px;
}
body.subPages.children .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -20px;
left: 410px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 290px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.children a.thumbnail span img {
	position: relative;
	left: -20px;
}
body.subPages.children.gallery2 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 440px;
top: 0px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
background: url(../images/children/originals/Kid2/Tennis52Hcopy.jpg) no-repeat center 10px;
}
body.subPages.children.gallery2 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -10px;
left: 445px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 290px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.children.gallery3 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 440px;
top: -10px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
background: url(../images/children/originals/Kid3/Cowiekids67copy.jpg) no-repeat center 10px;
}
body.subPages.children.gallery3 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -10px;
left: 445px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 320px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.children.gallery4 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 410px;
top: -20px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
background: url(../images/children/originals/Kid4/Mastro035copy.jpg) no-repeat center 10px;
}
body.subPages.children.gallery5 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 410px;
top: -20px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
background: url(../images/children/originals/Kid5/Sakic027.jpg) no-repeat center 10px;
}
body.subPages.children.gallery5 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -10px;
left: 445px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 320px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.children.gallery6 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 445px;
top: -20px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
background: url(../images/children/originals/Kid6/Woodring228copy.jpg) no-repeat center 10px;
}
body.subPages.children.gallery6 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -10px;
left: 455px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 320px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.children.gallery7 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 415px;
top: -20px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
background: url(../images/children/originals/Kid7/VistaVerticalcopy.jpg) no-repeat center 10px;
}
body.subPages.children.gallery7 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -10px;
left: 455px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 320px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.children #leftNav {
	float: left;
	height: 235px;
}

body.subPages.children .gallerycontainer{
position: relative;
width: 780px;
float: right;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

/* @end */
/* @group Senior */


body.subPages.senior .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 428px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 330px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}

body.subPages.senior span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 428px;
top: 0px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
	background: url(../images/seniors/originals/Gallery1/Sample036copy.jpg) no-repeat center center;
}

body.subPages.senior.gallery2 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 428px;
top: 0px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
	background: url(../images/seniors/originals/Gallery8/CF49donecopy.jpg) no-repeat center center;
}
body.subPages.senior.gallery3 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 433px;
top:5px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
	background: url(../images/seniors/originals/Gallery8/Sample069copy.jpg) no-repeat center center;
}
body.subPages.senior.gallery4 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 443px;
top:5px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
	background: url(../images/seniors/originals/Gallery8/Sample076copy.jpg) no-repeat center center;
}
body.subPages.senior.gallery4 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 448px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 330px;
width: 310px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.senior.gallery5 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 413px;
top:5px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
	background: url(../images/seniors/originals/Gallery8/Sample087copy.jpg) no-repeat center center;
}
body.subPages.senior.gallery6 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 433px;
top:5px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
	background: url(../images/seniors/originals/Gallery8/Sample014copy.jpg) no-repeat center center;
}
body.subPages.senior.gallery6 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 428px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 330px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.senior.gallery7 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 433px;
top:5px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
background: url(../images/seniors/originals/Gallery7/Sample085copy.jpg) no-repeat center center;
}
body.subPages.senior #leftNav ul {
	position: relative;
	top: 15%;
}

/* @end */
/* @group Teams */

body.subPages.teams .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -5px;
left: 310px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 280px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}

body.subPages.teams span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left:320px;
top: 0px;
visibility: visible;
color: black;
text-decoration: none;
height: 280px;
width: 320px;
background: url(../images/teams/originals/Gallery1/TRHSVCheers89copy.jpg) no-repeat center 10px;
}

body.subPages.teams.gallery2 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 320px;
top: 0px;
visibility: visible;
color: black;
text-decoration: none;
height: 290px;
width: 320px;
background: url(../images/teams/originals/Gallery2/TRHSVPoms59donecopy.jpg) no-repeat center 10px;
}
body.subPages.teams.gallery2 a.thumbnail:hover span img.vertphotoLarge {
	position: relative;
	top: -30px;
}
body.subPages.teams.gallery3 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 320px;
top: 0px;
visibility: visible;
color: black;
text-decoration: none;
height: 290px;
width: 320px;
background: url(../images/teams/originals/Gallery3/MVHSVCheer65copy.jpg) no-repeat center 10px;
}
body.subPages.teams.gallery4 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 320px;
top: -20px;
visibility: visible;
color: black;
text-decoration: none;
height: 290px;
width: 310px;
background: url(../images/teams/originals/Gallery4/TRHSVCheer054donecopy.jpg) no-repeat center 10px;
}
body.subPages.teams.gallery4 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -15px;
left: 305px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 260px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.teams.gallery5 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 300px;
top: -20px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 310px;
background: url(../images/teams/originals/Gallery5/TRHSVPOMS062donecopy.jpg) no-repeat center 10px;
}
body.subPages.teams.gallery5 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -15px;
left: 290px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 330px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.teams.gallery5 a.thumbnail span img.horzphotoOrg {
	margin-top:50px;
}
body.subPages.teams.gallery6 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 300px;
top: -30px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 310px;
background: url(../images/teams/originals/Gallery6/TRHSVPOMS013donecopy.jpg) no-repeat center 10px;
}
body.subPages.teams.gallery6 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -15px;
left: 310px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 310px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.teams.gallery6 a.thumbnail span img.vertphotoLarge {
	position: relative;
	top: -25px;
	left: -20px;
}
body.subPages.teams.gallery6 a.thumbnail span img.horzphotoOrg {
	margin-top:10px;
}
body.subPages.teams.gallery7 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 320px;
top: 10px;
visibility: visible;
color: black;
text-decoration: none;
height: 290px;
width: 310px;
background: url(../images/teams/originals/Gallery7/MVHSVCheer2008074donecopy.jpg) no-repeat center 10px;
}
body.subPages.teams.gallery7 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -15px;
left: 310px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 310px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.teams.gallery7 a.thumbnail span img.vertphotoLarge {
	position: relative;
	top: -25px;
	left: -20px;
}
body.subPages.teams #leftNav ul {
	position: relative;
	top: 45%;
}
body.subPages.teams .gallerycontainer{
position: relative;
width: 710px;
float: right;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
body.subPages.teams.gallery3 .gallerycontainer{
position: relative;
width: 710px;
height: 320px;
float: right;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
body.subPages.teams.gallery7 .gallerycontainer{
position: relative;
width: 710px;
height: 280px;
float: right;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
#pageContent.teamSession{
	height:670px;
	background: url(../images/teams_session_background.jpg) no-repeat center bottom;
}

/* @end */

/* @group Families */

body.subPages.family .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 310px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 290px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}

body.subPages.family span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left:320px;
top: 0px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
background: url(../images/family/originals/Fam1/CR026rawdonecopy.jpg) no-repeat center 10px;
}
body.subPages.family.gallery2 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 320px;
top: 0px;
visibility: visible;
color: black;
text-decoration: none;
height: 330px;
width: 320px;
background: url(../images/family/originals/Fam2/JeanSisters29donecopy.jpg) no-repeat center 10px;
}
body.subPages.family a.thumbnail:hover span img.vertphotoLarge {
	position: relative;
	top: -20px;
}

body.subPages.family.gallery2 a.thumbnail:hover span img.vertphotoLarge {
	position: relative;
	top: -30px;
}
body.subPages.family.gallery3 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 320px;
top: -20px;
visibility: visible;
color: black;
text-decoration: none;
height: 310px;
width: 320px;
background: url(../images/family/originals/Fam3/PC042donecopy.jpg) no-repeat center 10px;
}
body.subPages.family.gallery3 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -20px;
left: 310px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 300px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.family.gallery4 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 320px;
top: -15px;
visibility: visible;
color: black;
text-decoration: none;
height: 310px;
width: 320px;
background: url(../images/family/originals/Fam4/WoodringFAM001copy.jpg) no-repeat center 10px;
}
body.subPages.family.gallery4 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -15px;
left: 310px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 300px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.family.gallery5 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 300px;
top: -15px;
visibility: visible;
color: black;
text-decoration: none;
height: 340px;
width: 320px;
background: url(../images/family/originals/Fam5/KK36donecopy.jpg) no-repeat center 10px;
}
body.subPages.family.gallery5 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -15px;
left: 310px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 325px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.family.gallery6 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 300px;
top: 10px;
visibility: visible;
color: black;
text-decoration: none;
height: 340px;
width: 320px;
background: url(../images/family/originals/Fam6/KG001donecopy.jpg) no-repeat center 10px;
}
body.subPages.family.gallery6 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 15px;
left: 290px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 325px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.family.gallery6 a.thumbnail:hover span img.vertphotoLarge {
	position: relative;
	top: -20px;
}
body.subPages.family.gallery7 span.originallarge { /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 400px;
top: 10px;
visibility: visible;
color: black;
text-decoration: none;
height: 340px;
width: 320px;
background: url(../images/family/originals/Fam7/YoungFam05donecopy.jpg) no-repeat center 10px;
}
body.subPages.family.gallery7 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 14px;
left: 390px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 325px;
width: 320px;
text-align: center;
vertical-align: middle;
background: white;
}
body.subPages.family.gallery7 .gallerycontainer{
position: relative;
width: 710px;
float: right;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
body.subPages.family .gallerycontainer{
position: relative;
width: 710px;
float: right;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

body.subPages.family #leftNav {
	float: left;
	margin-left: 60px;
	height: 235px;
}

/* @end */