@charset "utf-8";
/* CSS Document */

body {
	background:#0154A2;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:medium;
	margin:10px 0 0 0;
	padding:0;
	}
	
#container {
	background:url(images/bg-container.jpg) 0 0 no-repeat;
	left:50%;
	margin:-293px 0 0 -470px;
	min-height:496px; /* this may need to be replaced... *//* also - height = 585 minus padding */
	padding:90px 0 0 0;
	position:absolute;
	top:50%;
	width:940px;
	} /* has IE6 styles */
	
ul#nav {
	float:left;
	list-style:none;
	left:160px;
	margin:0 0 0 0;
	padding:0;
	position:relative;
	width:638px;
	}

ul#nav li {
	float:left;
	margin:0;
	padding:0;
	}
	
	ul#nav li.first {
		background:url(images/nav-star-first.gif) 100% 0 no-repeat;
		width:70px;
		}
	
	ul#nav li.first a:link,
	ul#nav li.first a:visited,
	ul#nav li.first a:hover,
	ul#nav li.first a:active {
		background-image:url(images/nav-home.gif);
		width:51px;
		}
		
	ul#nav li.second {
		background:url(images/nav-star-second.gif) 100% 0 no-repeat;
		width:218px;
		}
	
	ul#nav li.second a:link,
	ul#nav li.second a:visited,
	ul#nav li.second a:hover,
	ul#nav li.second a:active {
		background-image:url(images/nav-become_secret_santa.gif);
		width:200px;
		}
		
	ul#nav li.third {
		background:url(images/nav-star-third.gif) 100% 0 no-repeat;
		width:120px;
		}
	
	ul#nav li.third a:link,
	ul#nav li.third a:visited,
	ul#nav li.third a:hover,
	ul#nav li.third a:active {
		background-image:url(images/nav-good_works.gif);
		width:102px;
		}
		
	ul#nav li.fourth {
		background:url(images/nav-star-last.gif) 100% 0 no-repeat;
		width:113px;
		}
	
	ul#nav li.fourth a:link,
	ul#nav li.fourth a:visited,
	ul#nav li.fourth a:hover,
	ul#nav li.fourth a:active {
		background-image:url(images/nav-downloads.gif);
		width:93px;
		}
		
	ul#nav li.fifth {
		width:114px;
		}
	
	ul#nav li.fifth a:link,
	ul#nav li.fifth a:visited,
	ul#nav li.fifth a:hover,
	ul#nav li.fifth a:active {
		background-image:url(images/nav-tell_friend.gif);
		width:114px;
		}
		
ul#nav li a:link,
ul#nav li a:visited,
ul#nav li a:hover,
ul#nav li a:active {
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;	
	height:52px;
	overflow:hidden;
	text-indent:-5000px;
	}
	
ul#nav li a:hover {
	background-position:0 -52px;
	}
	
ul#nav li a.on:link,
ul#nav li a.on:visited,
ul#nav li a.on:hover,
ul#nav li a.on:active {
	background-position:0 -52px;
	}

/* -------------------------------------- */
/*   homepage styles  */
/* -------------------------------------- */
	
#home .left-col {
	clear:left;
	float:left;
	left:86px;
	position:relative;
	top:3px;
	width:460px;
	}
	
#home .left-col h1 {
	margin:0 auto 24px;
	height:191px;
	text-indent:-5000px;
	width:455px;
	}
	
	h1.first {
		background:url(images/heading-1.gif) 0 0 no-repeat;
		}
		
	h1.second {
		background:url(images/heading-2.gif) 0 0 no-repeat;
		}
		
	h1.third {
		background:url(images/heading-3.gif) 0 0 no-repeat;
		}
		
	h1.fourth {
		background:url(images/heading-4.gif) 0 0 no-repeat;
		}
		
	h1.fifth {
		background:url(images/heading-5.gif) 0 0 no-repeat;
		}
		
	h1.sixth {
		background:url(images/heading-6.gif) 0 0 no-repeat;
		}
		
	#home .left-col h1.works {
		background:url(images/h1-good_works.gif) 0 0 no-repeat;
		height:47px;
		width:348px;
		}
		
#home .left-col p {	
	background:#0154A2;
	/* color:#b8c1d8; */
	font-size:0.9em;
	line-height:20px;
	margin:0 auto 12px;
	text-align:center;	
	width:436px;
	}
	
#home .left-col h2 {
	background:url(images/h2-home.gif) 0 0 no-repeat;
	cursor:pointer;
	height:18px;
	margin:35px auto 0;
	text-indent:-5000px;
	width:250px;
	}
	
#home .right-col {
	float:left;
	left:86px;
	position:relative;
	top:10px;
	width:282px;
	} /* has IE7 styles */

#home .right-col a.logo {
	display:block;
	margin:15px auto 0;
	width:206px;
	}
	
#home .left-col ul li {
	/* color:#b8c1d8; */
	font-size:0.9em;
	}

/* -------------------------------------- */
/*   santa styles  */
/* -------------------------------------- */

#santa .left-col {
	clear:left;
	float:left;
	left:96px;
	position:relative;
	top:17px;
	width:400px;
	}
	
#santa .left-col h1 {
	background:url(images/h1-santa.gif) 0 0 no-repeat;
	height:17px;
	margin:0 auto 12px;
	text-indent:-5000px;
	width:230px;
	}
	
		
#santa .left-col p {	
	background:#0154A2;
	/* color:#b8c1d8; */
	font-size:0.9em;
	line-height:20px;
	margin:0 auto 18px;
	text-align:center;	
	width:340px;
	}
	
#santa .left-col h2 {
	background:url(images/h2-home.gif) 0 0 no-repeat;
	cursor:pointer;
	height:18px;
	margin:35px auto 0;
	text-indent:-5000px;
	width:250px;
	}
	
#santa .right-col {
	float:left;
	left:100px;
	position:relative;
	top:10px;
	width:369px;
	}

#santa .right-col a.logo {
	display:block;
	margin:15px auto 0;
	width:206px;
	}
	
#santa .donate {
	display:block;
	margin:60px auto 0;
	width:206px;
	}
	
#santa .right-col h2 {
	background:url(images/h2-gift-cards.gif) 0 0 no-repeat;
	height:13px;
	margin:0 auto 10px;
	text-indent:-5000px;
	width:77px;
	}
	
#santa .right-col ul {
	list-style:none;
	margin:0 auto 0;
	padding:0;
	width:329px;
	}
	
#santa .right-col ul li {
	margin:0 0 0 0;
	padding:0;
	}	
	
#santa .right-col ul li.first {
	font-size:0.7em;
	text-align:center;
	margin-bottom:0;
	}
	
#santa .right-col ul li.first a:link,
#santa .right-col ul li.first a:visited,
#santa .right-col ul li.first a:hover,
#santa .right-col ul li.first a:active {
	color:#fff;
	text-decoration:none;
	}
	
	#santa .right-col ul li.first a.first {
		margin:0 15px 0 5px;
		}
		
	#santa .right-col ul li.first a.second {
		margin-left:15px;
		}
	
#santa .right-col a.logo {
	display:block;
	margin:15px auto 0;
	width:206px;
	}
	
#santa .right-col p.instruction {
	color:#B7C2D4;
	font-size:0.7em;
	margin:0 0 0 0;
	text-align:center;
	}
	
/* -------------------------------------- */
/*   downloads styles  */
/* -------------------------------------- */

#downloads .left-col {
	clear:left;
	float:left;
	left:76px;
	position:relative;
	top:17px;
	width:500px;
	}
	
#downloads .left-col h1 {
	background:url(images/h1-downloads.gif) 0 0 no-repeat;
	height:17px;
	margin:0 auto 12px;
	text-indent:-5000px;
	width:114px;
	} /* has IE6 styles */	
		
#downloads .left-col p {	
	background:#0154A2;
	/* color:#b8c1d8; */
	font-size:0.9em;
	line-height:20px;
	margin:0 auto 18px;
	text-align:center;	
	width:420px;
	}
	

#downloads .left-col ul {
	float:left;
	list-style:none;
	margin:0;
	padding:10px 0 0 0;
	width:500px;
	}
	
#downloads .left-col ul li.first {
	float:left;
	margin:0 40px 0 50px;
	padding:0;
	width:135px;
	} /* has IE6 styles */

#downloads .left-col ul li.first h2 {
	background:url(images/h2-supporter.gif) 0 0 no-repeat;
	height:17px;
	margin:0 0 20px 0;
	text-indent:-5000px;
	width:128px;
	}
	
#downloads .left-col ul li.second {
	float:left;
	margin:0;
	padding:0;
	width:271px;
	}

#downloads .left-col ul li.second h2 {
	background:url(images/h2-signature.gif) 0 0 no-repeat;
	height:17px;
	margin:0 auto 50px;
	text-indent:-5000px;
	width:123px;
	}
	
#downloads .right-col {
	float:left;
	left:116px;
	position:relative;
	top:10px;
	width:206px;
	}

#downloads .right-col h2 {
	background:url(images/h2-office-posters.gif) 0 0 no-repeat;
	height:13px;
	margin:0 auto 10px;
	text-indent:-5000px;
	width:106px;
	}
	
#downloads .right-col ul {
	list-style:none;
	margin:0 auto 0;
	padding:0;
	width:179px;
	}
	
#downloads .right-col ul li {
	margin:0 0 0 0;
	padding:0;
	}	
	
#downloads .right-col ul li.first {
	font-size:0.7em;
	}
	
#downloads .right-col ul li.first a:link,
#downloads .right-col ul li.first a:visited,
#downloads .right-col ul li.first a:hover,
#downloads .right-col ul li.first a:active {
	color:#fff;
	text-decoration:none;
	}
	
	#downloads .right-col ul li.first a.first {
		margin:0 15px 0 5px;
		}
		
	#downloads .right-col ul li.first a.second {
		margin-left:15px;
		}
	
#downloads .right-col a.logo {
	display:block;
	margin:15px auto 0;
	width:206px;
	}
	
#downloads .donate {
	display:block;
	margin:60px auto 0;
	width:206px;
	}
	
#thanks h1 {
	background:url(images/h1-thanks.gif) 0 0 no-repeat;
	height:23px;
	text-indent:-5000px;
	margin:0 auto 12px;
	width:378px;
	}

#thanks p {
	margin:0 auto 12px;
	background:#0154A2;
	/* color:#b8c1d8; */
	font-size:0.9em;
	text-align:center;
	width:565px;
	}
	
#thanks ul {
	list-style:none;
	margin:0 auto 0;
	padding:0;
	width:485px;
	}
	
#thanks ul li {
	margin:0 0 0 0;
	padding:0;
	}	
	
#thanks ul li.first {
	color:#b8c1d8;
	font-size:0.7em;
	text-align:center;
	}
	
#thanks ul li.first a:link,
#thanks ul li.first a:visited,
#thanks ul li.first a:hover,
#thanks ul li.first a:active {
	color:#fff;
	text-decoration:none;
	}
	
	#thanks ul li.first a.first {
		margin:0 15px 0 5px;
		}
		
	#thanks ul li.first a.second {
		margin-left:15px;
		}
		
#thanks a.logo {
	display:block;
	margin:15px auto 0;
	position:relative;
	left:240px;
	width:206px;
	}

a.link:link,
a.link:visited,
a.link:hover,
a.link:active {
	color:#fff;	
	text-decoration:underline;
	}
	
a.link:hover {
	text-decoration:none;
	}

img {
	border:none;
	}
	

.clearer {
	clear:both;
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:0;
	overflow:hidden;
	padding:0;
	}

/* PHOTO GALLERY */
.photoGallery {
	width:			655px;
	margin-left:	-10px;
}

.photoGallery td {
	/*border-bottom: #696969 1px solid;*/
	/*border-right: #696969 1px solid;*/
	padding: 5px;
	/* background-image:url(../images/imgShade_150_lower.png);
	background-position: 5px 155px;
	background-repeat:no-repeat; */
	}
	
#imgMain {
	width: 500px;
	height: 750px;
	overflow: hidden;
	margin-left: 100px;
	margin-top: -35px;
}

#imgBase {
	width: 400px;
	/*margin-left: 100px;*/
	background-image:url(../images/imgShade_400_lower.png);
	background-repeat:no-repeat;
	/*background-color:#FF0000;*/
	height:10px;

}

#dspPhoto {
	background-image:			url(images/loadPhoto.gif);
	background-position:		center 50%;
	background-repeat:			no-repeat;
	background-color:			#000;
	display:					none;
	width:						100%;
	margin:						0 auto;
	min-height:					700px;
	height:						100%;
	position:					absolute;
	text-align:					center;
	filter:						alpha(opacity=75);
	-moz-opacity:				.75;
	opacity:					.75;
	top:						0;
	z-index:					10;
	left:						0;
}

#dspPhotoImg {
	display:					none;
	width:						100%;
	margin:						-188px 0 0 0;
	height:						377px;
	position:					absolute;
	text-align:					center;
	background-image:			url(../images/vouchers/angel.jpg);
	background-position:		center;
	background-repeat:			no-repeat;
	z-index:					10;
	left:						0;
	top:						50%;
}

#dspClose {
	margin:0 auto 0;
	width: 800px;
	text-align:right !important;
	z-index:10;
	bottom:1px;
	position:relative;
}

#dspClose a {
	display:block;
	float:right;
	font-size:1px;
	line-height:1px;
	height:10px;
	margin:0;
	padding:0;
	width: 10px;	
	z-index:10;
	}

/* END PHOTO GALLERY */