@charset "UTF-8";

* {
	margin:0;
	padding:0;
}

body {
	width:963px;
	margin:0 auto;
	background-color:#fbd5b2;
	background:url(images/reartCollage3.png)
}

body.popUp {
	width:550px;
	background-image:none;
	background-color:#5a5b9e;
	
}
body.popUp p.linx {
	margin-top:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#FC9;	
}

body.popUp p.linx a {
	color:#FC9;	
}

.clearLeft {
	clear:left;
}


#skip {
	position:absolute;
	left:-999em;
}

#container {
	position:relative;
	border: 3px solid #130859;
	border-top:none;
	background-color:#d6d7f9;

}

#homeBanner {
	text-align:center;	
	width:957px;
	height:355px;
	background-color:#4b4c8c;
	position:relative;
	
}
#homeBanner span {
	position:absolute;
	top:0px;
	left:0;
	width:957px;
	height:355px;
	background-image:url(images/homeBanner1.jpg);
	background-repeat:no-repeat;
	
}


#homeBanner p {
	padding-top:20px;
	font-family:fantasy, "Book Antiqua", Palatino, Times, "Times New Roman", serif;
	font-style:italic;
	background-color:#130859;
	color: #f3b77f;
	line-height:2em;
	
}

#homeBanner h1 {
	background-color: #f3b77f;
	
	color:#130859;
	
	
	font-family:fantasy,"Comic Sans MS", Palatino, Times, "Times New Roman", serif;
	font-size: 48px;
	line-height: 3em;
}

#home h2 {
	color:#130859;
	font-family:"Comic Sans MS",  Palatino, Times, "Times New Roman", serif;
	
}

#home #rachelLinx {
	float:left;
	width:50%;
	border-right: 2px solid #130859;
	margin-bottom:20px;
	
}

#home #ellieLinx {
	float:right;
	width:48%;
	
}
#home #rachelLink, #home #ellieLink {
	margin-left: 115px;
}

#home #rachelLink a, #home #ellieLink a {
	width: 210px;
	height:41px;
	display:block;
	position:relative;
	
}

#home #rachelLink a span {
	background-image:url(images/rachelTabs2.png);
	width: 210px;
	height:41px;
	background-position:-40px 41px;
	position:absolute;
}


#home #ellieLink a span {
	background-image:url(images/ellieTabs2.png);
	width: 210px;
	height:41px;
	background-position:-40px 41px;
	position:absolute;
}
#home #rachelLink a:hover span, #home #ellieLink a:hover span {
	background-position:-40px 0px;
}

#home #main ul {
	list-style-type:none;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	margin:10px 0 0 30px;
	
	

	
}

#home #main ul li {
	text-align:center;
	font-size:.9em;
	/*padding:0 150px;*/
	position:relative;
	width:82px;
	height:29px;
	margin:0 20px 5px 0;
	float:left;
}

#home #main ul li a {
	color:#130859;
	display:block;
	text-decoration:none;
	padding:2px 0;
	
	
}
#home #main ul li a:hover {
	background-color:#4b4c8c;
	color:#f3b77f;
	
}

#header {
	position:relative;	
}
#homeLink {
	border:none;
	display:block;
	position:absolute;
	width:300px;
	height:142px;
	top:0;
	left:0;
	z-index:100;
	
}
#header h1 {
	width:100%;
	height: 142px;
	position: relative;
	font-size:90%;
	
}

#header h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(images/reartBanner_10e.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	z-index:10;
}
/*
#utilities {
	position:absolute;
	top:40px;
	right:20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:80%;
}

#utilities a:hover, #utilities a:visited {
	color:#130859;
}

#utilities a:hover {
	color:#5a5b9e;
}
			
*/
#sections {
	position:absolute;
	right:0;
	top: 22px;
	z-index:20;
}

#sections ul {
	list-style-type:none;
	float:left;
	color:#FFF;
	
}

#sections ul li {
	float:left;	
	width:282px;
	height:41px;
	margin-right:20px;
}
#sections #rachelTab, #sections #ellieTab {
	position:relative;	
	
}
#sections #rachelTab a span {
	background-image:url(images/rachelTabs2.png);
	background-color:#FF0;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-position: 0px 0px;
}

#sections #rachelTab a:hover span  {
	background-position: 0px -41px;
}

#sections #rachelTab a #current {
	background-position: 0px -82px;
}

#sections #ellieTab a:link span, #sections #ellieTab a:visited span {
	background-image:url(images/ellieTabs2.png);
	background-color:#FF0;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-position: 0px 0px;
}

#sections #ellieTab a:hover span {
	background-position: 0px -41px;
}

#sections #ellieTab a #current {
	background-position: 0px -82px;
}

#ages {
	width:620px;
	position:absolute;
	
	top:70px;
	right:0px;
}

#rachelNav, #ellieNav {
	list-style-type:none;
	font-size:80%;
}
#rachelNav li, #ellieNav li {
	float:left;
	width:82px;
	height:29px;
	position:relative;
	margin:0 3px 8px;
}

#rachelNav a, #ellieNav a {
	text-decoration:none;
	color:#130859;
	
}
#age2-4 a span {
	background:url(images/buttons/age2-4.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
		z-index:225;
}

#age2-4 a:hover span {
	background-position: left -29px;
}

#age2-4 a#current span {
	background-position: left -58px;
}
#age3 a span {
	background:url(/reart/images/buttons/age3.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
		z-index:226;
}

#age3 a:hover span {
	background-position: left -29px;
	z-index:226;
}

#age3 a#current span {
	background-position: left -58px;
	z-index:226;
}
#age4 a span {
	background:url(/reart/images/buttons/age4.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
		z-index:227;
}

#age4 a:hover span {
	background-position: left -29px;
}

#age4 a#current span {
	background-position: left -58px;
}


#age5 a span {
	background:url(/reart/images/buttons/age5.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
		z-index:228;
}

#age5 a:hover span {
	background-position: left -29px;
	z-index:228;
}

#age5 a#current span {
	background-position: left -58px;
	z-index:228;
}

#age6 a span {
	background:url(/reart/images/buttons/age6.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
		z-index:229;
}

#age6 a:hover span {
	background-position: left -29px;
}

#age6 a#current span {
	background-position: left -58px;
}

#age7 a span {
	background:url(images/buttons/age7.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
		z-index:230;
}

#age7 a:hover span {
	background-position: left -29px;
}

#age7 a#current span {
	background-position: left -58px;
}

#age8 a span {
	background:url(images/buttons/age8.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
	z-index:231;
}

#age8 a:hover span {
	background-position: left -29px;
}

#age8 a#current span {
	background-position: left -58px;
}

#age9 a span {
	background:url(images/buttons/age9.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
	z-index:232;
}

#age9 a:hover span {
	background-position: left -29px;
}

#age9 a#current span {
	background-position: left -58px;
}

#age10 a span {
	background:url(images/buttons/age10.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
	z-index:233;
}

#age10 a:hover span {
	background-position: left -29px;
}

#age10 a#current span {
	background-position: left -58px;
}

#age11 a span {
	background:url(images/buttons/age11.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
	z-index:234;
}

#age11 a:hover span {
	background-position: left -29px;
}

#age11 a#current span {
	background-position: left -58px;
}

#age12 a span {
	background:url(images/buttons/age12.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
	z-index:235;
}

#age12 a:hover span {
	background-position: left -29px;
}

#age12 a#current span {
	background-image: url(images/buttons/age12.png);
	background-repeat: no-repeat;
	background-position: left -58px;
}

#age13 a span {
	background:url(images/buttons/age13.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
	z-index:236;
}

#age13 a:hover span {
	background-image: url(images/buttons/age13.png);
	background-repeat: no-repeat;
	background-position: left -29px;
}

#age13 a#current span {
	background-image: url(images/buttons/age13.png);
	background-repeat: no-repeat;
	background-position: left -58px;
}

#age14 a span {
	background:url(images/buttons/age14.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
	z-index:237;
}

#age14 a:hover span {
	background-image: url(images/buttons/age14.png);
	background-repeat: no-repeat;
	background-position: left -29px;
}

#age14 a#current span {
	background-image: url(images/buttons/age14.png);
	background-repeat: no-repeat;
	background-position: left -58px;
}

#age15 a span {
	background:url(images/buttons/age15.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
	z-index:238;
}

#age15 a:hover span {
	background-image: url(images/buttons/age15.png);
	background-repeat: no-repeat;
	background-position: left -29px;
}

#age15 a#current span {
	background-image: url(images/buttons/age15.png);
	background-repeat: no-repeat;
	background-position: left -58px;
}

#age16 a span {
	background:url(images/buttons/age16.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
	z-index:239;
}

#age16 a:hover span {
	background-image: url(images/buttons/age16.png);
	background-repeat: no-repeat;
	background-position: left -29px;
}

#age16 a#current span {
	background-image: url(images/buttons/age16.png);
	background-repeat: no-repeat;
	background-position: left -58px;
}

#age17 a span {
	background:url(images/buttons/age17.png) no-repeat top left;
	position:absolute;
	width:82px;
	height:29px;
	top:0;
	left:0;
	z-index:240;
}

#age17 a:hover span {
	background-image: url(images/buttons/age17.png);
	background-repeat: no-repeat;
	background-position: left -29px;
}

#age17 a#current span {
	background-image: url(images/buttons/age17.png);
	background-repeat: no-repeat;
	background-position: left -58px;
}

#rachelNav li span.inert{
	background-image: url(images/buttons/inertButton.png);
	background-repeat: no-repeat;
	position:absolute;
	width:82px;
	height:29px;
	z-index:310;
}

/* --------------------------------------------------------------------------------------------------------------------------

	These styles hide the age buttons and replace them with gray blank buttons. To add a new age, simply remove
	the appropriate ID sets below (note there are four for each girl/age)
	
	*/

#ellieNav #age14 a, #ellieNav #age15 a, #ellieNav #age16 a {
	display:none;
}

#main #ellieLinx #age14 a, #main #ellieLinx #age15 a, #main #ellieLinx #age16 a {
	display:none;
}

#ellieNav #age14, #ellieNav #age15, #ellieNav #age16  {
	background-image: url(images/buttons/inertButton.png);
	background-repeat: no-repeat;
	background-position:top left;
	width:82px;
	height:29px;
	z-index:400;
	
}

/*#ellieLinx #age12, #ellieLinx #age13, #ellieLinx #age14, #ellieLinx #age15, #ellieLinx #age16 {
	background-image: url(images/buttons/inertButton.png);
	background-repeat: no-repeat;
	background-position:top left;
	width:82px;
	height:29px;
	z-index:400;	
}*/

#rachelNav #age12 a, #rachelNav #age13 a, #rachelNav #age14 a, #rachelNav #age15 a, #rachelNav #age16 a, #rachelNav #age17 a {
	display:none;
	
}

#main #rachelLinx #age12 a, #main #rachelLinx #age13 a, #main #rachelLinx #age14 a, #main #rachelLinx #age15 a, #main #rachelLinx #age16 a, #main #rachelLinx #age17 a {
	display:none;
	
}


#rachelNav #age12, #rachelNav #age13, #rachelNav #age14, #rachelNav #age15, #rachelNav #age16, #rachelNav #age17 {
	background-image: url(images/buttons/inertButton.png);
	background-repeat: no-repeat;
	background-position:top left;
	width:82px;
	height:29px;
	z-index:410;
	
}

/*#rachelLinx #age12, #rachelLinx #age13, #rachelLinx #age14, #rachelLinx #age15, #rachelLinx #age16, #rachelLinx #age17 {
	background-image: url(images/buttons/inertButton.png);
	background-repeat: no-repeat;
	background-position:top left;
	width:82px;
	height:29px;
	z-index:410;
	
}*/

/* -------------------------------------------------------------------------------------------------------------------------- */

#main {
clear:left;
padding: 15px 10px;	
position:relative;
}

#picHolder {
	clear:both;
	position:relative;
}
#rachel2-4Pic {
	background-image:url(images/rachelage2-4c.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:143px;
	height:199px;
}

#rachel5Pic {
	background-image:url(images/rachelage5c.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:146px;
	height:200px;
}
#rachel6Pic {
	background-image:url(images/rachelage6.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:134px;
	height:200px;
}

#rachel7Pic {
	background-image:url(images/rachelage7.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:153px;
	height:200px;
}

#rachel8Pic {
	background-image:url(images/rachelage8.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:149px;
	height:200px;
}
#rachel9Pic {
	background-image:url(images/rachelage9.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:141px;
	height:200px;
}
#rachel10Pic {
	background-image:url(images/rachelage10.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:139px;
	height:200px;
}
#rachel11Pic {
	background-image:url(images/rachelage11.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:133px;
	height:200px;
}

#ellie3Pic {
	background-image:url(images/ellieage3.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:136px;
	height:200px;
}

#ellie4Pic {
	background-image:url(images/ellieage4b.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:142px;
	height:200px;
}

#ellie5Pic {
	background-image:url(images/ellieage5.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:144px;
	height:200px;
}

#ellie6Pic {
	background-image:url(images/ellieage6.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:143px;
	height:200px;
}

#ellie7Pic {
	background-image:url(images/ellieage7.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:142px;
	height:200px;
}

#ellie8Pic {
	background-image:url(images/ellieage8.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:145px;
	height:200px;
}
#ellie9Pic {
	background-image:url(images/ellieage9.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:175px;
	height:200px;
}
#ellie10Pic {
	background-image:url(images/ellieage10.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:143px;
	height:200px;
}
#ellie11Pic {
	background-image:url(images/ellieage11.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:142px;
	height:200px;
}

#ellie12Pic {
	background-image:url(images/ellieage12.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:143px;
	height:200px;
}


#ellie13Pic {
	background-image:url(images/ellieage13.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:-15px;
	right:-10px;
	width:143px;
	height:200px;
}


#thumbs {
	width: 186px;
	float:left;
	display:inline; /* double-margin bug fix */
	background-color:#7b7bbf;
	padding:10px;
	-moz-border-radius: 10px;	
	-webkit-border-radius: 10px;
		
	
}


#thumbs h2 {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:.9em;
	/*color:#322774;*/
	color:#fff;
	text-align:center;
	margin-bottom:2px;
	/*display:none;*/
	
	
}

#thumbs a {
	display:block;
	float:left;
	width:54px;
	height:54px;
	border: 2px solid #7b7bbf;
	padding:2px;
	
	
}




#thumbs a:hover {
	/*border: 2px solid #d6d7f9;*/
	border: 2px solid #fff;
}

#thumbs img {
	width:50px;
	height:50px;
	border: 2px solid #4b4c8c;

	
}


#sectionHome h2, #mainSectionHome h2 {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#130859;
	text-align:center;
	

}
#sectionHome #thumbs {
	width:884px;
	
	margin:10px auto 190px 12px;
	
}

#sectionHome #thumbs img {
	width:80px;
	height:80px;	
}

#sectionHome #thumbs a {
	width:84px;
	height:84px;	
	padding:5px;
}

#sectionHome #thumbs h2 {
	display:none;
}
#mainSectionHome {
	display:block;
	width:880px;
	margin: 0 auto;	/*background-color:#009;*/
	
}
#mainSectionHome p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#339;
	text-align:center;
	margin-bottom:.5em;
}


#mainSectionHome .mainSectionThumb {
	float:left;
	display:inline; /* double-margin bug fix */
	
	
}
#mainSectionHome .mainSectionThumb a {
	display:block;	

	border: 3px solid #d6d7f9;  
	padding:5px;
	margin-bottom:5px;
	

	
}
#mainSectionHome .mainSectionThumb a:hover {
	border: 3px solid #fff;
		
}

#mainSectionHome .mainSectionThumb a img {
	border: 3px solid #4b4c8c;
		
	margin-bottom:-4px; /* okay this fixes the extra space between image and border at the bottom—but I don't know where the extra space is coming from in the first place! 
	*/
	

}

#mainSectionHome .mainSectionThumb p {
	text-align:center;
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:1em;
	margin-top:-5px;
	color:#130859;
	font-weight:bold;
}

#art {
	float:right;
	width:700px;
}
#art img {
	float:left;
	display:inline; /* double-margin bug fix */
	margin-right:10px;
	margin-bottom:20px;
	border: 4px solid #5a5b9e;
	
}

#art object {
	float:left;
	display:inline; /* double-margin bug fix */
	margin-right:10px;
	margin-bottom:20px;
	border: 4px solid #5a5b9e;
}

# .imageGroup {
	loat:left;
	
}

#artInfo h3 {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	color:#130859;
	line-height: 1.2em;
	margin-bottom:.3em;
	
}

#artInfo p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.3em;
	margin-bottom:.5em;
	
}
#artInfo p.date {
	margin-bottom:.5em;
	color:#5a5b9e;
}

/*
#sideBar {	
		
	float:left;
	margin-bottom:1em;
}

#sideBar h2 {
	font-family: Tahoma, Helvetica, sans-serif;
	color:#f3b77f;
	text-align:center;
}*/


#footer {
	clear:both;
	padding: .5em 0;
	background-color:#130859;
	line-height:1.5em;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	color:#f3b77f;
	font-size:.7em;
}
#footer a {
	color:#f3b77f;
	letter-spacing:1px;
	
}

.textRunaroundBlock {
	width:160px;
	height:200px;
	float:right;
}


	/*
	130859
	5a5b9e
	9393c8
	d6d7f9
	*/
	
.imageGroup {
	
}
#clickHereButton {
	background-image: url(images/clickHere.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 200;
	height: 132px;
	width: 132px;
	left: 284px;
	top: 382px;
}
#clickHereButton2 {
	background-image: url(images/clickHere.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 200;
	height: 132px;
	width: 132px;
	left: 458px;
	top: 194px;
}