/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2011, Sarah Moller */
/* Added: Sept. 2nd, 2004 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

 

html {
	background: #C8C8C8;
}

body { 

	font: 8pt Georgia, "Times New Roman", Times, serif; 

	color: #172104; 

	background: #C8C8C8; 

	margin: 0px;
	position: relative;
	width: 776px;
	top: 0px;
	left: auto;
	right: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

#container p { 

	font: 14pt Georgia, "Times New Roman", Times, serif; 

	margin-top: 0px;  
	text-align: justify;
	padding-right: 5px;
	text-indent: 10px;
	background: none no-repeat bottom;
	z-index: 1;
}

#container pa { 

	font: 14pt Georgia, "Times New Roman", Times, serif; 

	margin-top: 0px;  
	text-align: justify;
	padding-right: 5px;
	text-indent: 10px;
	background: none no-repeat bottom;
	z-index: 1;
	line-height: 18px;
}

#container h3 { 

	font: 24pt Georgia, "Times New Roman", Times, serif; 

	color: #0066CC;
	background: no-repeat url(sky3.jpg) right;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 40px;
	padding-right: 30px;
	letter-spacing: .5px;
	height: 80px;
	text-indent: 5px;
	z-index: 3;
}

#container h3a { 

	font: 24pt Georgia, "Times New Roman", Times, serif; 

	color: #0066CC;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 40px;
	padding-right: 30px;
	letter-spacing: .5px;
	height: 80px;
	text-indent: 5px;
	z-index: 3;
}

li { margin-top: 1em;}

#container h4 {

	font: 24pt Georgia, "Times New Roman", Times, serif; 
	color: #0066CC;
	text-align: left;
	padding-top: 0px;
	padding-right: 30px;
	letter-spacing: .5px;
	height: 40px;
	text-indent: 5px;
	
}
#container h5 {

	font: 16pt Georgia, "Times New Roman", Times, serif; 
	text-align: left;
	padding-top: 0px;
	padding-right: 30px;
	letter-spacing: .5px;
	height: 40px;
	text-indent: 5px;
	
}
#containerbig h5 {

	font: 16pt Georgia, "Times New Roman", Times, serif; 
	text-align: left;
	padding-top: 0px;
	padding-right: 30px;
	letter-spacing: .5px;
	height: 40px;
	text-indent: 5px;
	
}

#container h6 {

	font: Georgia, "Times New Roman", Times, serif; 
	text-align: left;
	padding-top: 0px;
	padding-right: 30px;
	letter-spacing: .5px;
	text-indent: 5px;
	color: #0066CC;
	font-size:14px
	
}

#containerbig p { 

	font: 14pt Georgia, "Times New Roman", Times, serif; 

	margin-top: 0px;  
	text-align: justify;
	padding-right: 5px;
	text-indent: 10px;
	background: none no-repeat bottom;
	z-index: 1;
}

#containerbig h3 { 

	font: 24pt Georgia, "Times New Roman", Times, serif; 

	color: #0066CC;
	background: no-repeat url(sky3.jpg) right;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 40px;
	padding-right: 30px;
	letter-spacing: .5px;
	height: 80px;
	text-indent: 5px;
	z-index: 3;
}

#containerbig h4 {

	font: 24pt Georgia, "Times New Roman", Times, serif; 
	color: #0066CC;
	text-align: left;
	padding-top: 0px;
	padding-right: 30px;
	letter-spacing: .5px;
	height: 40px;
	text-indent: 5px;
	
}


a:link { 


	text-decoration: none; 

	color: #0631BF;

	}

a:visited { 
 

	text-decoration: none; 

	color: #FC557C;

	}

a:hover, a:active { 

	text-decoration: none; 

	color: #FACF24;
}





/* specific divs */

#container { 

	background: no-repeat transparent url(rainbow1.jpg);
	position: absolute;
	width: 726px;
	z-index: 2;
	margin-bottom: 50px;
	margin-top: 50px;
}

#containerbig { 

	background: no-repeat transparent url(rainbow2.jpg);
	position: absolute;
	width: 726px;
	z-index: 2;
	margin-bottom: 50px;
	margin-top: 50px;
}



#intro { 

	width: 726px;
	position: relative;
}

#pageHeader { 

	position: relative;
	background: url(title3.jpg) no-repeat 21px;
	width: 726px;
	height: 160px;
	padding: 25px 25px 15px 25px;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 3;
}



/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */

#logo {

	background:none no-repeat;
	position: absolute;
	margin-top: 10px;
	margin-left: 20px;
	width: 200px;
	height: 25px;
	z-index: 4;
}

#name {

	background: transparent none;
	position: absolute;
	margin-top: 35px;
	margin-left: 50px;
	width: 400px;
	height: 100px;
	font: 28pt Georgia, "Times New Roman", Times, serif; 
	z-index: 5;
}

#name h1 { 
	font: 28pt Georgia, "Times New Roman", Times, serif;
	color: #000000;
}


#pageHeader h1 span {

	display:none;
	background: none;
}

#newsbox {

	background: #FFFFFF;
	position:relative;
	margin: 0px 25px 10px 25px;
	padding: 10px 10px 10px 20px;
	font: 12pt Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	text-align: justify;
	
}

#newsbox h7 {

	font: 20pt Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	color: #0066CC;
}

#news {

	background:none;
	margin: -25px 10px 10px 105px;
	
}

#newsbox p3 {

	font: 12pt Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	text-align: center;
	margin-left: 10px;
}

#menu1 {

	background: url(header1.png) no-repeat;
	position: relative;
	width: 676px;
	height: 29px;
	margin: 0px 0px 0px 25px;
	padding: 10px 0px 0px 15px;
	word-spacing:44px;

}


#preamble {

	background: #FFFFFF center;
	position: relative;
	margin: 0px 25px 25px;
	width: 652px;
	padding: 5px 10px 10px;
	font: 12pt Georgia, "Times New Roman", Times, serif; 
	z-index: 5;
}

#preamble p1 {

	font: 12pt Georgia, "Times New Roman", Times, serif;
	margin: 40px;
	line-height: 130%;
	text-align: justify;
}

#preamble p6 {

	font: 10pt Georgia, "Times New Roman", Times, serif;
	margin: 40px;
	text-align: justify;
}

#preamble p8 {

	font: 10pt Georgia, "Times New Roman", Times, serif;
	text-align: justify;
}

#text {

	position: relative;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 20px; 
	text-align: justify;
}

#caption {

	position: relative;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 20px; 
	text-align: center;
	font: 12pt Georgia, "Times New Roman", Times, serif;
}

#caption p1 {
	font: 12pt Georgia, "Times New Roman", Times, serif;
	margin: 40px;
	line-height: 130%;
}

#picture {

	position: relative;
	margin: 50px;
}

#ally {

	position: relative;
	margin: 0px;
	text-align: center;
	width: 220px;
	
}

#lucy {

	position: relative;
	margin: -17px 0px 0px 210px;
	text-align: center;
	width: 220px;
	
}

#lucy1 {

	position: relative;
	margin: -34px 0px 0px 210px;
	text-align: center;
	width: 220px;
	
}

#jacqui {

	position: relative;
	margin: -17px 0px 0px 420px;
	text-align: center;
	width: 220px;
	
}
#left1 {

	position: relative;
	margin: 0px 0px 10px 0px;
	text-align: center;
	width: 150px;
	
}
#left2 {

	position: relative;
	margin: -28px 0px 10px 160px;
	text-align: center;
	width: 150px;
	
}
#right1 {

	position: relative;
	margin: -28px 0px 10px 320px;
	text-align: center;
	width: 150px;
	
}
#right2 {

	position: relative;
	margin: -28px 0px 10px 480px;
	text-align: center;
	width: 150px;
	
}
#left2a {

	position: relative;
	margin: -45px 0px 10px 160px;
	text-align: center;
	width: 150px;
	
}
#right1a {

	position: relative;
	margin: -45px 0px 10px 320px;
	text-align: center;
	width: 150px;
	
}
#footbox {

	background: #FFFFFF;
	position: relative;
	height:70px;
	width: 600px;
	margin: 0px 0px 50px 25px;
	padding: 15px 38px;
	text-align: center;

}

#footbox p2 {

	font: 9pt Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	word-spacing: 2px;
	text-align: center;
}